* {
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
    height: 100dvh;
    overflow: hidden;
}

.nt-wrapper {

    width: 100dvw;
    height: 100dvh;
    background-color: #000000;

    display: flex;
    justify-content: center;
    align-items: center;
}

.nt-progress-bar-cont {
    width: 45%;
    max-width: 250px;
    height: 7px;
    /* border : 1px solid red; */
    position: relative;
}

.nt-progress-bar {

    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
}

.nt-progress {
    width: 1%;
    height: 100%;
    background-color: white;
    position: absolute;
}

.nt-ad-container {

    width: auto;
    height: auto;
    overflow: hidden;
    background-color: #ffffff;
    position: absolute;
    display: none;
}


.nt-ad-container * {
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
}

.border {
    border: 1px solid #000;
    z-index: 999;
    pointer-events: none;
}

.hs {
    /*background-color: #ff000090;*/
    pointer-events: all;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.hs-bgclick {
    height: 100%;
}

.fall,
.ding {
    /* background-color: #ff000050; */
    aspect-ratio: 486/137;
    width: 71%;
    height: auto;
}


.bacon-c,
.bg,
.bun-bot,
.cheese-c,
.cta,
.dos,
.endcopy1,
.endcopy2,
.endimg1,
.endimg2,
.endimg3,
.gamepanel,
.gametxt,
.hand,
.introcopy1,
.introcopy2,
.introimg1,
.introimg2,
.logo,
.patty-c,
.pickle-c,
.tres,
.uno {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/sprite.png');
}

.bacon-c {
    background-position: 0 0.00%;
    background-size: 100%;
}

.bg {
    background-position: 0 4.55%;
    background-size: 100%;
}

.bun-bot {
    background-position: 0 9.09%;
    background-size: 100%;
}

.cheese-c {
    background-position: 0 13.64%;
    background-size: 100%;
}

.cta {
    background-position: 0 18.18%;
    background-size: 100%;
}

.dos {
    background-position: 0 22.73%;
    background-size: 100%;
}

.endcopy1 {
    background-position: 0 27.27%;
    background-size: 100%;
}

.endcopy2 {
    background-position: 0 31.82%;
    background-size: 100%;
}

.endimg1 {
    background-position: 0 36.36%;
    background-size: 100%;
}

.endimg2 {
    background-position: 0 40.91%;
    background-size: 100%;
}

.endimg3 {
    background-position: 0 45.45%;
    background-size: 100%;
}

.gamepanel {
    background-position: 0 50.00%;
    background-size: 100%;
}

.gametxt {
    background-position: 0 54.55%;
    background-size: 100%;
}

.hand {
    background-position: 0 59.09%;
    background-size: 100%;
    filter: invert(100%);
}

.introcopy1 {
    background-position: 0 63.64%;
    background-size: 100%;
}

.introcopy2 {
    background-position: 0 68.18%;
    background-size: 100%;
}

.introimg1 {
    background-position: 0 72.73%;
    background-size: 100%;
}

.introimg2 {
    background-position: 0 77.27%;
    background-size: 100%;
}

.logo {
    background-position: 0 81.82%;
    background-size: 100%;
}

.patty-c {
    background-position: 0 86.36%;
    background-size: 100%;
}

.pickle-c {
    background-position: 0 90.91%;
    background-size: 100%;
}

.tres {
    background-position: 0 95.45%;
    background-size: 100%;
}

.uno {
    background-position: 0 100.00%;
    background-size: 100%;
}



.txtcount {
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 0.8em;
    top: 26.4%;
}

.pattycount {
    left: 20%;
}

.cheesecount {
    left: 42%;
}

.baconcount {
    left: 61%;
}

.picklecount {
    left: 80%;
}


.bacon,
.bun,
.cheese,
.patty,
.pickle {
    max-width: 100%;
    background-size: 100%;
    background-image: url('images/sprite2.png');
}

.bacon {
    background-position: 0 0.00%;
    background-size: 100%;
}

.bun {
    background-position: 0 25.00%;
    background-size: 100%;
}

.cheese {
    background-position: 0 50.00%;
    background-size: 100%;
}

.patty {
    background-position: 0 75.00%;
    background-size: 100%;
}

.pickle {
    background-position: 0 100.00%;
    background-size: 100%;
}