:root{--fg:#e8efe9;--muted:#e8efe9bf;--accent:#8be36b;--coin:#f5c518;--magnet:#b04cff;--shield:#4cd8ff;--sprint:#ff8a1c;--danger:#ff4d4d;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body{width:100%;height:100%;color:var(--fg);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0b1418;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}[hidden]{display:none!important}#game{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;touch-action:manipulation}.screen{padding:calc(var(--safe-top) + .75rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + .75rem) calc(var(--safe-left) + 1rem);text-align:center;background:radial-gradient(at 50% 40%,#08141659,#03080ad1);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.3rem,2vh,.8rem);display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.screen h2{margin:0;font-size:clamp(1.6rem,7vh,2.6rem)}.logo{letter-spacing:.05em;background:linear-gradient(#e9ffb8 0%,#8be36b 45%,#2f8a3a 100%);color:#0000;filter:drop-shadow(0 0 14px #8be36b73)drop-shadow(0 3px #10240f);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.8rem,12vh,4.4rem);font-style:italic;font-weight:900;line-height:.92;animation:3s ease-in-out infinite alternate glow}@keyframes glow{to{filter:drop-shadow(0 0 22px #8be36bb3)drop-shadow(0 3px #10240f)}}.rotate-hint{color:var(--coin);margin:0;font-size:.85rem;display:none}@media (orientation:portrait){.rotate-hint{display:block}}.tagline,.hint,.record{color:var(--muted);margin:0;font-size:clamp(.85rem,3.6vh,1.1rem)}.record{color:var(--coin)}.buttons{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.btn{-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#0e1a1cc7;border:2px solid #e8efe959;border-radius:999px;min-width:8.5rem;min-height:44px;padding:.5rem 1.2rem;font-size:clamp(.95rem,4vh,1.15rem);font-weight:600;transition:transform 80ms}.btn:active{transform:scale(.96)}.btn-primary{border-color:var(--accent);color:#10200c;background:linear-gradient(#b6f78f,#6fd14f);box-shadow:0 0 18px #8be36b73}.btn-gold{border-color:var(--coin);color:#2a1d00;background:linear-gradient(#ffe680,#f5b818);animation:.7s ease-in-out infinite alternate pulse;box-shadow:0 0 18px #f5c51880}.btn-small{opacity:.85;min-width:0;min-height:44px;font-size:clamp(.8rem,3.2vh,.95rem);font-weight:500}.help{text-align:left;max-width:40rem;color:var(--muted);font-size:clamp(.75rem,3.2vh,.95rem)}.help ul{margin:0;padding-left:1.1rem}.help li+li{margin-top:.2rem}#screen-menu:has(.help:not([hidden])) .logo{font-size:clamp(1.2rem,7vh,2.4rem)}#screen-menu:has(.wardrobe:not([hidden])) .logo{font-size:clamp(1.2rem,7vh,2.4rem)}#screen-menu:has(.help:not([hidden])) .tagline{display:none}#screen-menu:has(.wardrobe:not([hidden])) .tagline{display:none}#screen-menu:has(.wardrobe:not([hidden])) .record{display:none}.missions{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:0;padding:0;font-size:clamp(.7rem,3vh,.85rem);list-style:none;display:flex}.missions li{color:var(--muted);background:#0e1a1cb3;border:1px solid #f5c51866;border-radius:999px;padding:.15rem .6rem}.missions b{color:var(--coin)}#screen-menu:has(.help:not([hidden])) .missions{display:none}#screen-menu:has(.wardrobe:not([hidden])) .missions{display:none}.balance{color:var(--coin);margin:0 0 .4rem;font-weight:700}.skins{flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:44rem;display:flex}.skin{cursor:pointer;background:#0e1a1cc7;border:2px solid #e8efe940;border-radius:.8rem;align-items:center;gap:.45rem;min-height:44px;padding:.3rem .8rem;font-size:clamp(.75rem,3.2vh,.9rem);display:flex}.skin.selected{border-color:var(--accent)}.skin.locked{opacity:.6}.skin .swatch{border:2px solid #fff6;border-radius:50%;width:1.4em;height:1.4em}.skin small{color:var(--muted);display:block}.dot{vertical-align:middle;border-radius:50%;width:.7em;height:.7em;display:inline-block}.dot-magnet{background:var(--magnet)}.dot-shield{background:var(--shield)}.dot-sprint{background:var(--sprint)}.new-record{color:var(--coin);margin:0;font-size:clamp(1rem,5vh,1.4rem);font-weight:800;animation:.8s ease-in-out infinite alternate pulse}.stats{gap:clamp(.8rem,4vw,2rem);margin:0;display:flex}.stats div{flex-direction:column;display:flex}.stats dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.1rem,6vh,1.7rem);font-weight:700}.countdown{text-shadow:0 4px 16px #000c;pointer-events:none;justify-content:center;align-items:center;font-size:clamp(4rem,30vh,9rem);font-weight:800;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.hud{pointer-events:none;text-shadow:0 1px 3px #000c;font-variant-numeric:tabular-nums;position:fixed;top:0;bottom:0;left:0;right:0}.hud-right{top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 12px);text-align:right;position:absolute}.hud-score{font-size:clamp(1.4rem,4vw,2.2rem);font-weight:700}.hud-mult{background:var(--coin);color:#2a1d00;vertical-align:middle;text-shadow:none;border-radius:.4rem;margin-right:.4rem;padding:0 .4rem;font-size:.6em;display:inline-block}.hud-row{opacity:.9;font-size:clamp(.85rem,2vw,1.05rem)}.hud-coin{color:var(--coin)}.pause-btn{top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 10px);letter-spacing:-.15em;pointer-events:auto;cursor:pointer;background:#0a100c8c;border:2px solid #e8efe966;border-radius:50%;width:44px;height:44px;font-size:.9rem;position:absolute}.hud-powerups{top:calc(var(--safe-top) + 8px);gap:.5rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.pu{text-align:center;background:#0a100c99;border-radius:.5rem;min-width:4.5rem;padding:.15rem .6rem .35rem;font-size:.8rem;font-weight:700;position:relative;overflow:hidden}.pu i{transform-origin:0;width:100%;height:4px;position:absolute;bottom:0;left:0}.pu-magnet{color:var(--magnet)}.pu-magnet i{background:var(--magnet)}.pu-shield{color:var(--shield)}.pu-shield i{background:var(--shield)}.pu-sprint{color:var(--sprint)}.pu-sprint i{background:var(--sprint)}.hud-danger{bottom:calc(var(--safe-bottom) + 12px);color:#ffd0d0;white-space:nowrap;background:#780a0a99;border-radius:999px;padding:.25rem .8rem;font-size:.9rem;font-weight:700;animation:.5s ease-in-out infinite alternate pulse;position:absolute;left:50%;transform:translate(-50%)}.hud-toast{opacity:0;white-space:nowrap;font-size:clamp(1.2rem,6vh,2rem);font-weight:800;position:absolute;top:32%;left:50%;transform:translate(-50%)}.hud-hint{bottom:calc(var(--safe-bottom) + 18%);color:#e9ffd8;white-space:nowrap;opacity:0;background:#081214b3;border:1px solid #8be36b80;border-radius:999px;padding:.35rem 1rem;font-size:clamp(.95rem,4.5vh,1.3rem);font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.hud-toast.gold{color:var(--coin)}.flash{pointer-events:none;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 120px 40px #ff1e1ed9}@keyframes pulse{0%{opacity:.65}to{opacity:1}}.debug{bottom:calc(var(--safe-bottom) + 6px);left:calc(var(--safe-left) + 6px);pointer-events:none;background:#00000080;border-radius:4px;margin:0;padding:4px 6px;font:11px/1.3 ui-monospace,Consolas,monospace;position:fixed}#cam-video{opacity:0;pointer-events:none;width:2px;height:2px;position:fixed}.cam-layout{justify-content:center;align-items:center;gap:clamp(.6rem,3vw,1.6rem);max-width:100%;display:flex}.cam-view{flex:0 auto;position:relative}.cam-view canvas{aspect-ratio:4/3;background:#000;border:2px solid #e8efe940;border-radius:14px;max-width:55vw;height:min(62vh,30rem);display:block}.cam-overlay{color:var(--muted);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cam-side{flex-direction:column;align-items:center;gap:.6rem;max-width:24rem;display:flex}.cam-guidance{color:var(--coin);margin:0;font-size:clamp(1rem,4.5vh,1.35rem);font-weight:700}.cam-guidance.ok{color:var(--accent)}.cam-progress{background:#e8efe926;border-radius:5px;width:100%;height:10px;overflow:hidden}.cam-progress i{background:var(--accent);width:0;height:100%;transition:width .15s linear;display:block}.cam-error{color:var(--danger);margin:0;font-weight:600}.small{color:var(--muted);margin:0;font-size:.75rem}@media (orientation:portrait){.cam-layout{flex-direction:column}.cam-view canvas{width:min(90vw,30rem);max-width:none;height:auto}}.cam-dock{bottom:calc(var(--safe-bottom) + 8px);pointer-events:none;z-index:5;position:fixed;left:50%;transform:translate(-50%)}.cam-dock canvas{aspect-ratio:4/3;opacity:.92;border:2px solid #e8efe959;border-radius:10px;height:24vh;display:block;box-shadow:0 4px 16px #00000080}.cam-dock span{text-align:center;color:var(--coin);text-shadow:0 1px 3px #000;font-size:.85rem;font-weight:700;position:absolute;bottom:6px;left:0;right:0}.cam-dock span.flash{letter-spacing:.04em;font-size:1.5rem;top:50%;bottom:auto;transform:translateY(-50%)}body.has-screen .cam-dock{left:auto;right:calc(var(--safe-right) + 10px);transform:none}body.has-screen .cam-dock canvas{height:18vh}body.cam-dock-on .hud-hint{bottom:calc(var(--safe-bottom) + 24vh + 22px)}.btn.nav-focus{outline:4px solid var(--coin);outline-offset:3px;transform:scale(1.06);box-shadow:0 0 22px #f5c51899}.nav-hint{top:calc(var(--safe-top) + 8px);white-space:nowrap;pointer-events:none;z-index:6;background:#081214cc;border:1px solid #f5c51899;border-radius:999px;padding:.3rem .9rem;font-size:clamp(.75rem,3.2vh,.95rem);position:fixed;left:50%;transform:translate(-50%)}