@font-face{font-family:Luckiest Guy;src:url(../assets/ui/LuckiestGuy.ttf) format("truetype");font-display:block}:root{--font: "Luckiest Guy", "Arial Rounded MT Bold", system-ui, sans-serif;--shadow: rgb(0 0 0 / .5);--green-outline: #3e6a01;--text-grey: #656565;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.noscript{position:relative;z-index:1;margin:0;padding:16px;font:1rem/1.5 system-ui,sans-serif;text-align:center}.noscript a{color:#ffd34d}html,body{margin:0;height:100%;overflow:hidden;background:#151515 url(../assets/ui/game_bg.png) center / cover;font-family:var(--font);color:#fff;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none}.column{--u: .125cqw ;--column-height: 100dvh;--column-width: round(down, min(100vw, var(--column-height) * .5625), 1px);position:relative;height:var(--column-height);width:var(--column-width);margin-left:round(down,calc((100vw - var(--column-width)) / 2),1px);container-type:size;overflow:hidden;box-shadow:0 0 60px #0009}button{font:inherit;color:inherit;border:0;padding:0;background:none;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;filter:grayscale(.6) brightness(.6)}button:not(:disabled):active{transform:scale(.94)}button:focus-visible{outline:calc(var(--u) * 6) solid #ffd34d;outline-offset:calc(var(--u) * 4)}button img{pointer-events:none}.fancy{display:grid;place-items:center;text-transform:uppercase;text-shadow:0 calc(var(--u) * 6) 0 var(--shadow);line-height:1}.fancy{background:center / 100% 100% no-repeat}.fancy span{margin-top:calc(var(--u) * -6)}.fancy.grey{filter:grayscale(1) brightness(1.08)}.fancy.danger{filter:hue-rotate(-75deg) saturate(1.35)}.round{width:calc(var(--u) * 138);height:calc(var(--u) * 139);display:grid;place-items:center;background:center / contain no-repeat}.round.green{background-image:url(../assets/ui/green_button.png)}.round.grey{background-image:url(../assets/ui/grey_button.png)}.round img{width:62%;margin-top:calc(var(--u) * -6)}.round img.flip{transform:scaleX(-1)}.menu{position:absolute;inset:0}.pages{position:absolute;inset:0;display:flex;transition:transform .35s cubic-bezier(.3,.8,.3,1)}.page{position:relative;flex:0 0 100%;height:100%}.page-main{background:#0c0c0c url(../assets/ui/main_bg.jpg) top center / cover}.page-stats,.page-settings{background:#2b2b2b url(../assets/ui/square_tiles.jpg) top left / calc(var(--u) * 269.5);padding-bottom:calc(var(--u) * 216);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.logo-host{position:absolute;left:50%;top:calc((100% - var(--u) * 250) / 2 - var(--u) * 227);width:calc(var(--u) * 640);height:calc(var(--u) * 470);transform:translate(-50%,-50%);pointer-events:none}.logo-host canvas{position:absolute;inset:0}.logo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:logo-bob 3s ease-in-out infinite}@keyframes logo-bob{50%{transform:scale(1.03) rotate(-1deg)}}.menu-address{position:absolute;left:50%;top:calc((100% - var(--u) * 250) / 2 - var(--u) * 227 + var(--u) * 186);margin:0;transform:translate(-50%);pointer-events:none}.menu-address .address-share{background:#0a0a0ab8}.menu-address .address-share-button{pointer-events:auto}.difficulty-buttons button{position:absolute;left:50%;width:calc(var(--u) * 510.4);height:calc(var(--u) * 150.1);transform:translate(-50%,50%);font-size:calc(var(--u) * 64);display:flex;flex-direction:column;align-items:center;justify-content:center}.play-progress{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 27);text-transform:none;letter-spacing:.03em;color:#f2ffd8;text-shadow:0 calc(var(--u) * 3) 0 var(--shadow)}.difficulty-buttons button:not(:disabled):active{transform:translate(-50%,50%) scale(.94)}.difficulty-buttons [data-play=easy]{bottom:calc(var(--u) * (250 + 616 - 160))}.difficulty-buttons [data-play=medium]{bottom:calc(var(--u) * (250 + 455 - 160))}.difficulty-buttons [data-play=hard]{bottom:calc(var(--u) * (250 + 294 - 160))}.pill-bar{display:flex;gap:calc(var(--u) * 13);padding:calc(var(--u) * 13);border-radius:calc(var(--u) * 47);background:#141414db;box-shadow:0 0 0 calc(var(--u) * 4) #ffffff14,0 calc(var(--u) * 16) calc(var(--u) * 36) #00000080}.pill-divider{align-self:center;width:calc(var(--u) * 4);height:60%;border-radius:2px;background:#444}.tabs{position:absolute;left:calc(var(--u) * 34);right:calc(var(--u) * 34);bottom:calc(var(--u) * 34);height:calc(var(--u) * 158)}.menu-tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 28);color:#a8a8a8}.menu-tab>:not(.tab-fill){position:relative}.tab-fill{position:absolute;inset:0;opacity:0;transition:opacity .2s}.menu-tab img{height:calc(var(--u) * var(--h));margin-block:calc(var(--u) * (50 - var(--h)) / 2);translate:0 calc(var(--u) * var(--dy));filter:grayscale(.5) brightness(.85)}.menu-tab .monsters-icon{--h: 80.7;--dy: 3.5}.menu-tab .crown-icon{--h: 52.3;--dy: .4}.menu-tab .settings-icon{--h: 80.4;--dy: -1.4;filter:brightness(0) invert(.8)}.menu-tab[aria-current=page]{color:#fff;text-shadow:0 calc(var(--u) * 3) 0 #4a6d0f;cursor:default}.menu-tab[aria-current=page] .tab-fill{opacity:1}.menu-tab[aria-current=page] img{filter:none;translate:0 calc(var(--u) * (var(--dy) - 6))}.menu-tab[aria-current=page] .settings-icon{filter:brightness(0) invert(1)}.ratios{display:grid;grid-template-columns:repeat(3,1fr);padding:calc(var(--u) * 180) calc(var(--u) * 16) 0;gap:calc(var(--u) * 12);text-align:center}.ratio-column{display:flex;flex-direction:column;align-items:stretch}.ratio-column h2{text-transform:uppercase;margin:0;font-size:calc(var(--u) * 46);font-weight:400;line-height:1.1}.ratio-column .ratio{font-size:calc(var(--u) * 90);line-height:1.3;-webkit-text-stroke:calc(var(--u) * 3) var(--green-outline);paint-order:stroke fill;text-shadow:0 calc(var(--u) * 6) 0 var(--shadow)}.ratio-column .ratio.empty{color:#777;-webkit-text-stroke:0;text-shadow:none}.ratio-column .line{font-size:calc(var(--u) * 27);line-height:1.35;color:#c9c9c9}.ratio-column .line b{font-weight:400;color:#fff}.panel{margin:calc(var(--u) * 40) calc(var(--u) * 24) 0;padding:calc(var(--u) * 26) calc(var(--u) * 30) calc(var(--u) * 30);background:#0000006b;border-radius:calc(var(--u) * 30)}.panel h3{margin:0 0 calc(var(--u) * 16);font-size:calc(var(--u) * 32);font-weight:400;color:#ddd}.detailed{display:grid;grid-template-columns:1.55fr repeat(3,1fr);row-gap:calc(var(--u) * 12);align-items:center;font-size:calc(var(--u) * 40);text-align:center}.detailed .head{font-size:calc(var(--u) * 25);color:#bbb;text-transform:uppercase}.detailed .icons{display:flex;justify-content:flex-start;gap:calc(var(--u) * 2);height:calc(var(--u) * 56);align-items:center}.detailed .icons img{height:calc(var(--u) * 46)}.detailed .icons img.crown{height:calc(var(--u) * 56)}.detailed .icons .label{margin-left:calc(var(--u) * 10);font-size:calc(var(--u) * 26);color:#ccc}.detailed .zero{color:#666}.detailed .dash{color:#555}.crown-note{display:flex;align-items:center;gap:calc(var(--u) * 14);margin:calc(var(--u) * 22) 0 0;font:calc(var(--u) * 26) / 1.35 system-ui,sans-serif;color:#bdbdbd}.crown-note .icons{display:flex;align-items:center;flex:none}.crown-note img{height:calc(var(--u) * 38)}.crown-note img.crown{height:calc(var(--u) * 48);margin-left:calc(var(--u) * 4)}.page-settings{padding-top:calc(var(--u) * 190)}.page-settings .panel{margin-top:calc(var(--u) * 28)}.setting{display:flex;align-items:center;gap:calc(var(--u) * 30);width:100%;padding:calc(var(--u) * 6) 0;text-align:left}.setting:not(:disabled):active{transform:scale(.98)}.setting .round{width:calc(var(--u) * 116);height:calc(var(--u) * 116);flex:none}.setting .round img{width:60%}.setting-name{flex:1;font-size:calc(var(--u) * 44)}.setting-state{font-size:calc(var(--u) * 28);padding:calc(var(--u) * 9) calc(var(--u) * 26) calc(var(--u) * 5);border-radius:999px;background:#8fd14f;color:#24400a}.setting-state.off{background:#555;color:#ccc}.page-settings .info{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 22)}.text-button{font-size:calc(var(--u) * 36);color:#eee;text-decoration:underline;text-decoration-color:#888;text-underline-offset:.2em}.text-button.danger{margin-top:calc(var(--u) * 10);color:#ff9b8a;text-decoration-color:#a55}a:focus-visible{outline:calc(var(--u) * 6) solid #ffd34d;outline-offset:calc(var(--u) * 4)}.consent-overlay{position:absolute;inset:0;z-index:1;background:#0000008c;animation:fade-in .3s}.consent-sheet{position:absolute;left:calc(var(--u) * 24);right:calc(var(--u) * 24);bottom:calc(var(--u) * 24);padding:calc(var(--u) * 44) calc(var(--u) * 44) calc(var(--u) * 40);background:#141414f5;border-radius:calc(var(--u) * 44);box-shadow:0 0 0 calc(var(--u) * 4) #ffffff1a,0 calc(var(--u) * 20) calc(var(--u) * 60) #000000b3;animation:sheet-in .45s cubic-bezier(.2,1.2,.4,1)}@keyframes sheet-in{0%{transform:translateY(110%)}}.consent-sheet h2{margin:0 0 calc(var(--u) * 16);padding-right:calc(var(--u) * 150);font-size:calc(var(--u) * 52);font-weight:400;line-height:1.05;text-transform:uppercase;text-shadow:0 calc(var(--u) * 5) 0 var(--shadow)}.consent-monster{position:absolute;right:calc(var(--u) * 30);top:calc(var(--u) * -120);width:calc(var(--u) * 170)}.consent-monster:not([src]){display:none}.consent-text{margin:0;font:calc(var(--u) * 33) / 1.4 system-ui,sans-serif;color:#ddd}.consent-small{margin:calc(var(--u) * 26) 0 0;font:calc(var(--u) * 28) / 1.4 system-ui,sans-serif;color:#999}.consent-small a{color:#ffd34d}.consent-buttons{display:flex;gap:calc(var(--u) * 24);margin-top:calc(var(--u) * 36)}.consent-button{flex:1;height:calc(var(--u) * 116);border-radius:calc(var(--u) * 58);background:#3b3b3b;font-size:calc(var(--u) * 44);box-shadow:inset 0 0 0 calc(var(--u) * 4) #ffffff1f}.consent-button span{display:inline-block;margin-top:calc(var(--u) * 6)}.consent-button:active{transform:scale(.96)}#reset-dialog{z-index:2}.panel-dialog{position:relative;width:calc(var(--u) * 680);padding:calc(var(--u) * 48) calc(var(--u) * 50) calc(var(--u) * 50);background:#141414f0;border-radius:calc(var(--u) * 44);box-shadow:0 0 0 calc(var(--u) * 4) #ffffff14,0 calc(var(--u) * 20) calc(var(--u) * 60) #0009;animation:dialog-in .45s cubic-bezier(.2,1.4,.4,1)}@keyframes dialog-in{0%{transform:translateY(40%) scale(.6);opacity:0}}.panel-dialog h2{margin:0 0 calc(var(--u) * 20);font-size:calc(var(--u) * 76);font-weight:400;line-height:1;text-transform:uppercase;text-shadow:0 calc(var(--u) * 6) 0 var(--shadow)}.dialog-note{margin:0;font:calc(var(--u) * 32) / 1.35 system-ui,sans-serif;color:#ccc}.dialog-primary{width:100%;height:calc(var(--u) * 140);font-size:calc(var(--u) * 56)}.dialog-primary:not(:disabled):active{transform:scale(.97)}.info-text{font:calc(var(--u) * 34) / 1.45 system-ui,sans-serif;user-select:text}.info-text p{margin:0 0 calc(var(--u) * 24)}.info-text p:last-child{margin-bottom:0}.info-text a{color:#ffd34d}.dialog-buttons{display:flex;gap:calc(var(--u) * 24);margin-top:calc(var(--u) * 40)}.dialog-buttons .fancy{flex:1 1 auto;padding:0 calc(var(--u) * 30);height:calc(var(--u) * 124);font-size:calc(var(--u) * 44);white-space:nowrap}.dialog-buttons .fancy:not(:disabled):active{transform:scale(.96)}.win-dialog,.stage-dialog{text-align:center}.win-dialog .reward-stars{position:relative;margin:0 auto;width:calc(var(--u) * 540);height:calc(var(--u) * 140)}.reward-stars img{position:absolute;top:50%;transform:translate(-50%,-50%)}.reward-stars img.star{width:calc(var(--u) * 90)}.reward-stars img.crown{width:calc(var(--u) * 129)}.reward-stars img.earned{animation:star-pop .4s cubic-bezier(.2,1.6,.4,1) backwards}@keyframes star-pop{0%{transform:translate(-50%,-50%) scale(0)}}.win-dialog .dialog-note{margin:calc(var(--u) * 6) 0 calc(var(--u) * 36)}.next-challenge{width:100%;height:calc(var(--u) * 150);font-size:calc(var(--u) * 60);display:flex;flex-direction:column;align-items:center;justify-content:center}.next-challenge small{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 27);text-transform:none;letter-spacing:.03em;color:#f2ffd8;text-shadow:0 calc(var(--u) * 3) 0 var(--shadow)}.next-challenge:not(:disabled):active{transform:scale(.97)}.win-actions{margin-top:calc(var(--u) * 30);height:calc(var(--u) * 150)}.pill-button{white-space:nowrap;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 8);border-radius:calc(var(--u) * 36);font-size:calc(var(--u) * 28);color:#ddd;text-shadow:0 calc(var(--u) * 3) 0 var(--shadow);transition:background .15s}.pill-button img{height:calc(var(--u) * 58)}.pill-button:hover{background:#ffffff0f}.pill-button:active{background:#ffffff1a;transform:scale(.96)}.stage-dialog .dialog-note{margin-bottom:calc(var(--u) * 36)}.address-badge{display:inline-block;padding:calc(var(--u) * 14) calc(var(--u) * 32) calc(var(--u) * 10);border:calc(var(--u) * 4) solid rgb(150 210 40 / .55);border-radius:calc(var(--u) * 60);background:#00000040;font-size:calc(var(--u) * 34);line-height:1;letter-spacing:.04em;white-space:nowrap;color:#fff}.win-address{margin:calc(var(--u) * 30) 0 0;font:calc(var(--u) * 28) / 1.3 system-ui,sans-serif;color:#9a9a9a}.win-address b{font-weight:600;color:#b8e04a}.stage-address{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 12);margin:calc(var(--u) * 34) 0 0;font:calc(var(--u) * 26) / 1.3 system-ui,sans-serif;color:#9a9a9a}.stage-address .address-badge{font-family:var(--font)}.address-share{display:inline-flex;align-items:center;border:calc(var(--u) * 4) solid rgb(150 210 40 / .55);border-radius:calc(var(--u) * 60);background:#00000040;font-family:var(--font);line-height:1;white-space:nowrap}.address-share-name{padding:calc(var(--u) * 20) calc(var(--u) * 26) calc(var(--u) * 14) calc(var(--u) * 32);font-size:calc(var(--u) * 34);letter-spacing:.04em;color:#fff}.address-share-button{display:flex;gap:calc(var(--u) * 10);height:calc(var(--u) * 92);margin:calc(var(--u) * -10) calc(var(--u) * -14) calc(var(--u) * -10) 0;padding:0 calc(var(--u) * 34) 0 calc(var(--u) * 28);font-size:calc(var(--u) * 36);color:#fff}.address-share-button img{height:calc(var(--u) * 38);margin-top:calc(var(--u) * -6)}.address-share-button:active{transform:scale(.96)}.toast{position:absolute;left:50%;bottom:calc(var(--u) * 260);z-index:10;margin:0;padding:calc(var(--u) * 20) calc(var(--u) * 40);border-radius:99px;background:#8fd14f;color:#24400a;font:600 calc(var(--u) * 32) / 1 system-ui,sans-serif;white-space:nowrap;box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 24) #00000080;transform:translate(-50%);pointer-events:none}.toast.show{animation:toast 2.2s ease both}@keyframes toast{0%{opacity:0;transform:translate(-50%,30%)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}.pause-dialog{text-align:center}.pause-dialog .dialog-note{margin-bottom:calc(var(--u) * 36)}.pause-ratings{margin:calc(var(--u) * -30) 0 calc(var(--u) * 12);font:calc(var(--u) * 20) / 1 system-ui,sans-serif;color:#fff;opacity:.2}.pause-ratings:empty{display:none}.dialog-actions{margin-top:calc(var(--u) * 30);height:calc(var(--u) * 150)}.pill-state{padding:calc(var(--u) * 6) calc(var(--u) * 18) calc(var(--u) * 2);border-radius:99px;background:#8fd14f;color:#24400a;text-shadow:none}.pill-state.off{background:#555;color:#ccc}#skip-dialog{z-index:2}.game{position:absolute;inset:0;background:#262626 url(../assets/ui/game_bg.png) center / cover}.game-bg-top,.game-bg-bottom{position:absolute;left:50%;width:calc(var(--u) * 1130);transform:translate(-50%);background:center / 100% 100% no-repeat}.game-bg-top{top:calc(var(--u) * (74 - 213));height:calc(var(--u) * 426);background-image:url(../assets/ui/game_top.png)}.game-bg-bottom{bottom:calc(var(--u) * (74 - 217.5));height:calc(var(--u) * 435);background-image:url(../assets/ui/game_bottom.png)}#board{position:absolute;inset:0;touch-action:none}.hud-stack{position:absolute;left:calc(var(--u) * 44);right:calc(var(--u) * 44);top:calc(var(--u) * 300);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 22);pointer-events:none}.tutorial-logo{position:relative;flex:none;width:calc(var(--u) * 340);height:calc(var(--u) * 250)}.tutorial-logo canvas{position:absolute;inset:0}.goal{display:flex;align-items:center;gap:calc(var(--u) * 16);margin:0;padding:calc(var(--u) * 8) calc(var(--u) * 34) calc(var(--u) * 8) calc(var(--u) * 22);border:calc(var(--u) * 4) solid #8fd14f;border-radius:999px;background:#00000073;font-size:calc(var(--u) * 34);line-height:1;white-space:nowrap}.goal-monster{width:calc(var(--u) * 78);height:calc(var(--u) * 78);object-fit:contain}.goal-arrow{width:calc(var(--u) * 40);color:#8fd14f}.goal-exit{width:calc(var(--u) * 62);height:calc(var(--u) * 62);border-radius:50%;background:radial-gradient(circle,#000 0 42%,#1d3a06 56%,#74ff00 68%,#74ff0000 78%);box-shadow:0 0 calc(var(--u) * 14) #74ff0099}.tip{width:100%;text-align:center;padding:calc(var(--u) * 20) calc(var(--u) * 28) calc(var(--u) * 20);border-radius:calc(var(--u) * 34);background:#ffffff14;box-shadow:inset 0 0 0 calc(var(--u) * 4) #ffffff14}.tip strong{display:block;font-size:calc(var(--u) * 40);font-weight:400;line-height:1.15}.tip em{font-style:normal}.tip span{display:block;margin-top:calc(var(--u) * 10);font:calc(var(--u) * 30) / 1.35 system-ui,sans-serif;color:#c9c9c9}.play-tip{position:absolute;left:calc(var(--u) * 40);right:calc(var(--u) * 40);margin:0;text-align:center;font:calc(var(--u) * 28) / 1.35 system-ui,sans-serif;color:#bbb;pointer-events:none}.play-tip b{color:#fff}.guide{position:absolute;inset:0;pointer-events:none}.hand{position:absolute;width:calc(var(--u) * 92);filter:drop-shadow(0 calc(var(--u) * 6) calc(var(--u) * 6) rgb(0 0 0 / .6))}.hand.tap{animation:hand-tap 1.2s ease-in-out infinite}@keyframes hand-tap{0%,to{transform:translate(-47%,14%)}45%{transform:translate(-47%) scale(1.05)}60%{transform:translate(-47%,6%) scale(.94)}}.hand.swipe{animation:hand-swipe 3s ease-in-out infinite}@keyframes hand-swipe{0%,10%{transform:translate(-47%,10%);opacity:0}25%{transform:translate(-47%,10%);opacity:1}70%{transform:translate(calc(-47% + var(--dx)),calc(10% + var(--dy)));opacity:1}85%,to{transform:translate(calc(-47% + var(--dx)),calc(10% + var(--dy)));opacity:0}}.helper-ring{position:absolute;border:calc(var(--u) * 6) dashed var(--helper);border-radius:50%;box-shadow:0 0 calc(var(--u) * 30) var(--helper);transform:translate(-50%,-50%);animation:helper-pulse 1.2s ease-in-out infinite}@keyframes helper-pulse{50%{transform:translate(-50%,-50%) scale(1.12)}}.bubble{position:absolute;transform:translate(-50%,calc(-100% - var(--u) * 26));padding:calc(var(--u) * 10) calc(var(--u) * 20) calc(var(--u) * 6);border-radius:calc(var(--u) * 20);background:var(--helper);color:#10303c;font-size:calc(var(--u) * 28);white-space:nowrap}.bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:calc(var(--u) * 14) solid transparent;border-top-color:var(--helper)}#board canvas{display:block}.game-header{position:absolute;left:calc(var(--u) * 48);top:calc(var(--u) * 52);pointer-events:none}.header-label{display:block;font-size:calc(var(--u) * 34);color:#ddd;text-transform:uppercase;text-shadow:0 calc(var(--u) * 4) 0 var(--shadow)}.header-moves{display:flex;align-items:baseline;gap:calc(var(--u) * 14);margin-top:calc(var(--u) * 6);color:#bbb;font-size:calc(var(--u) * 36);text-shadow:0 calc(var(--u) * 4) 0 var(--shadow)}.header-moves b{font-weight:400;font-size:calc(var(--u) * 90);line-height:1;color:#fff;text-shadow:0 calc(var(--u) * 6) 0 var(--shadow)}.header-moves b.bump{animation:bump .25s ease-out}@keyframes bump{40%{transform:scale(1.25)}}.header-moves b{display:inline-block;transform-origin:50% 80%}.play-address{position:absolute;left:50%;top:calc(var(--u) * 72);transform:translate(-50%);margin:0;font-size:calc(var(--u) * 34);line-height:1;letter-spacing:.04em;white-space:nowrap;color:#ddd;text-shadow:0 calc(var(--u) * 4) 0 var(--shadow);pointer-events:none}.play-address b{font-weight:400;color:#b8e04a}.game:has(#your-best:not([hidden])) .play-address{display:none}.game:has(#tutorial-progress:not([hidden])) .play-address{top:calc(var(--u) * 160)}.your-best{position:absolute;right:calc(var(--u) * 48);top:calc(var(--u) * 62);margin-right:calc(var(--u) * 136);text-align:right;font:calc(var(--u) * 27) / 1.35 system-ui,sans-serif;color:#999;pointer-events:none}.your-best b{display:block;font-size:calc(var(--u) * 32);color:#ddd}.mute-toggle{position:absolute;z-index:1;right:calc(var(--u) * 40);top:calc(var(--u) * 44);width:calc(var(--u) * 112);height:calc(var(--u) * 112);border-radius:50%;display:grid;place-items:center;background:#141414db;box-shadow:0 0 0 calc(var(--u) * 4) #ffffff14,0 calc(var(--u) * 10) calc(var(--u) * 24) #00000073;transition:background .2s}.mute-toggle svg{width:calc(var(--u) * 60);fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 calc(var(--u) * 3) 0 rgb(0 0 0 / .55));transition:stroke .2s}.mute-toggle .speaker{fill:currentColor;color:#fff;transition:color .2s}.mute-toggle .cross{display:none}.mute-toggle.muted{background:#14141499}.mute-toggle.muted svg{stroke:#8a8a8a}.mute-toggle.muted .speaker{color:#8a8a8a}.mute-toggle.muted .waves{display:none}.mute-toggle.muted .cross{display:inline}.mute-toggle:active{transform:scale(.94)}.replay-title{position:absolute;left:50%;top:calc(var(--u) * 150);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 22);font-size:calc(var(--u) * 56);text-transform:uppercase;-webkit-text-stroke:calc(var(--u) * 8) #3a3a3a;paint-order:stroke fill;white-space:nowrap;pointer-events:none}.replay-dots{display:flex;gap:calc(var(--u) * 10)}.replay-dots i{width:calc(var(--u) * 48);height:calc(var(--u) * 14);border-radius:99px;background:#4a4a4a;transition:background .2s}.replay-dots i.done{background:#8fd14f}.tutorial-progress .dots{display:flex;gap:calc(var(--u) * 14);margin-top:calc(var(--u) * 16)}.tutorial-progress .dots i{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border-radius:50%;background:#4a4a4a;box-shadow:inset 0 0 0 calc(var(--u) * 4) #5a5a5a}.tutorial-progress .dots i.done{background:#8fd14f;box-shadow:none}.tutorial-progress .dots i.now{background:#fff;box-shadow:0 0 0 calc(var(--u) * 6) #8fd14f}.game-bar,.replay-bar{position:absolute;left:calc(var(--u) * 34);right:calc(var(--u) * 34);bottom:calc(var(--u) * 34);height:calc(var(--u) * 158);align-items:stretch}.bar-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 8);border-radius:calc(var(--u) * 36);font-size:calc(var(--u) * 30);color:#ddd;text-shadow:0 calc(var(--u) * 3) 0 var(--shadow);white-space:nowrap}.bar-button img{height:calc(var(--u) * 58)}.bar-button img.flip{transform:scaleX(-1)}.bar-button:disabled{opacity:.35}.bar-button:not(:disabled):active{background:#ffffff1a}.replay-step,.replay-done{flex:1;display:grid;place-items:center;border-radius:calc(var(--u) * 36)}.replay-step img{width:calc(var(--u) * 64);filter:brightness(.85)}.replay-step img.flip{transform:scaleX(-1)}.replay-step:disabled img{opacity:.3}.replay-play{flex:1.3}.replay-play img{width:calc(var(--u) * 70);margin-top:calc(var(--u) * -6)}.replay-play:disabled{filter:grayscale(1) brightness(.7)}.replay-done{flex:1.2;font-size:calc(var(--u) * 40);color:#eee;text-shadow:0 calc(var(--u) * 3) 0 var(--shadow)}.replay-step:not(:disabled):active,.replay-done:active{background:#ffffff1a}.replay-play:not(:disabled):active{transform:scale(.95)}.overlay{position:absolute;inset:0}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.overlay.dim{background:#00000073;display:grid;place-items:center;animation:fade-in .3s}@keyframes fade-in{0%{opacity:0}}.tutorial-button{display:grid;margin:calc(var(--u) * 24) auto 0;width:100%;height:calc(var(--u) * 132);font-size:calc(var(--u) * 50)}.earth-breaker{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.earth-top,.earth-down{position:absolute;left:50%;top:50%;width:calc(var(--u) * 1130);height:calc(var(--u) * 2000);background:center / 100% 100% no-repeat}.earth-top{background-image:url(../assets/ui/earth_top.png);transform:translate(-50%,calc(-50% - var(--u) * 1000))}.earth-down{background-image:url(../assets/ui/earth_down.png);transform:translate(-50%,calc(-50% + var(--u) * 972))}.backdrop{display:none}@media(min-aspect-ratio:10 / 16){.backdrop{display:block}}.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#0c0c0c}.backdrop:before{content:"";position:absolute;inset:-60px;background:url(../assets/ui/main_bg.jpg) center / 100% 100%;filter:blur(24px) brightness(.65) saturate(1.3);opacity:0;transition:opacity .8s ease-out}.backdrop-ready .backdrop:before{opacity:1}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#0003 30%,#0009)}.fireflies{position:absolute;inset:0 0 -400px;background-image:radial-gradient(circle,rgb(220 255 120 / .9) 0 2.5px,rgb(190 255 80 / .3) 4px,transparent 12px),radial-gradient(circle,rgb(255 230 120 / .8) 0 2px,rgb(255 210 80 / .25) 4px,transparent 11px),radial-gradient(circle,rgb(200 255 140 / .7) 0 2.5px,rgb(170 255 90 / .25) 4px,transparent 13px);background-size:380px 400px,290px 400px,470px 400px;background-position:30px 60px,170px 250px,300px 140px;animation:rise 26s linear infinite,pulse 4.2s ease-in-out infinite alternate}.fireflies.far{background-image:radial-gradient(circle,rgb(220 255 120 / .8) 0 1px,rgb(190 255 80 / .2) 2px,transparent 5px),radial-gradient(circle,rgb(255 230 120 / .7) 0 1px,rgb(255 210 80 / .2) 2px,transparent 5px);background-size:210px 400px,160px 400px;background-position:90px 20px,10px 300px;animation:rise 48s linear infinite,pulse-far 5.7s ease-in-out -2s infinite alternate}@keyframes rise{to{translate:0 -400px}}@keyframes pulse{0%{opacity:.35}to{opacity:1}}@keyframes pulse-far{0%{opacity:.15}to{opacity:.5}}@media(prefers-reduced-motion:reduce){.fireflies{animation:none}}@media(min-width:900px)and (min-aspect-ratio:1 / 1){.column{--column-height: round(down, min(100dvh - 64px, 960px), 1px);margin-top:round(down,calc((100dvh - var(--column-height)) / 2),1px);border-radius:28px;box-shadow:0 0 0 10px #0d0d0d,0 0 0 11px #ffffff14,0 30px 90px #000c}}