@font-face{font-family:Inter;src:url(assets/inter.woff2) format('woff2');font-display:swap}@font-face{font-family:'Space Grotesk';src:url(assets/space-grotesk.woff2) format('woff2');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e8f1e9;color:#172a2d;font-family:Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #3255d8;outline-offset:3px}canvas{display:block;width:100%;height:100%;touch-action:none}#stage{position:absolute;inset:0}.hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:64px;display:flex;gap:8px;pointer-events:none}.stat{border:1px solid #e6dfcc;background:#fff9e9;box-shadow:0 3px 0 #1c3e3720;border-radius:17px;padding:8px 13px;min-width:82px}.stat span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#53685e}.stat strong{font:700 23px 'Space Grotesk',sans-serif}.icon{position:absolute;right:12px;top:12px;border:1px solid #e6dfcc;background:#fff9e9;color:#172a2d;border-radius:50%;width:43px;height:43px;font-weight:800}#coach{position:absolute;bottom:max(13px,env(safe-area-inset-bottom));left:auto;right:12px;max-width:min(290px,55vw);margin:0;text-align:center;pointer-events:none;background:#fff9e9ed;border:1px solid #e6dfcc;border-radius:15px;padding:10px 12px;font-size:12px;font-weight:650;line-height:1.4}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:#1b303353;z-index:5}.overlay[hidden]{display:none}.panel{width:min(390px,100%);max-height:calc(100dvh - 30px);overflow:auto;border-radius:29px;padding:25px 24px;background:#fffaf0;border:1px solid #e6dfcc;box-shadow:0 9px 0 #20382f24;text-align:center}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#596d59}h1,h2{font-family:'Space Grotesk',sans-serif;line-height:1.02;margin:10px 0 14px;font-size:clamp(32px,7vw,47px);letter-spacing:-.04em}p{line-height:1.5;font-size:14px}.hint{font-size:12px;color:#52645e}.primary{width:100%;min-height:50px;padding:12px 18px;border:0;background:#ff6b30;color:#172a2d;font-weight:800;border-radius:24px;box-shadow:0 4px 0 #ba4922;margin-top:10px}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #ba4922}.quiet{background:transparent;color:#314d48;border:1px solid #c9d4c8;min-height:40px;padding:8px 18px;border-radius:22px;margin-top:13px}.score{font:700 58px 'Space Grotesk',sans-serif;margin:10px 0}.avatar{width:80px;height:64px;margin:0 auto 8px;object-fit:cover;border-radius:18px}#start-screen .avatar{width:100%;height:110px;object-fit:cover;object-position:center 45%}#start-screen .goal{margin:8px 0}#start-screen .hint{margin:10px 0}#start-screen .panel{padding-top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-height:490px){.panel{padding:16px 20px;max-width:350px}#start-screen .avatar{height:78px}h1,h2{font-size:32px;margin:5px 0 8px}p{margin:7px 0;font-size:12px}.eyebrow{font-size:9px}.primary{min-height:43px;padding:9px}.score{font-size:42px}.stat{padding:5px 10px}.stat strong{font-size:19px}#coach{padding:7px;font-size:11px;bottom:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-height:360px){#start-screen .avatar{display:none}}