@font-face{font-family:Luckiest Guy;src:url(./assets/fonts/LuckiestGuy.woff2)format("woff2");font-display:swap}:root{--display:"Luckiest Guy", system-ui, sans-serif;--sky-top:#0a1230;--sky-bottom:#2a3f72;--ink:#fffaf0;--ink-soft:#fffaf0bf;--red:#e63946;--red-dark:#a51d2a;--gold:#ffcf5c;--panel:#0a1230c7;--panel-border:#ffffff29;--shadow:0 2px 8px #0000008c;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,sans-serif}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:linear-gradient(to bottom, var(--sky-top), var(--sky-bottom));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.app{touch-action:none;position:fixed;inset:0}.overlay{pointer-events:none;width:min(100%,56.25dvh);text-shadow:var(--shadow);margin:0 auto;position:absolute;inset:0}.hud,.screen{box-sizing:border-box;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.btn{pointer-events:auto;font:inherit;min-height:44px;color:var(--ink);cursor:pointer;text-shadow:none;border:none;border-radius:14px;padding:10px 22px;font-size:18px;font-weight:800;transition:transform 80ms}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn-primary{background:var(--red);box-shadow:0 4px 0 var(--red-dark)}.btn-secondary{background:#0c1434d9;border:2px solid #ffffffb3;box-shadow:0 3px 10px #00000073}.btn-secondary:hover{background:#1a2654eb}.btn-icon{place-items:center;width:44px;padding:0;display:grid}.hud-top{justify-content:space-between;align-self:stretch;height:44px;display:flex}.score{font-family:var(--display);-webkit-text-stroke:2px #1a0509;paint-order:stroke fill;margin-top:-36px;font-size:64px;font-weight:400;line-height:1}.timer{border:2px solid var(--ink);width:min(60%,260px);height:16px;box-shadow:var(--shadow);background:#0006;border-radius:10px;margin-top:12px;overflow:hidden}.timer-fill{background:linear-gradient(to right, var(--red), var(--gold));transform-origin:0;height:100%}.timer-fill[data-low=true]{animation:.4s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{to{filter:brightness(1.8)saturate(.4)}}.level-pop{font-family:var(--display);color:var(--gold);margin-top:18vh;font-size:40px;font-weight:400;animation:1.2s ease-out forwards level-pop}@keyframes level-pop{0%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1.15)}30%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-40px)}}.hint{font-size:20px;font-weight:800}.hud .hint{margin-top:auto;margin-bottom:16vh;animation:1.6s ease-in-out infinite breathe}.hint-keys{color:var(--ink-soft);font-size:15px}@keyframes breathe{50%{opacity:.55}}.start{justify-content:space-between}.title{flex-shrink:0;width:min(94vw,56vh,560px);margin:3vh 0 0;line-height:0}.logo{width:100%;height:auto;animation:.6s cubic-bezier(.2,1.4,.4,1) both logo-in;overflow:visible}.logo-text{font-family:var(--display);letter-spacing:1px;font-size:82px}@keyframes logo-in{0%{opacity:0;transform:translateY(-30px)scale(.85)}}.best{font-family:var(--display);letter-spacing:1px;color:var(--gold);margin-top:4px;font-size:24px;font-weight:400}.start-bottom{flex-direction:column;align-items:center;gap:6px;margin-top:auto;margin-bottom:4vh;display:flex}.start-bottom .hint{animation:1.6s ease-in-out infinite breathe}.settings{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.settings .btn{font-size:15px}.countdown{justify-content:center;gap:4px}.countdown-label{font-family:var(--display);letter-spacing:1px;color:#fff3e0;-webkit-text-stroke:6px var(--red-dark);paint-order:stroke fill;text-shadow:0 4px #3a0910;font-size:30px}.countdown-number{font-family:var(--display);color:#fff3e0;-webkit-text-stroke:12px var(--red-dark);paint-order:stroke fill;text-shadow:0 8px #3a0910;font-size:140px;line-height:1;animation:1s ease-out both count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:.2;transform:scale(.8)}}.dim{background:#050a1e59;justify-content:center;position:fixed}.panel .settings{margin:4px 0 10px}.panel{pointer-events:auto;box-sizing:border-box;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:22px;width:min(100%,340px);padding:24px 22px 18px;animation:.25s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)scale(.95)}}.panel h2{font-family:var(--display);letter-spacing:1px;color:#fff3e0;-webkit-text-stroke:8px var(--red-dark);paint-order:stroke fill;text-shadow:0 5px #3a0910;margin:0;font-size:46px;font-weight:400}.cause{color:var(--ink-soft);margin:6px 0 18px}.results{justify-content:center;gap:36px;display:flex}.results div{flex-direction:column;display:flex}.results span{text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:14px;font-weight:700}.results strong{font-family:var(--display);font-size:44px;font-weight:400;line-height:1.1}.new-best{font-family:var(--display);color:var(--gold);margin-top:8px;font-size:22px;font-weight:400;animation:.9s ease-in-out infinite breathe}.panel-buttons{justify-content:center;gap:10px;margin:20px 0 10px;display:flex}@media (pointer:coarse){.hint-keys{display:none}}