html,body,#app{touch-action:none;background:#8fd7ff;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{--safe-joystick-inset:18px;--safe-action-inset:22px;--safe-action-bottom:28px;--safe-hud-gap:12px;--safe-hud-max:44vw;--hud-panel-bg:#0812238a;--hud-panel-border:#ffffff38;--hud-text:#f8fafc;--hud-muted:#dbeafe;--hud-focus-ring:#bae6fd}.game-shell{color:#fff;position:fixed;inset:0}#game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:3;border:1px solid var(--hud-panel-border);background:var(--hud-panel-bg);color:var(--hud-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;flex-direction:column;gap:6px;max-width:min(360px,44vw);padding:12px 14px;display:flex;position:fixed;box-shadow:0 12px 35px #00000038}.hud strong{letter-spacing:.02em;font-size:18px}.hud span{opacity:.92;font-size:12px;line-height:1.25}.progress-wrap{background:#fff3;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#facc15,#fb7185);width:0%;height:100%;transition:width .18s,background .18s;box-shadow:0 0 16px #38bdf88c}.progress-fill[data-band=checkpoint]{background:linear-gradient(90deg,#38bdf8,#22c55e)}.progress-fill[data-band=storm]{background:linear-gradient(90deg,#a78bfa,#facc15)}.progress-fill[data-band=summit]{background:linear-gradient(90deg,#facc15,#fb7185,#fff)}.tutorial-prompt{color:#e0f2fe;background:#0ea5e938;border-radius:12px;margin-top:2px;padding:7px 9px;font-weight:750;box-shadow:inset 0 0 0 1px #7dd3fc3d}.input-status{color:var(--hud-muted);letter-spacing:.01em;background:#1e293b5c;border-radius:999px;padding:6px 9px;font-weight:850;box-shadow:inset 0 0 0 1px #93c5fd38}.input-status[data-active=true]{color:#ecfeff;background:#0e74906b;box-shadow:inset 0 0 0 1px #67e8f957,0 0 18px #38bdf82e}.accessibility-comfort{color:#fef9c3;box-shadow:inset 0 0 0 1px var(--hud-focus-ring);letter-spacing:.01em;background:#0f172a80;border-radius:999px;padding:6px 9px;font-weight:900}.accessibility-comfort[data-tone=standard]{color:#dcfce7;background:linear-gradient(135deg,#16653457,#0f172a7a)}.accessibility-comfort[data-tone=low-motion]{color:#e0f2fe;background:linear-gradient(135deg,#0e749075,#1e293b80)}.accessibility-comfort[data-tone=high-contrast-low-motion]{color:#020617;text-shadow:none;background:#fef08a}.performance-budget{color:#dcfce7;letter-spacing:.01em;background:#14532d6b;border-radius:999px;padding:6px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #4ade8057,0 0 18px #22c55e24}.performance-budget[data-tone=watch]{color:#fef3c7;background:#713f1270;box-shadow:inset 0 0 0 1px #fbbf245c,0 0 18px #fbbf2424}.performance-budget[data-tone=over]{color:#ffe4e6;background:#7f1d1d7a;box-shadow:inset 0 0 0 1px #fb71856b,0 0 20px #fb71852e}.phase-one-gate{color:#dcfce7;letter-spacing:.01em;background:linear-gradient(135deg,#1665347a,#0e749057);border-radius:999px;padding:6px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #86efac6b,0 0 20px #22c55e29}.phase-three-content,.phase-three-gate,.phase-four-release,.phase-two-audit{color:#ecfeff;letter-spacing:.01em;background:linear-gradient(135deg,#0e749085,#7c3aed52);border-radius:999px;padding:6px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #67e8f970,0 0 22px #38bdf82e}.phase-two-audit{color:#dcfce7;background:linear-gradient(135deg,#1665347a,#0e749057);box-shadow:inset 0 0 0 1px #86efac6b,0 0 20px #22c55e29}.phase-three-gate,.phase-four-release{color:#fef9c3;background:linear-gradient(135deg,#a1620785,#0e749052);box-shadow:inset 0 0 0 1px #fef08a85,0 0 24px #facc152e}.phase-three-gate[data-tone=needs-check],.phase-three-content[data-tone=needs-check],.phase-four-release[data-tone=needs-check],.phase-two-audit[data-tone=needs-check]{color:#fef3c7;background:#713f1275;box-shadow:inset 0 0 0 1px #fbbf2461,0 0 18px #fbbf2424}.phase-three-gate[data-tone=blocked],.phase-three-content[data-tone=blocked],.phase-four-release[data-tone=blocked],.phase-two-audit[data-tone=blocked]{color:#ffe4e6;background:#7f1d1d80;box-shadow:inset 0 0 0 1px #fb718570,0 0 20px #fb71852e}.phase-one-gate[data-tone=needs-check]{color:#fef3c7;background:#713f1275;box-shadow:inset 0 0 0 1px #fbbf2461,0 0 18px #fbbf2424}.phase-one-gate[data-tone=blocked]{color:#ffe4e6;background:#7f1d1d80;box-shadow:inset 0 0 0 1px #fb718570,0 0 20px #fb71852e}#app[data-high-contrast=true] .accessibility-comfort{color:#020617;text-shadow:none;background:#fef08a}.keyboard-help{color:#fef3c7;background:#78350f57;border-radius:12px;padding:6px 9px;font-weight:850;box-shadow:inset 0 0 0 1px #fbbf2447}.keyboard-help[data-hidden=true]{color:#bae6fd;background:#0e749042}.speedrun-split{color:#fef9c3;letter-spacing:.01em;background:#713f1257;border-radius:12px;padding:7px 9px;font-weight:850;box-shadow:inset 0 0 0 1px #facc1547,0 0 18px #facc151f}.speedrun-split[data-tone=overtime]{color:#ffe4e6;background:#7f1d1d70;box-shadow:inset 0 0 0 1px #fb71855c,0 0 18px #fb71852e}.speedrun-split[data-tone=complete]{color:#dcfce7;background:#14532d6b;box-shadow:inset 0 0 0 1px #4ade8057,0 0 18px #22c55e29}.checkpoint-celebration{color:#ecfeff;letter-spacing:.01em;background:linear-gradient(135deg,#0e74905c,#facc1538);border-radius:12px;padding:7px 9px;font-weight:850;box-shadow:inset 0 0 0 1px #67e8f952,0 0 18px #67e8f924}.checkpoint-beacon{color:#ecfeff;letter-spacing:.01em;background:linear-gradient(135deg,#0891b26b,#0ea5e933);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #67e8f96b,0 0 20px #22d3ee2e}.checkpoint-beacon[data-tone=approach]{color:#fef9c3;background:linear-gradient(135deg,#0e74908a,#facc153d);box-shadow:inset 0 0 0 1px #fef08a85,0 0 26px #22d3ee3d}.checkpoint-beacon[data-tone=banked]{color:#dcfce7;background:linear-gradient(135deg,#14532d80,#0e749052);box-shadow:inset 0 0 0 1px #86efac75,0 0 24px #67e8f938}.checkpoint-economy{color:#ecfeff;letter-spacing:.01em;background:linear-gradient(135deg,#0891b280,#fb923c38);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #67e8f96b,0 0 22px #fb923c2e}.checkpoint-economy[data-tone=blocked]{color:#fee2e2;background:linear-gradient(135deg,#7f1d1d8f,#fb71853d)}.music-layer{color:#e0e7ff;letter-spacing:.01em;background:linear-gradient(135deg,#312e816b,#0e74903d);border-radius:12px;padding:7px 9px;font-weight:850;box-shadow:inset 0 0 0 1px #a5b4fc57,0 0 20px #6366f129}.theme-motif{color:#ecfeff;letter-spacing:.01em;background:linear-gradient(135deg,#0891b275,#312e8142);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #67e8f96b,0 0 22px #38bdf829}.theme-motif[data-tone=answer]{color:#dcfce7;background:linear-gradient(135deg,#1665347a,#0e74903d);box-shadow:inset 0 0 0 1px #86efac75,0 0 22px #22c55e29}.theme-motif[data-tone=storm]{color:#f5f3ff;background:linear-gradient(135deg,#581c8794,#0f172a57);box-shadow:inset 0 0 0 1px #d8b4fe80,0 0 24px #a855f72e}.theme-motif[data-tone=summit]{color:#fef9c3;background:linear-gradient(135deg,#a162079e,#fff3);box-shadow:inset 0 0 0 1px #fef08a99,0 0 30px #facc153d}.audio-prefs{color:#dcfce7;letter-spacing:.01em;background:linear-gradient(135deg,#16653470,#0e749038);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #86efac61,0 0 20px #22c55e26}.audio-prefs[data-tone=session]{color:#e0f2fe;background:linear-gradient(135deg,#0e749061,#312e813d);box-shadow:inset 0 0 0 1px #7dd3fc57,0 0 18px #38bdf821}.audio-prefs[data-tone=muted]{color:#fef3c7;background:linear-gradient(135deg,#713f127a,#0f172a47);box-shadow:inset 0 0 0 1px #fbbf2466,0 0 20px #fbbf2426}.audio-fallback{color:#dcfce7;letter-spacing:.01em;background:linear-gradient(135deg,#14532d6b,#0f172a42);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #86efac61,0 0 20px #22c55e24}.audio-fallback[data-tone=fallback],.audio-fallback[data-tone=lite]{color:#fef9c3;background:linear-gradient(135deg,#854d0e85,#0c4a6e47);box-shadow:inset 0 0 0 1px #fde68a6b,0 0 20px #f59e0b26}.audio-fallback[data-tone=text-only],.audio-fallback[data-tone=visual]{color:#e0f2fe;background:linear-gradient(135deg,#0e749075,#312e8147);box-shadow:inset 0 0 0 1px #7dd3fc61,0 0 18px #38bdf821}.audio-fallback[data-tone=muted]{color:#fef3c7;background:linear-gradient(135deg,#713f1280,#0f172a57);box-shadow:inset 0 0 0 1px #fbbf246b,0 0 20px #fbbf2424}.mix-balance{color:#f5f3ff;letter-spacing:.01em;background:linear-gradient(135deg,#581c8775,#0e74903d);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #d8b4fe6b,0 0 22px #a855f729}.mix-balance[data-tone=balanced]{color:#dcfce7;background:linear-gradient(135deg,#16653475,#0e74903d);box-shadow:inset 0 0 0 1px #86efac70,0 0 22px #22c55e29}.mix-balance[data-tone=muted]{color:#fef3c7;background:linear-gradient(135deg,#713f1280,#0f172a57);box-shadow:inset 0 0 0 1px #fbbf246b,0 0 20px #fbbf2424}.mix-balance[data-tone=low-motion]{color:#e0f2fe;background:linear-gradient(135deg,#0c4a6e70,#1e293b52);box-shadow:inset 0 0 0 1px #7dd3fc61,0 0 18px #38bdf821}.wind-ambience{color:#e0f2fe;letter-spacing:.01em;background:linear-gradient(135deg,#0c4a6e61,#0f172a3d);border-radius:12px;padding:7px 9px;font-weight:850;box-shadow:inset 0 0 0 1px #7dd3fc4d,0 0 18px #38bdf821}.wind-ambience[data-tone=lift]{color:#dcfce7;background:linear-gradient(135deg,#0e74906b,#16653433)}.wind-ambience[data-tone=storm]{color:#fef3c7;background:linear-gradient(135deg,#4c1d9575,#0f172a5c);box-shadow:inset 0 0 0 1px #d8b4fe5c,0 0 20px #a855f729}.wind-ambience[data-tone=summit]{color:#fef9c3;background:linear-gradient(135deg,#0e74907a,#facc153d);box-shadow:inset 0 0 0 1px #fef08a7a,0 0 24px #facc1533}.action-sfx{color:#ffedd5;letter-spacing:.01em;background:linear-gradient(135deg,#9a341257,#0e749038);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fb923c57,0 0 18px #fb923c24}.action-sfx[data-tone=steady]{color:#cffafe;background:linear-gradient(135deg,#0891b26b,#1e40af3d);box-shadow:inset 0 0 0 1px #67e8f966,0 0 20px #38bdf82e}.action-sfx[data-tone=soft]{color:#f8fafc;background:linear-gradient(135deg,#33415575,#7dd3fc2e);box-shadow:inset 0 0 0 1px #e2e8f057,0 0 18px #e2e8f01f}.action-sfx[data-tone=danger]{color:#ffe4e6;background:linear-gradient(135deg,#7f1d1d94,#fb718547);box-shadow:inset 0 0 0 1px #fb718585,0 0 24px #ef44443d}.action-sfx[data-tone=launch]{color:#fef9c3;background:linear-gradient(135deg,#a1620799,#f9731647);box-shadow:inset 0 0 0 1px #fde68a8f,0 0 26px #f973163d}.sfx-matrix{color:#dcfce7;letter-spacing:.01em;background:linear-gradient(135deg,#14532d7a,#0e74903d);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #86efac6b,0 0 22px #22c55e29}.sfx-matrix[data-tone=missing]{color:#ffe4e6;background:linear-gradient(135deg,#7f1d1d94,#0f172a57);box-shadow:inset 0 0 0 1px #fb718585,0 0 24px #ef444438}.vfx-spawn{color:#e0f2fe;letter-spacing:.01em;background:linear-gradient(135deg,#0e749075,#0f172a52);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #67e8f95c,0 0 18px #06b6d424}.vfx-spawn[data-tone=trimmed]{color:#fef3c7;background:linear-gradient(135deg,#713f1275,#0e749047);box-shadow:inset 0 0 0 1px #fbbf2461,0 0 18px #fbbf2424}.vfx-spawn[data-tone=missing]{color:#ffe4e6;background:linear-gradient(135deg,#7f1d1d80,#0f172a52);box-shadow:inset 0 0 0 1px #fb71856b,0 0 20px #ef44442e}.visual-qa-shots{color:#f5f3ff;letter-spacing:.01em;background:linear-gradient(135deg,#4f46e57a,#0e749047);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #c4b5fd75,0 0 22px #818cf82e}.visual-qa-shots[data-tone=missing]{color:#fef3c7;background:linear-gradient(135deg,#713f1285,#312e8147);box-shadow:inset 0 0 0 1px #fbbf246b,0 0 20px #fbbf2429}.summit-fanfare-cue{color:#fef9c3;letter-spacing:.01em;background:linear-gradient(135deg,#a1620794,#fff3);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fef08a8f,0 0 28px #facc153d}.summit-fanfare-cue[data-tone=fanfare]{color:#fff;background:radial-gradient(circle at 20% 0,#ffffff52,#facc156b 38%,#9a34127a);box-shadow:inset 0 0 0 1px #ffffffa8,0 0 34px #facc1557}.particle-budget{color:#dbeafe;letter-spacing:.01em;background:linear-gradient(135deg,#1e40af6b,#0f172a4d);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #93c5fd57,0 0 18px #3b82f624}.particle-budget[data-tone=trim]{color:#fef3c7;background:linear-gradient(135deg,#713f1280,#1e40af47);box-shadow:inset 0 0 0 1px #fbbf2466,0 0 22px #fbbf2429}.particle-budget[data-tone=over]{color:#ffe4e6;background:linear-gradient(135deg,#7f1d1d8f,#1e40af3d);box-shadow:inset 0 0 0 1px #fb718575,0 0 24px #ef444433}.motion-trail{color:#cffafe;letter-spacing:.01em;background:linear-gradient(135deg,#0891b26b,#f9731633);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #67e8f96b,0 0 22px #fb923c29}.motion-trail[data-tone=low-motion]{color:#fef9c3;background:linear-gradient(135deg,#47556985,#0e749038);box-shadow:inset 0 0 0 1px #fef08a61,0 0 18px #7dd3fc1f}.speed-wind{color:#fef9c3;letter-spacing:.01em;background:linear-gradient(135deg,#7e22ce66,#facc1533);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #d8b4fe6b,0 0 22px #a78bfa29}.speed-wind[data-tone=moving]{color:#fffbeb;background:linear-gradient(135deg,#a1620770,#0e74903d);box-shadow:inset 0 0 0 1px #fef08a7a,0 0 24px #facc1533}.speed-wind[data-tone=wind]{color:#f5f3ff;background:linear-gradient(135deg,#581c8794,#0e749047);box-shadow:inset 0 0 0 1px #d8b4fe8f,0 0 28px #a855f73d}.speed-wind[data-tone=low-motion]{color:#e2e8f0;background:linear-gradient(135deg,#3341558a,#581c8733);box-shadow:inset 0 0 0 1px #e2e8f04d,0 0 18px #94a3b81f}.feedback-intensity{color:#ffedd5;letter-spacing:.01em;background:linear-gradient(135deg,#9a34126b,#0f172a42);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fb923c66,0 0 20px #fb923c26}.feedback-intensity[data-tone=firm]{color:#fef9c3;background:linear-gradient(135deg,#a1620780,#0e749038);box-shadow:inset 0 0 0 1px #fef08a75,0 0 24px #facc1533}.feedback-intensity[data-tone=burst]{color:#ffe4e6;background:linear-gradient(135deg,#7f1d1d94,#fb718542);box-shadow:inset 0 0 0 1px #fb71858a,0 0 28px #ef44443d}.feedback-intensity[data-tone=low-motion]{color:#e2e8f0;background:linear-gradient(135deg,#3341558a,#0f172a52);box-shadow:inset 0 0 0 1px #e2e8f057,0 0 18px #94a3b81f}.button-tactile{color:#fffbeb;letter-spacing:.01em;background:linear-gradient(135deg,#ea580c70,#0e74903d);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fdba7470,0 0 22px #f9731629}.button-tactile[data-tone=press]{color:#fff7ed;background:linear-gradient(135deg,#c2410c9e,#fb923c4d);box-shadow:inset 0 0 0 1px #fed7aa94,0 0 28px #fb923c47}.button-tactile[data-tone=hold]{color:#cffafe;background:linear-gradient(135deg,#0891b294,#1e40af42);box-shadow:inset 0 0 0 1px #67e8f98f,0 0 28px #38bdf83d}.button-tactile[data-tone=system]{color:#e0f2fe;background:linear-gradient(135deg,#33415585,#0e74903d);box-shadow:inset 0 0 0 1px #93c5fd6b,0 0 20px #3b82f629}.button-tactile[data-tone=low-motion]{color:#e2e8f0;background:linear-gradient(135deg,#3341558f,#0f172a57);box-shadow:inset 0 0 0 1px #e2e8f057,0 0 18px #94a3b81f}.failure-state{color:#e0f2fe;letter-spacing:.01em;background:linear-gradient(135deg,#0f172a85,#0e749040);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #7dd3fc61,0 0 22px #38bdf824}.failure-state[data-tone=manual]{color:#cffafe;background:linear-gradient(135deg,#0891b280,#0f172a4d);box-shadow:inset 0 0 0 1px #67e8f980,0 0 24px #38bdf833}.failure-state[data-tone=short]{color:#dcfce7;background:linear-gradient(135deg,#16653475,#0e74903d);box-shadow:inset 0 0 0 1px #86efac6b,0 0 22px #22c55e29}.failure-state[data-tone=medium]{color:#fef3c7;background:linear-gradient(135deg,#713f1285,#0e74903d);box-shadow:inset 0 0 0 1px #fbbf246b,0 0 24px #fbbf242e}.failure-state[data-tone=big],.failure-state[data-tone=comedy]{color:#ffe4e6;background:linear-gradient(135deg,#7f1d1d94,#f9731647);box-shadow:inset 0 0 0 1px #fb718585,0 0 28px #ef444438}.failure-state[data-tone=low-motion]{color:#e2e8f0;background:linear-gradient(135deg,#33415594,#0f172a57);box-shadow:inset 0 0 0 1px #e2e8f057,0 0 18px #94a3b81f}.victory-state{color:#fef9c3;letter-spacing:.01em;background:linear-gradient(135deg,#a1620780,#0e74903d);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fef08a7a,0 0 26px #facc152e}.victory-state[data-tone=approach]{color:#fff;background:radial-gradient(circle at 18% 0,#ffffff4d,#facc1566 42%,#0e749057);box-shadow:inset 0 0 0 1px #ffffff94,0 0 32px #facc1547}.victory-state[data-tone=clear],.victory-state[data-tone=replay]{color:#fffbeb;background:linear-gradient(135deg,#b45309b3,#facc1561,#ffffff2e);box-shadow:inset 0 0 0 1px #fef08aad,0 0 36px #facc1557}.victory-state[data-tone=low-motion]{color:#e2e8f0;background:linear-gradient(135deg,#33415594,#78350f42);box-shadow:inset 0 0 0 1px #e2e8f057,0 0 18px #94a3b81f}.feedback-intensity.is-pulsing,.failure-state.is-pulsing,.victory-state.is-pulsing{filter:saturate(1.25)brightness(1.06);transform:scale(1.016)}.summit-fanfare-cue.is-pulsing{filter:saturate(1.35)brightness(1.08);transform:scale(1.018)}.action-sfx.is-pulsing{filter:saturate(1.24);transform:scale(1.015)}.music-layer[data-state=locked]{color:#e0f2fe;background:linear-gradient(135deg,#0e74906b,#312e8142);box-shadow:inset 0 0 0 1px #7dd3fc66,0 0 22px #38bdf829}.music-layer[data-state=live]{color:#dcfce7;background:linear-gradient(135deg,#16653475,#0e74903d);box-shadow:inset 0 0 0 1px #86efac70,0 0 24px #22c55e2e}.music-layer[data-state=muted]{color:#fef3c7;background:linear-gradient(135deg,#713f1285,#0f172a52);box-shadow:inset 0 0 0 1px #fbbf246b,0 0 20px #fbbf2426}.music-layer[data-layer=checkpoint-lift]{color:#dcfce7;background:linear-gradient(135deg,#14532d6b,#38bdf833)}.music-layer[data-layer=storm-climb]{color:#fef3c7;background:linear-gradient(135deg,#4c1d9575,#fb923c3d)}.music-layer[data-layer=summit-glow]{color:#fef9c3;background:linear-gradient(135deg,#a1620794,#ffffff2e);box-shadow:inset 0 0 0 1px #fef08a85,0 0 28px #facc1538}.summit-result{color:#fff7ed;letter-spacing:.01em;background:linear-gradient(135deg,#9a341261,#facc1538);border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fef08a5c,0 0 18px #fb923c2e}.summit-result[data-medal=gold]{color:#fef9c3;background:linear-gradient(135deg,#a16207a8,#fb923c57);box-shadow:inset 0 0 0 1px #fef08a9e,0 0 30px #facc1552}.summit-result[data-medal=silver]{color:#f8fafc;background:linear-gradient(135deg,#475569a3,#e2e8f042)}.summit-result[data-medal=bronze]{color:#ffedd5;background:linear-gradient(135deg,#78350fa3,#fb923c3d)}.checkpoint-celebration[data-celebrated=true]{color:#fef9c3;background:linear-gradient(135deg,#0891b28f,#facc1557);box-shadow:inset 0 0 0 1px #fef08a7a,0 0 26px #67e8f947}.tutorial-prompt[data-prompt=jump]{color:#ffedd5;background:#f9731638}.tutorial-prompt[data-prompt=grip]{color:#cffafe;background:#38bdf842}.tutorial-prompt[data-prompt=route]{color:#dcfce7;background:#22c55e2e}.top-left{top:calc(env(safe-area-inset-top) + var(--safe-hud-gap));left:calc(env(safe-area-inset-left) + var(--safe-hud-gap))}.top-right{top:calc(env(safe-area-inset-top) + var(--safe-hud-gap));right:calc(env(safe-area-inset-right) + var(--safe-hud-gap));align-items:stretch}button{color:#102033;background:#f8fafc;border:0;border-radius:14px;padding:10px 12px;font-weight:800;transition:transform 80ms,filter 80ms,box-shadow 80ms;box-shadow:0 8px 20px #00000029,inset 0 1px #ffffffad}button:active,button.is-tactile-pressed{filter:saturate(1.16)brightness(1.05);transform:translateY(2px)scale(.96);box-shadow:0 4px 12px #0000002e,inset 0 2px 5px #0f172a2e}.qr{background:#fff;border-radius:10px;align-self:end;width:96px;height:96px;display:block;overflow:hidden}.joystick{left:calc(env(safe-area-inset-left) + var(--safe-joystick-inset));bottom:calc(env(safe-area-inset-bottom) + var(--safe-joystick-inset));z-index:4;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#ffffff2e,#0f172a38 58%,#0ea5e92e);border:2px solid #ffffff6b;border-radius:50%;width:148px;height:148px;position:fixed;box-shadow:0 12px 34px #0f172a3d,inset 0 0 0 1px #7dd3fc47}.action-cluster{right:calc(env(safe-area-inset-right) + var(--safe-action-inset));bottom:calc(env(safe-area-inset-bottom) + var(--safe-action-bottom));z-index:4;align-items:end;gap:14px;display:flex;position:fixed}.action{color:#fff;text-shadow:0 1px 3px #0000004d;border-radius:999px;width:82px;height:82px}.action.primary{background:radial-gradient(circle at 35% 25%,#fb923c,#ea580c 62%,#9a3412);width:104px;height:104px}.action.secondary{background:radial-gradient(circle at 35% 25%,#38bdf8,#0284c7 62%,#075985)}.action.secondary:after{content:"soft lift";letter-spacing:.02em;opacity:.78;text-transform:uppercase;margin-top:2px;font-size:9px;line-height:1;display:block}.action.secondary.is-held{filter:saturate(1.25);outline:3px solid #bae6fdf2;box-shadow:0 0 0 8px #38bdf838,0 0 28px #38bdf8b8}.legal-note{z-index:3;bottom:calc(env(safe-area-inset-bottom) + 6px);color:#fffc;pointer-events:none;background:#0f172a59;border-radius:999px;padding:5px 9px;font-size:10px;position:fixed;left:50%;transform:translate(-50%)}.respawn-flash{z-index:5;text-align:center;color:#fff;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 0,#7dd3fce0,#0f172ac7 70%);border:1px solid #ffffff52;border-radius:22px;flex-direction:column;gap:4px;min-width:min(340px,82vw);padding:16px 18px;transition:opacity .16s,transform .16s,box-shadow .16s;display:flex;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)scale(.96);box-shadow:0 0 #7dd3fc00,0 18px 54px #0f172a57}.respawn-flash strong{letter-spacing:.02em;font-size:18px}.respawn-flash span{opacity:.92;font-size:12px;line-height:1.35}.respawn-flash.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 14px #7dd3fc29,0 18px 54px #0f172a57}.respawn-flash.tone-big{background:radial-gradient(circle at 50% 0,#fb923ceb,#0f172ad1 72%)}.respawn-flash.tone-short{background:radial-gradient(circle at 50% 0,#7dd3fceb,#1e293bcc 72%);box-shadow:0 0 0 14px #7dd3fc29,0 18px 54px #0f172a57}.respawn-flash.tone-manual{background:radial-gradient(circle at 50% 0,#38bdf8e0,#0f172ac7 70%)}.respawn-flash.tone-checkpoint{background:radial-gradient(circle at 50% 0,#67e8f9f0,#facc156b 36%,#0f172ad1 74%);box-shadow:0 0 0 16px #67e8f92e,0 0 42px #facc1547,0 18px 54px #0f172a57}.respawn-flash.tone-summit{background:radial-gradient(circle at 50% 0,#fef08af5,#fb923c85 38%,#0f172ad6 76%);box-shadow:0 0 0 18px #facc152e,0 0 54px #fb923c57,0 18px 54px #0f172a57}@media (width<=780px){.hud{max-width:var(--safe-hud-max);padding:10px}.top-right{gap:4px}.top-right button{padding:8px 9px;font-size:12px}.qr,.legal-note{display:none}.respawn-flash{top:46%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.respawn-flash{transition:opacity .01ms linear!important}button:active,button.is-tactile-pressed{transform:none}}@media (prefers-contrast:more){.hud{box-shadow:0 0 0 2px #ffffff47,0 12px 35px #00000061}button,.action{outline:2px solid var(--hud-focus-ring);outline-offset:2px}.progress-wrap{background:#020617b8;box-shadow:inset 0 0 0 1px #ffffff80}}.qa-chip{display:none!important}#app[data-qa=true] .qa-chip{display:inline-block!important}.player-goal{color:#fef9c3;background:#a1620747;border-radius:12px;padding:7px 9px;font-weight:900;box-shadow:inset 0 0 0 1px #fef08a47}.duo-challenge{color:#fff7ed;background:linear-gradient(135deg,#ea580c80,#be185d61);box-shadow:inset 0 0 0 1px #fdba7473,0 0 18px #fb923c2e}.playtest-matrix{color:#dbeafe;background:linear-gradient(135deg,#1e40af6b,#0e749057);box-shadow:inset 0 0 0 1px #93c5fd57}.compact-menu{align-items:stretch;gap:8px;max-width:min(160px,34vw)}.menu-panel{border-top:1px solid #fff3;flex-direction:column;gap:7px;margin-top:6px;padding-top:8px;display:flex}.menu-panel[hidden]{display:none!important}.menu-note{color:var(--hud-muted);font-size:11px;line-height:1.25}.onboarding{z-index:6;pointer-events:none;background:linear-gradient(#0f172a2e,#0f172a0a);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding[hidden]{display:none!important}.onboarding-card{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#081223b8;border:1px solid #ffffff47;border-radius:24px;flex-direction:column;gap:10px;width:min(360px,86vw);padding:18px;display:flex;box-shadow:0 18px 60px #0f172a61}.onboarding-card strong{font-size:22px}.onboarding-card span{color:#e0f2fe;font-size:14px;line-height:1.35}.onboarding-card button{color:#3b1d04;background:linear-gradient(135deg,#fb923c,#facc15);margin-top:4px;font-size:16px}@media (width<=780px){#app{--safe-joystick-inset:24px;--safe-action-inset:20px;--safe-action-bottom:42px;--safe-hud-gap:10px;--safe-hud-max:38vw}.hud.top-left{background:#0812237a;gap:5px;max-width:min(300px,32vw);padding:9px 10px}.hud strong{font-size:16px}.hud span{font-size:11px}.tutorial-prompt,.player-goal{padding:6px 8px;font-size:11px}.compact-menu{max-width:132px;padding:8px}.compact-menu button{padding:8px 9px;font-size:12px}.joystick{width:132px;height:132px}.action{width:76px;height:76px}.action.primary{width:94px;height:94px}}.music-import{color:var(--hud-muted);flex-direction:column;gap:4px;font-size:11px;font-weight:800;display:flex}.music-import input{color:#fff;max-width:120px;font-size:10px}@media (width<=780px){.action-cluster{gap:12px}}.menu-panel{max-height:min(54vh,310px);overflow:auto}@media (width<=780px){.compact-menu{max-width:118px}.menu-panel{gap:5px;max-height:44vh;font-size:11px}.menu-panel button{padding:7px 8px}.music-import input{max-width:96px}}#joystick:before{content:"MOVE";letter-spacing:.08em;color:#ffffffeb;text-shadow:0 1px 3px #0f172a80;pointer-events:none;font-size:13px;font-weight:950;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}#joystick:after{content:"DRAG";color:#dbeafed1;text-shadow:0 1px 3px #0f172a73;pointer-events:none;white-space:nowrap;font-size:10px;font-weight:900;position:absolute;top:58%;left:50%;transform:translate(-50%)}.menu-field{color:#e2e8f0e6;text-transform:uppercase;letter-spacing:.05em;gap:4px;font-size:.66rem;font-weight:800;display:grid}.menu-field select{color:#f8fafc;background:#0f172aeb;border:1px solid #7dd3fc6b;border-radius:10px;width:100%;min-height:34px;padding:6px 8px;font-size:.72rem;font-weight:800}.party-challenge[data-tone=calm]{border-color:#7dd3fc8c}.party-challenge[data-tone=sprint]{border-color:#fbbf24b3;box-shadow:0 0 18px #fbbf242e}.party-challenge[data-tone=race]{border-color:#f472b6b3;box-shadow:0 0 18px #f472b633}.party-challenge[data-tone=complete]{border-color:#4ade80bf;box-shadow:0 0 20px #4ade8038}.party-challenge[data-tone=overtime]{border-color:#f87171bf;box-shadow:0 0 20px #f8717133}#joystick.is-pad-active{background:radial-gradient(circle,#bae6fd57,#38bdf847 58%,#0e749042);border-color:#bae6fde6;box-shadow:0 0 0 8px #38bdf82e,0 0 34px #38bdf86b,inset 0 0 0 1px #ffffff61}@media (orientation:landscape) and (height<=700px){.hud.top-left{max-width:min(360px,31vw);max-height:min(365px, calc(100vh - 210px - env(safe-area-inset-bottom)));overflow:hidden}.joystick{left:calc(env(safe-area-inset-left) + 22px);bottom:calc(env(safe-area-inset-bottom) + 26px);width:136px;height:136px}}