html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;background:#111;margin:0;position:fixed;inset:0;overflow:hidden}#app{--art-w:max(100cqw, min(calc(100cqh / 1.5), calc(100cqw / .85)));--art-h:calc(var(--art-w) * 1.5);--art-top:max(0px, calc((100cqh - var(--art-h)) * .4));--u:calc(var(--art-h) / 100);--sky:#2394f1;--road:#704e43;touch-action:none;width:100%;height:100dvh;position:fixed;top:0;left:50%;overflow:hidden;transform:translate(-50%);container-type:size}@media (aspect-ratio>=4/5){#app{width:56.25dvh}}button{touch-action:manipulation}.loading{color:#fff;text-shadow:0 2px 4px #0006;background:linear-gradient(#3f8fdc,#d4ebf7);justify-content:center;align-items:center;font:900 28px system-ui,sans-serif;display:flex;position:absolute;inset:0}.ui{pointer-events:none;color:#fff;font-family:system-ui,sans-serif;position:absolute;inset:0}.hidden{display:none!important}.hud{padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));position:absolute;top:0;left:0;right:0}.hud-row{text-shadow:0 2px 3px #0009;justify-content:space-between;align-items:center;font-weight:900;display:flex}.hud-level{letter-spacing:.04em;text-transform:uppercase;font-size:18px}.hud-count{background:#00000059;border-radius:999px;align-items:center;gap:6px;padding:2px 14px 2px 10px;font-size:clamp(20px,6.5vw,28px);display:flex}.hud-count-icon{width:12px;height:20px;position:relative}.hud-count-icon:before,.hud-count-icon:after{content:"";background:#4f8ff0;position:absolute;left:50%;transform:translate(-50%)}.hud-count-icon:before{border-radius:50%;width:9px;height:9px;top:0}.hud-count-icon:after{border-radius:5px 5px 2px 2px;width:12px;height:10px;bottom:0}.hud-power{color:#ffd84a;background:#00000059;border-radius:999px;align-items:center;gap:4px;padding:2px 14px 2px 10px;font-size:clamp(20px,6.5vw,28px);display:flex}.hud-power-icon{font-size:.85em}.hud-right .hud-count{padding:2px 10px 2px 8px;font-size:clamp(14px,4.2vw,18px)}.hud-sub{text-shadow:0 1px 2px #000000b3;justify-content:space-between;align-items:center;min-height:20px;margin-top:6px;font-size:13px;font-weight:900;display:flex}.hud-bank{color:#ffd84a}.hud-buffs{gap:6px;display:flex}.buff{color:#10202a;border-radius:999px;padding:2px 8px}.buff-shield{background:#67e8f9}.buff-surge{background:#ffb020}.hud-right{align-items:center;gap:8px;display:flex}.mute-btn{color:#fff;cursor:pointer;pointer-events:auto;background:#00000059;border:none;border-radius:50%;width:34px;height:34px;padding:6px}.mute-btn svg{fill:currentColor;width:100%;height:100%}.mute-btn .icon-off,.mute-btn.muted .icon-on{display:none}.mute-btn.muted .icon-off{display:block}.damage-layer{position:absolute;inset:0;overflow:hidden}.damage-number{opacity:0;white-space:nowrap;text-shadow:0 0 3px #000000e6,0 1px #000c;font-weight:900;position:absolute}.btn-quality{font:inherit;text-transform:capitalize;color:#fff;cursor:pointer;background:#0000004d;border:2px solid #ffffffb3;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700}.start-screen{padding-bottom:env(safe-area-inset-bottom);pointer-events:auto;cursor:pointer;background:linear-gradient(#1428508c,#00000059);flex-direction:column;justify-content:center;align-items:center;gap:48px;display:flex;position:absolute;inset:0}.start-title{text-align:center;color:#ffd84a;text-shadow:0 5px #c4501e,0 8px 12px #00000080;font-size:clamp(44px,16vw,76px);font-weight:900;line-height:.95;transform:rotate(-4deg)}.btn-play{background:#2d8cff;padding:16px 36px;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}.progress{background:#00000059;border:2px solid #ffffffd9;border-radius:999px;height:10px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6cc0ff,#2d8cff);width:0;height:100%}.boss-bar{top:calc(max(12px, env(safe-area-inset-top)) + 100px);text-align:center;position:absolute;left:16px;right:16px}.boss-label{letter-spacing:.2em;color:#ff6060;text-shadow:0 2px 3px #000000b3;font-size:16px;font-weight:900}.boss-track{background:#00000080;border:3px solid #fff;border-radius:6px;height:22px;margin-top:4px;overflow:hidden}.boss-fill{background:linear-gradient(#ff5a5a,#c41e1e);width:100%;height:100%;transition:width .1s linear}.boss-fill.healing{background:linear-gradient(#b6ff6a,#3fa81e);animation:.45s ease-in-out infinite alternate boss-heal}@keyframes boss-heal{0%{filter:brightness()}to{filter:brightness(1.45)}}.end-screen{pointer-events:auto;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.3s ease-out fade-in;display:flex;position:absolute;inset:0}.end-panel{text-align:center;width:100%;max-width:320px}.end-title{text-shadow:0 4px #0006;margin:0;font-size:clamp(38px,13vw,60px);font-weight:900}.end-screen.won .end-title{color:#ffd84a}.end-screen.lost .end-title{color:#ff5a5a}.end-subtitle{opacity:.9;margin:8px 0 28px;font-size:18px}.end-buttons{flex-direction:column;gap:12px;display:flex}.btn{font:inherit;color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 0;font-size:clamp(18px,5.5vw,24px);font-weight:900;box-shadow:0 5px #00000059}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000059}.btn-next{background:#2d8cff}.btn-restart{background:#5a5f6b}.end-screen.lost .btn-restart{background:#2d8cff}@keyframes fade-in{0%{opacity:0}}.stats{left:8px;bottom:max(8px, env(safe-area-inset-bottom));color:#7f7;white-space:pre;pointer-events:none;background:#0009;padding:4px 6px;font:11px/1.3 monospace;position:absolute}.float-text{white-space:nowrap;pointer-events:none;text-shadow:0 0 4px #000c,0 2px #0009;font-family:system-ui,sans-serif;font-weight:900;animation-name:float-up;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute;transform:translate(-50%,-50%)}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%, calc(-50% + var(--float-rise))) scale(1)}}#app canvas{width:100%;height:100%;display:block}:root{--img-menu:url(../ui/menu-768.webp);--img-victory:url(../ui/victory-768.webp);--img-defeat:url(../ui/defeat-768.webp)}@media (width<=480px) and (resolution<=1.5x){:root{--img-menu:url(../ui/menu-480.webp);--img-victory:url(../ui/victory-480.webp);--img-defeat:url(../ui/defeat-480.webp)}}@media (resolution>=2.5x),(width>=600px) and (resolution>=1.5x),(width>=900px){:root{--img-menu:url(../ui/menu-1024.webp);--img-victory:url(../ui/victory-1024.webp);--img-defeat:url(../ui/defeat-1024.webp)}}@font-face{font-family:Luckiest Guy;src:url(../fonts/luckiest-guy-latin.woff2)format("woff2");font-display:swap}.ui,.loading{letter-spacing:.02em;font-family:Luckiest Guy,system-ui,sans-serif}.menu-bg,.end-bg{left:50%;top:var(--art-top);width:var(--art-w);height:var(--art-h);background:var(--img-menu) center / 100% 100% no-repeat;position:absolute;transform:translate(-50%)}.menu-bg:before,.end-bg:before,.menu-bg:after,.end-bg:after{content:"";height:8%;position:absolute;left:0;right:0}.menu-bg:before,.end-bg:before{background:linear-gradient(var(--sky), transparent);top:0}.menu-bg:after,.end-bg:after{background:linear-gradient(transparent, var(--road));bottom:0}.loading,.ui>.start-screen,.ui>.settings-panel,.ui>.end-screen{background:linear-gradient(180deg, var(--sky) 50%, var(--road) 50%)}.end-screen.won{--sky:#228dee;--road:#6b4a40}.end-screen.lost{--sky:#297ddf;--road:#684234}.loading-box,.menu-main{left:0;right:0;top:calc(var(--art-top) + 62 * var(--u));flex-direction:column;align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute}.loading-text{color:#fff;-webkit-text-stroke:2px #3b1d07;text-shadow:0 4px #3b1d07;font-size:clamp(24px,7vw,34px)}.loading-track{background:#1e0f058c;border:4px solid #3b1d07;border-radius:999px;width:min(78%,320px);height:22px;overflow:hidden;box-shadow:0 4px #00000059}.loading-fill{background:linear-gradient(#ffe066,#ff9d00);border-radius:999px;width:4%;height:100%;transition:width .25s ease-out}.start-screen{cursor:default;background:0 0;gap:0;display:block}.start-screen .btn-play{font:inherit;color:#fff;-webkit-text-stroke:2px #3b1d07;text-shadow:0 4px #3b1d07;cursor:pointer;background:linear-gradient(#ffe45ccc 0%,#ffb21ecc 45%,#ff7a00cc 100%);border:5px solid #3b1d07;border-radius:24px;padding:12px 30px 8px;font-size:clamp(24px,7.5cqw,32px);animation:1.2s ease-in-out infinite pulse;position:relative;box-shadow:inset 0 4px #fff9,inset 0 -6px #a03c0073,0 7px #3b1d07,0 12px 18px #00000059}.start-screen .btn-play:before,.start-screen .btn-play:after{content:"";background:linear-gradient(#ffd400,#ffd400) 0 0/100% 6px no-repeat,linear-gradient(#ffd400,#ffd400) 0/100% 6px no-repeat,linear-gradient(#ffd400,#ffd400) 0 100%/100% 6px no-repeat;border-radius:3px;width:26px;height:46px;position:absolute;top:50%;transform:translateY(-50%)}.start-screen .btn-play:before{left:-40px;transform:translateY(-50%)skewY(-20deg)}.start-screen .btn-play:after{right:-40px;transform:translateY(-50%)skewY(20deg)}.menu-row{justify-content:center;gap:10px;display:flex}.menu-main .menu-row:first-of-type{margin-top:8px}.menu-chip{font:inherit;color:#fff;-webkit-text-stroke:1px #1f3a08;text-shadow:0 2px #1f3a08;cursor:pointer;background:linear-gradient(#9be04acc,#4f9a1ecc);border:3px solid #1f3a08;border-radius:14px;padding:9px 16px 6px;font-size:clamp(15px,4.4vw,19px);box-shadow:inset 0 2px #ffffff73,0 4px #1f3a08}.menu-chip:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff73,0 2px #1f3a08}.menu-chip.off{-webkit-text-stroke:1px #2b2b2b;text-shadow:0 2px #2b2b2b;background:linear-gradient(#c9c9c9,#7d7d7d);border-color:#2b2b2b;box-shadow:inset 0 2px #fff6,0 4px #2b2b2b}.menu-toggle b{color:#ffe45c;font-weight:400}.menu-chip.off b{color:#fff}.btn-quality{text-transform:uppercase}.btn-settings{-webkit-text-stroke:1px #3b1d07;text-shadow:0 2px #3b1d07;background:linear-gradient(#ffe45c,#ff9d00);border-color:#3b1d07;box-shadow:inset 0 2px #ffffff80,0 4px #3b1d07}.settings-panel{background:#0a14288c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.settings-card{color:#3b1d07;background:repeating-linear-gradient(-45deg,#1d1d1d 0 14px,#fc0 14px 28px) top/100% 12px no-repeat,linear-gradient(#fff3c4,#ffd36b);border:5px solid #3b1d07;border-radius:22px;flex-direction:column;gap:14px;width:min(100%,360px);padding:18px 18px 20px;display:flex;box-shadow:0 8px #3b1d07,0 14px 24px #0006}.settings-card h2{text-align:center;color:#ff8a00;-webkit-text-stroke:2px #3b1d07;text-shadow:0 4px #3b1d07;margin:8px 0 2px;font-size:clamp(28px,8vw,36px)}.setting{grid-template-columns:96px 1fr 64px;align-items:center;gap:8px;font-size:17px;display:grid}.setting output{text-align:right;font-size:15px}.setting input[type=range]{accent-color:#ff8a00;width:100%;height:28px}.setting-player{grid-template-columns:96px 1fr}.player-pick{flex-wrap:wrap;gap:8px;display:flex}.player-pick .pick{padding:7px 10px 5px;font-size:14px}.player-pick .pick:not(.selected){-webkit-text-stroke:1px #2b2b2b;text-shadow:0 2px #2b2b2b;background:linear-gradient(#c9c9c9,#7d7d7d);border-color:#2b2b2b;box-shadow:inset 0 2px #fff6,0 4px #2b2b2b}.btn-back{font:inherit;color:#fff;-webkit-text-stroke:1.5px #3b1d07;text-shadow:0 3px #3b1d07;cursor:pointer;background:linear-gradient(#ffe45c,#ff7a00);border:4px solid #3b1d07;border-radius:16px;align-self:center;padding:10px 34px 7px;font-size:22px;box-shadow:inset 0 3px #ffffff80,0 5px #3b1d07}.end-title{-webkit-text-stroke:2px #3b1d07}.end-buttons .btn{-webkit-text-stroke:1px #3b1d07;text-shadow:0 3px #3b1d07;border:4px solid #3b1d07;font-family:inherit;box-shadow:inset 0 3px #ffffff73,0 5px #3b1d07}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ui>.settings-panel{pointer-events:auto;z-index:5}.settings-card{max-height:calc(100% - 8px);overflow-y:auto}.settings-card .menu-row .menu-chip{padding:7px 12px 5px;font-size:15px}.settings-panel:not(.paused) .pause-actions,.settings-panel.paused .btn-back:not(.btn-resume):not(.btn-pause-quit),.settings-panel:not(.paused) .settings-note{display:none}.settings-note{text-align:center;color:#8a4a12;margin:-4px 0 0;font-size:12px}.btn-resume{-webkit-text-stroke:1.5px #1f3a08;text-shadow:0 3px #1f3a08;background:linear-gradient(#9be04a,#4f9a1e);border-color:#1f3a08;box-shadow:inset 0 3px #ffffff80,0 5px #1f3a08}.pause-btn svg{fill:currentColor}.ui>.end-screen{pointer-events:auto;padding:0;display:block;position:absolute;inset:0}.end-screen.won .end-bg{background-image:var(--img-victory)}.end-screen.lost .end-bg{background-image:var(--img-defeat)}.ui>.end-screen .end-subtitle{width:min(calc(46 * var(--u)), 94%);padding:calc(.9 * var(--u)) calc(1.2 * var(--u)) calc(.6 * var(--u));border-radius:calc(1.6 * var(--u));opacity:1;color:#fff;font-size:clamp(13px, calc(2.3 * var(--u)), 22px);text-align:center;text-shadow:0 2px #000;background:#2a190bd9;justify-content:center;align-items:center;margin:0;line-height:1.15;display:flex;position:absolute;left:50%;transform:translate(-50%)}.end-screen.won .end-subtitle{top:calc(var(--art-top) + 45 * var(--u));min-height:calc(5.5 * var(--u))}.end-screen.lost .end-subtitle{top:calc(var(--art-top) + 46.5 * var(--u));min-height:calc(4 * var(--u))}.end-actions{flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;left:0;right:0}.end-screen.won .end-actions{top:calc(var(--art-top) + 52.5 * var(--u) + 12px)}.end-screen.lost .end-actions{top:calc(var(--art-top) + 53 * var(--u) + 18px)}.end-btn{width:min(240px,80%);height:52px;font:inherit;color:#fff;cursor:pointer;border-radius:16px;padding:4px 0 0;font-size:22px}.end-btn:active{transform:translateY(2px)}.ui>.end-screen .end-btn-next{-webkit-text-stroke:1.5px #3b1d07;text-shadow:0 3px #3b1d07;background:linear-gradient(#ffe45ccc,#ffb21ecc 45%,#ff7a00cc);border:4px solid #3b1d07;box-shadow:inset 0 3px #ffffff80,0 5px #3b1d07}.ui>.end-screen .end-btn-restart{-webkit-text-stroke:1.5px #1f3a08;text-shadow:0 3px #1f3a08;background:linear-gradient(#9be04acc,#4f9a1ecc);border:4px solid #1f3a08;box-shadow:inset 0 3px #ffffff73,0 5px #1f3a08}.ui>.end-screen .end-btn-quit{-webkit-text-stroke:1px #2b2b2b;text-shadow:0 2px #2b2b2b;background:linear-gradient(#c9c9c9cc,#7d7d7dcc);border:3px solid #2b2b2b;width:min(200px,70%);height:44px;font-size:18px;box-shadow:inset 0 2px #fff6,0 4px #2b2b2b}.ui>.settings-panel{padding:0 16px max(2.5cqh, env(safe-area-inset-bottom));align-items:flex-end}.settings-panel>.settings-card{gap:.9cqh;max-height:60cqh;position:relative}.settings-panel .player-pick{flex-wrap:nowrap}.settings-panel .player-pick .pick{padding:6px 8px 4px;font-size:13px}.settings-card h2{margin:.6cqh 0 0}.celebration{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.end-screen.won .end-subtitle{font-size:clamp(20px, calc(3.4 * var(--u)), 32px);color:#ffd21f;-webkit-text-stroke:1px #3b1d07;text-shadow:0 3px #3b1d07;letter-spacing:.04em}.end-stats{background:#2a190bcc;border:3px solid #3b1d07;border-radius:14px;grid-template-columns:1fr auto;gap:4px 18px;width:min(260px,82%);margin-bottom:4px;padding:10px 16px 8px;display:grid;box-shadow:0 4px #3b1d07}.end-stats:empty,.end-screen.lost .end-stats{display:none}.end-stat{display:contents}.end-stat span{color:#fff;text-shadow:0 2px #000;font-size:16px}.end-stat b{text-align:right;color:#ffd21f;-webkit-text-stroke:.5px #3b1d07;text-shadow:0 2px #000;font-size:18px;font-weight:400}.end-stat:last-child b{color:#ffc83a}.ui>.level-loading{z-index:20;pointer-events:auto;background:#0a101ed1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.ui>.level-loading.hidden{display:none}.btn-levels{min-width:190px;font:inherit;color:#fff;cursor:pointer;background:#2a190bcc;border:3px solid #3b1d07;border-radius:12px;flex-direction:column;align-items:center;padding:5px 16px 4px;line-height:1.1;display:flex;box-shadow:0 4px #3b1d07}.btn-levels:active{transform:translateY(2px);box-shadow:0 2px #3b1d07}.lvl-name{color:#ffd21f;text-shadow:0 2px #000;font-size:19px;font-weight:400}.lvl-title{opacity:.9;font-size:11px}.boost{color:#fff;pointer-events:auto;background:#2a190bcc;border:3px solid #3b1d07;border-radius:12px;align-items:center;gap:8px;padding:5px 10px 4px;display:flex;box-shadow:0 3px #3b1d07}.boost-label{text-shadow:0 2px #000;font-size:13px}.boost-btn{width:34px;height:34px;font:inherit;color:#fff;-webkit-text-stroke:1px #1f3a08;cursor:pointer;background:linear-gradient(#9be04ae6,#4f9a1ee6);border:3px solid #1f3a08;border-radius:10px;padding:3px 0 0;font-size:22px;line-height:1;box-shadow:0 3px #1f3a08}.boost-btn:active{transform:translateY(2px);box-shadow:0 1px #1f3a08}.boost-btn:disabled{-webkit-text-stroke:1px #2b2b2b;opacity:.7;cursor:default;background:linear-gradient(#b5b5b5,#757575);border-color:#2b2b2b;transform:none;box-shadow:0 3px #2b2b2b}.boost-count{text-align:center;color:#ffd21f;text-shadow:0 2px #000;min-width:26px;font-size:22px;font-weight:400}.boost-cost{color:#ffc83a;text-shadow:0 2px #000;min-width:64px;font-size:13px}.end-stat b .rec,.end-stat b .note{vertical-align:middle;font-size:11px;font-style:normal}.end-stat b .rec{color:#7dff5a}.end-stat b .note{color:#d9c7a8}.ui>.level-panel{z-index:6;padding:0 16px max(2.5cqh, env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(180deg, var(--sky) 50%, var(--road) 50%);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.level-panel>.level-card{gap:1cqh;max-height:64cqh;position:relative;overflow:hidden}.level-grid{overscroll-behavior:contain;grid-template-columns:repeat(5,1fr);gap:8px;min-height:0;padding:4px 2px 6px;display:grid;overflow-y:auto}.level-cell{aspect-ratio:1;font:inherit;color:#fff;-webkit-text-stroke:1px #3b1d07;cursor:pointer;background:linear-gradient(#ffe45c,#ff8a00);border:3px solid #3b1d07;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 0 0;display:flex;box-shadow:inset 0 2px #ffffff80,0 3px #3b1d07}.level-cell b{text-shadow:0 2px #3b1d07;font-size:20px;font-weight:400;line-height:1}.level-cell small{-webkit-text-stroke:0;text-shadow:0 1px #3b1d07;font-size:10px}.level-cell.won{-webkit-text-stroke:1px #1f3a08;background:linear-gradient(#9be04a,#4f9a1e);border-color:#1f3a08;box-shadow:inset 0 2px #ffffff73,0 3px #1f3a08}.level-cell.current{outline-offset:1px;outline:3px solid #fff}.level-cell.locked{-webkit-text-stroke:1px #3a3a3a;opacity:.75;cursor:default;background:linear-gradient(#b5b5b5,#7a7a7a);border-color:#4a4a4a;box-shadow:0 3px #4a4a4a}.level-cell.locked b{text-shadow:none}.level-cell:not(.locked):active{transform:translateY(2px)}.menu-main{top:min(calc(var(--art-top) + 62 * var(--u)), calc(100% - 392px))}@container (height<=760px){.menu-main{top:min(calc(var(--art-top) + 62 * var(--u)), calc(100% - 336px));gap:8px}.menu-main .menu-row:first-of-type{margin-top:2px}.menu-main .menu-chip{padding:7px 14px 4px}.start-screen .btn-play{padding:9px 26px 6px}.end-screen.won .end-actions{flex-flow:wrap;justify-content:center;gap:8px 10px}.end-screen.won .end-stats{row-gap:0;width:min(300px,88%);margin-bottom:0;padding:6px 14px 4px}.end-screen.won .end-stat span{font-size:14px}.end-screen.won .end-stat b{font-size:16px}.ui>.end-screen.won .end-btn-next,.ui>.end-screen.won .end-btn-restart{width:min(170px,44%);height:48px;font-size:18px}.ui>.end-screen.won .end-btn-quit{width:min(180px,60%);height:38px;font-size:16px}}.coin-chip{color:#ffd21f;text-shadow:0 1px #000;pointer-events:none;background:#140c0580;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 1px 5px;font-size:15px;line-height:1.2;display:inline-flex}.coin-chip b{font-weight:400}.ui>div>.coin-chip{left:10px;top:max(10px, env(safe-area-inset-top));z-index:2;position:absolute}.hud-sub{gap:8px}.hud-bank{margin-right:auto}.coin-icon{vertical-align:-.12em;background:radial-gradient(circle at 35% 30%,#fff3a0 0 18%,#ffd21f 19% 55%,#e09a00 56%);border-radius:50%;flex:none;width:.95em;height:.95em;display:inline-block;box-shadow:inset 0 0 0 1.5px #8a5a00}.boost-cost .coin-icon{margin-right:3px}.ui>.prep-panel{z-index:6;padding:0 16px max(4cqh, env(safe-area-inset-bottom));pointer-events:auto;background:linear-gradient(#0a101e26,#0a101e99);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.prep-card{align-items:center;gap:10px}.prep-card .settings-title{margin:6px 0 0}.prep-level{flex-direction:column;align-items:center;margin-top:-6px;line-height:1.1;display:flex}.prep-name{color:#ff8a00;-webkit-text-stroke:1px #3b1d07;font-size:20px;font-weight:400}.prep-sub{color:#8a4a12;font-size:12px}.prep-card .boost{justify-content:space-between;width:100%}.prep-card .boost-label{flex:1;font-size:15px}.prep-card .boost-cost{text-align:right;min-width:52px}.prep-note{color:#8a4a12;margin:-2px 0 0;font-size:12px}.ui .prep-start{-webkit-text-stroke:1.5px #3b1d07;text-shadow:0 3px #3b1d07;background:linear-gradient(#ffe45cf2,#ffb21ef2 45%,#ff7a00f2);border:4px solid #3b1d07;width:min(240px,90%);box-shadow:inset 0 3px #ffffff80,0 5px #3b1d07}.ui .prep-quit{-webkit-text-stroke:1px #2b2b2b;text-shadow:0 2px #2b2b2b;background:linear-gradient(#c9c9c9,#7d7d7d);border:3px solid #2b2b2b;width:min(180px,70%);height:40px;font-size:16px;box-shadow:inset 0 2px #fff6,0 4px #2b2b2b}.hud-coins{color:#ffd21f;background:#00000059;border-radius:999px;align-items:center;gap:5px;padding:2px 10px 2px 7px;font-size:clamp(14px,4.2vw,18px);display:flex}.ui:has(>.prep-panel:not(.hidden))>.hud{z-index:7}.ui:has(>.prep-panel:not(.hidden)) .progress{visibility:hidden}.ui>.settings-panel{z-index:8}.pause-actions{justify-content:center;gap:10px;display:flex}.pause-actions .btn-back{white-space:nowrap;flex:1 1 0;max-width:170px;padding:10px 8px 7px;font-size:19px}.btn-pause-quit{-webkit-text-stroke:1px #2b2b2b;text-shadow:0 2px #2b2b2b;background:linear-gradient(#c9c9c9,#7d7d7d);border-color:#2b2b2b;box-shadow:inset 0 2px #fff6,0 4px #2b2b2b}.countdown{color:#fff;-webkit-text-stroke:4px #1b1f26;text-shadow:0 6px #00000073,0 0 24px #00000080;pointer-events:none;z-index:6;font-family:Luckiest Guy,system-ui,sans-serif;font-size:clamp(120px,42cqw,220px);line-height:1;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.countdown.go{color:#ffcf3a;font-size:clamp(96px,32cqw,180px)}
