@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{width:100%;height:100%;margin:0;overflow:hidden;background:#b8d7b1;color:#203b32;font-family:Inter,system-ui,sans-serif}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,canvas:focus-visible{outline:3px solid #315dd8;outline-offset:-3px}canvas{width:100%;height:100%;display:block;touch-action:none}button[hidden],nav[hidden],[hidden]{display:none!important}.hud{position:absolute;left:12px;top:12px;display:flex;gap:7px;pointer-events:none}.stat{padding:8px 12px;min-width:62px;border:1px solid #e8dfc9;border-radius:17px;background:#fff9edee;box-shadow:0 3px 0 #345d3822}.stat span{display:block;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#546954}.stat strong{display:block;font:700 24px 'Space Grotesk',sans-serif}.coin{background:#fff0c6ee}.icon{position:absolute;right:12px;top:12px;width:44px;height:44px;border:1px solid #e8dfc9;border-radius:50%;background:#fff9ed;color:#203b32;font-weight:800}.trail{position:absolute;left:50%;transform:translateX(-50%);top:17px;width:150px;pointer-events:none;font-size:10px;font-weight:700;text-align:center;color:#2d4d37}.track{margin-top:6px;height:5px;background:#426c3627;border-radius:10px;overflow:hidden}.track span{display:block;height:100%;background:#d85d31;width:0}#coach{position:absolute;left:50%;transform:translateX(-50%);bottom:13px;max-width:calc(100% - 30px);width:max-content;margin:0;background:#fff9edee;color:#294935;border-radius:16px;padding:8px 13px;font-size:12px;font-weight:600;pointer-events:none}#directions{position:absolute;right:12px;bottom:12px;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:4px}#directions button{border:1px solid #e7e0c9;border-radius:13px;background:#fff9edee;color:#203b32;box-shadow:0 3px 0 #345d3822;font:700 22px Inter,sans-serif}#directions button:first-child{grid-column:2}#directions button:nth-child(2){grid-column:1;grid-row:2}#directions button:nth-child(3){grid-column:2;grid-row:2}#directions button:nth-child(4){grid-column:3;grid-row:2}.overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:18px;background:#193c3740;backdrop-filter:blur(2px)}.panel{width:min(390px,100%);max-height:calc(100dvh - 28px);overflow:auto;background:#fffaf0;border:1px solid #e9e0ca;border-radius:28px;padding:23px;text-align:center;box-shadow:0 8px 0 #38543528,0 18px 50px #23443520}.cover{width:100%;height:125px;object-fit:cover;border-radius:18px}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:800;color:#5b7057;margin:13px 0 8px}h1,h2{font:700 clamp(31px,7vw,43px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.05em;margin:10px 0}.goal{font-size:17px;font-weight:650;margin:10px 0}.hint,#summary{font-size:12px;line-height:1.6;color:#53694f}.primary{display:block;width:100%;min-height:48px;border:0;border-radius:23px;background:#ff773c;color:#203b32;font-weight:800;padding:12px;margin-top:17px;box-shadow:0 4px 0 #c25d32}.primary span{margin-left:8px}.quiet{min-height:44px;border:1px solid #d3dbc6;background:#eaf0df;color:#294935;border-radius:22px;padding:9px 20px;margin-top:14px}.primary:active,#directions button:active{transform:translateY(2px)}.score strong{font:700 58px 'Space Grotesk',sans-serif}.score span{display:block;font-size:11px;color:#53694f}.score{margin:12px 0}.is-menu .hud,.is-menu .trail,.is-menu #coach{display:none}@media(pointer:fine){#directions{display:none}#coach{bottom:15px}}@media(max-width:650px){.trail{left:12px;top:78px;transform:none;width:135px;text-align:left}#coach{left:12px;transform:none;bottom:16px;width:calc(100% - 172px);font-size:10px;padding:8px}.stat{min-width:55px;padding:7px 10px}}@media(max-height:450px){.panel{padding:16px 20px;max-width:350px}.cover{height:74px}h1,h2{font-size:31px;margin:6px 0}.goal{font-size:14px;margin:6px 0}.eyebrow{margin:8px 0 5px}.hint{font-size:11px;margin:6px 0}.primary{margin-top:10px;min-height:44px}.stat{padding:5px 9px}.stat strong{font-size:20px}.trail{top:72px}.score strong{font-size:40px}}@media(max-height:340px){.cover{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.trail{background:#fff9eded;border:1px solid #e8dfc9;border-radius:13px;padding:8px 10px;width:170px;box-shadow:0 2px 0 #345d3819}@media(max-width:650px){.trail{top:78px;width:145px;font-size:9px}}@media(max-height:450px){.trail{top:68px}}