:root{font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif;color:#eef4ea;background:#152c3a;font-synthesis:none;--ink: #132f3c;--gold: #ffcf7c;--muted: #b5c9cc}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff27;border-radius:12px;background:#ffffff0c;padding:12px 18px;min-height:44px;font-weight:650;transition:background .15s,transform .15s}button:hover{background:#ffffff20}button:active{transform:translateY(1px)}button:disabled{opacity:.42;cursor:default}button.primary{color:#172d37;background:var(--gold);border-color:var(--gold)}button.primary:hover{background:#ffdc9f}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #9ae8ec;outline-offset:4px}[hidden]{display:none!important}#pitch{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;outline:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}button,a,input,.panel{pointer-events:auto}.toolbar{position:absolute;top:0;left:0;right:0;min-height:68px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0a1b29eb,#0a1b2900);gap:14px}.brand{font-size:13px;font-weight:850;letter-spacing:.18em}.brand-ball{color:var(--gold)}.back-link{color:#c2d9da;text-decoration:none;font-size:13px;padding:12px 0}.tools{display:flex;gap:8px}.tools button{font-size:12px;min-height:40px;padding:8px 13px;background:#132d3ed9}.scoreboard{position:absolute;top:78px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;width:min(600px,90vw);background:#102735ed;border:1px solid #a1d1d02d;border-radius:17px;box-shadow:0 12px 40px #07182450;padding:11px 20px;gap:20px}.team{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:800;letter-spacing:.06em}.team strong{font-size:32px;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.team-dot{width:8px;height:8px;border-radius:50%;background:#38cbe3}.red .team-dot{background:#ff7959}.clock{text-align:center;display:grid;gap:3px}.clock span{font-size:8px;letter-spacing:.12em;color:var(--muted);white-space:nowrap}.clock b{font-size:19px;font-variant-numeric:tabular-nums}.match-info{position:absolute;top:151px;left:50%;transform:translate(-50%);display:flex;gap:16px;font-size:11px;color:#ffdfa0;background:#102b36de;padding:7px 14px;border-radius:20px;white-space:nowrap}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:80px 8vw 35px;background:linear-gradient(90deg,#081b2ae8,#0b213bc4 32%,#0b213b35 68%,#0b213b00);pointer-events:auto;overflow-y:auto}.panel{max-width:565px;width:100%;background:#132b39f5;border:1px solid #b5d6d52c;border-radius:24px;padding:32px 36px;box-shadow:0 24px 100px #06142055}.hero{background:none;border:none;box-shadow:none;max-width:510px;padding:0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--gold);display:block}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a8e8c0;margin-right:7px}.panel h1{font-size:clamp(30px,4.2vw,55px);line-height:1.05;letter-spacing:-.045em;margin:20px 0 22px;font-weight:800}.hero h1{font-size:clamp(60px,7.2vw,96px);margin-top:23px}.panel h1 em{font-style:normal;color:var(--gold)}.panel p{color:#c3d2d4;line-height:1.65;font-size:14px;margin:14px 0}.panel p.lead{color:#f0efe5;font-size:21px;line-height:1.5}.menu-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.menu-actions .primary{width:100%;font-size:16px;text-align:left;max-width:360px}.menu-actions button:not(.primary){font-size:13px}.menu-footer{display:flex;gap:24px;border-top:1px solid #c7dddf25;margin-top:30px;padding-top:20px;font-size:9px;letter-spacing:.15em;color:#b4c9cb}.scene-caption{position:absolute;right:8vw;bottom:13vh;text-align:right;display:grid;gap:15px}.scene-caption span{font-size:9px;letter-spacing:.14em;color:var(--gold)}.scene-caption b{font-size:24px;line-height:1.25}.panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.panel-actions button{font-size:13px}.chapter-track,.beat-dots{display:flex;gap:8px;margin:18px 0}.chapter-track i{height:3px;background:#57717b;flex:1}.chapter-track i.done{background:var(--gold)}.lesson{border-left:2px solid var(--gold);padding:12px 18px;background:#ffcc7710;border-radius:0 12px 12px 0}.lesson span{font-size:9px;font-weight:800;color:var(--gold);letter-spacing:.12em}.lesson p{font-size:13px;margin:5px 0}.story-panel{max-width:630px}.story-copy{font-size:16px!important}.beat-dots i{width:20px;height:20px;border-radius:50%;background:#52717d}.beat-dots i.done{background:var(--gold)}.rhythm-actions{display:flex;gap:15px}.rhythm-actions button{flex:1}.volume{display:flex;gap:15px;align-items:center;color:#b9cdce;font-size:13px;margin-top:20px}.result-score{font-size:70px;display:flex;gap:25px;align-items:center;font-weight:800}.result-score span:first-child{color:#6ce1ed}.result-score span:last-child{color:#ff9f82}.result-score small{font-size:32px;color:#78969b}.stats{display:flex;gap:30px;margin:25px 0;color:#b5cbce;font-size:12px}.stats b{display:block;font-size:28px;color:#ffe0a7}.quiz-answers{display:grid;gap:10px}.quiz-answers button{text-align:left}.quiz-answers .correct{background:#b8ecc7;color:#15352e;opacity:1}.quiz-title{font-size:35px!important}#coach{position:absolute;bottom:115px;left:24px;max-width:360px;display:flex;gap:12px;padding:15px 18px;border:1px solid #c4e2d624;border-radius:16px;background:#112c39eb;box-shadow:0 6px 24px #00152530}.coach-avatar{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#43c9de;color:#10313e;font-weight:900}#coach .eyebrow{font-size:8px}#coach p{margin:7px 0 0;font-size:12px;line-height:1.5;color:#d6e3df}#practice-progress{font-size:11px;color:#ffe0a3;margin-top:8px}#practice-progress:empty{display:none}#announcement{position:absolute;top:190px;left:50%;transform:translate(-50%);max-width:85vw;text-align:center;background:#ffe0a5;color:#213c44;border-radius:12px;box-shadow:0 5px 25px #14281530;font-size:15px;font-weight:800;padding:12px 22px}#announcement:empty{display:none}#play-controls{position:absolute;bottom:0;left:0;right:0;padding:14px 24px 18px;background:linear-gradient(transparent,#081c2fe8)}.desktop-help{display:flex;gap:18px;font-size:10px;color:#bacdd0;margin-bottom:14px;justify-content:center}kbd{font:inherit;display:inline-block;font-size:10px;padding:3px 5px;border:1px solid #9db8c63b;border-radius:4px;margin:0 2px}.actions{display:flex;gap:8px;justify-content:flex-end;align-items:center}.actions button{font-size:12px;background:#163747e8}.actions .primary{background:var(--gold);min-width:164px}.energy{margin-right:auto;display:grid;gap:7px;min-width:110px;font-size:8px;letter-spacing:.14em;color:#e4d2a2}meter{width:110px;height:10px;accent-color:#ffcf7c}.touch-pad,#sprint{display:none}@media(pointer:coarse){.touch-pad{display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px;gap:4px;position:absolute;left:18px;bottom:20px}.touch-pad button{padding:0;background:#1b4057e8;font-size:24px;touch-action:none}.touch-pad button[data-dir=up]{grid-column:2}.touch-pad button[data-dir=left]{grid-column:1;grid-row:2}.touch-pad button[data-dir=down]{grid-column:2;grid-row:2}.touch-pad button[data-dir=right]{grid-column:3;grid-row:2}.desktop-help{display:none}#sprint{display:block}.actions{max-width:320px;margin-left:auto;flex-wrap:wrap}.actions button{touch-action:none}.actions kbd{display:none}.energy{width:100%;min-width:0;align-items:center;grid-template-columns:45px 1fr;justify-content:end}#coach{bottom:150px}.actions .primary{min-width:150px}#play-controls{padding-bottom:20px}}@media(max-width:680px){.toolbar{padding:10px 14px}.brand{display:none}.back-link{font-size:11px}.scoreboard{top:65px;width:calc(100vw - 24px);gap:8px;padding:10px 13px}.team{gap:6px;font-size:9px}.team strong{font-size:25px}.clock span{font-size:7px}.clock b{font-size:16px}.match-info{top:128px;font-size:9px;gap:10px}#announcement{top:165px;font-size:12px;padding:10px 14px;width:max-content;max-width:90vw}.overlay{padding:76px 20px 24px;background:#0c223bba;align-items:center}.panel{padding:25px 23px;border-radius:18px;max-height:calc(100dvh - 96px);overflow-y:auto}.hero{padding:12px 4px}.hero h1{font-size:68px}.hero p.lead{font-size:19px}.hero p{max-width:310px}.hero .menu-footer{gap:20px}.scene-caption{display:none}.story-copy{font-size:14px!important}.panel h1{font-size:34px}.panel p{font-size:13px}.lesson p{font-size:12px}.panel-actions{gap:7px}.panel-actions button{padding:10px 12px}.desktop-help{font-size:8px;gap:8px;flex-wrap:wrap}.actions{gap:5px}.actions button{padding:10px;font-size:11px}.energy{min-width:75px}meter{width:75px}#coach{left:12px;bottom:125px;max-width:calc(100vw - 24px);padding:10px 13px}#coach p{font-size:11px}.coach-avatar{width:28px;height:28px}#play-controls{padding:12px}.actions .primary{min-width:123px}.tools button{padding:8px 10px}}@media(max-width:680px)and (pointer:coarse){#coach{bottom:155px}.actions{max-width:180px}.actions .primary{min-width:100%;order:5}.actions button{min-height:42px}.energy{width:100%}.touch-pad{left:12px;bottom:21px;grid-template-columns:43px 43px 43px;grid-template-rows:43px 43px}.touch-pad button{min-height:43px}#play-controls{padding:12px 12px 20px}.actions #switch,.actions #kick,.actions #sprint{flex:1}}@media(max-height:600px){.toolbar{min-height:48px;padding-top:5px;padding-bottom:5px}.scoreboard{top:50px;padding:5px 14px}.team strong{font-size:22px}.match-info{top:103px}#announcement{top:134px}#coach{max-width:280px;bottom:85px;padding:9px 12px}#coach p{font-size:10px}.desktop-help{display:none}.overlay{padding-top:60px;align-items:flex-start}.panel{max-height:calc(100dvh - 75px);overflow-y:auto}.hero h1{font-size:54px}.hero p.lead{font-size:17px}.hero .menu-footer{display:none}.hero .menu-actions{margin-top:15px}.hero p{font-size:12px}.scene-caption{bottom:15vh}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.toolbar{z-index:10}.coach-avatar{overflow:hidden}.coach-avatar img{width:100%;height:100%;object-fit:cover}@media(max-width:680px)and (min-height:601px){.hero h1{font-size:56px}#coach{top:155px;bottom:auto;max-height:66px;overflow:hidden}#coach .eyebrow{display:none}#coach p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#practice-progress{margin-top:3px}}.cinematic-overlay{padding:0;background:none;overflow:hidden;pointer-events:none}.film{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(#081725c9,transparent 20%,transparent 55%,#081725f5 100%)}.film:before,.film:after{content:"";position:absolute;left:0;right:0;height:6vh;background:#071420}.film:before{top:0}.film:after{bottom:0}.film-top{position:absolute;top:95px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#b2d7d7;font-size:10px;letter-spacing:.15em}.film-caption{position:absolute;bottom:8vh;left:12%;right:12%;text-align:center}.film-caption h1{font-size:clamp(21px,3vw,40px);margin:0 0 12px;line-height:1.05;letter-spacing:-.03em}.film-caption h1 br{display:none}.film-caption h1 br:after{content:" "}.film-caption p{font-size:clamp(15px,1.7vw,22px);line-height:1.45;margin:0 auto 14px;max-width:850px;min-height:3em;text-shadow:0 2px 10px #000}.film-controls{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap}.film-controls button{font-size:11px;padding:8px 13px;background:#102e3cdd}.film-progress{height:2px;max-width:600px;background:#70868465;margin:18px auto}.film-progress i{height:100%;background:var(--gold);display:block;width:0}.haka-hud{position:absolute;bottom:8vh;left:10%;right:10%;text-align:center}.haka-hud h1{margin:0;font-size:36px}.haka-hud>p{font-size:15px;color:#ffe0a2}.rhythm-track{position:relative;height:54px;overflow:hidden;max-width:680px;margin:14px auto;background:#0c223bea;border:1px solid #94c2c54d;border-radius:30px}.hit-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background:var(--gold);box-shadow:0 0 18px #ffcb76}.beat-note{position:absolute;top:6px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:900;color:#0b2838;background:#62d5e0;transform:translate(-50%)}.beat-note.right{background:#ffb783}.rhythm-actions{max-width:680px;margin:auto;align-items:center}.rhythm-actions button{min-height:56px;flex:1}.rhythm-actions>span{min-width:110px;color:var(--gold);font-size:14px;font-weight:900}.haka-context{font-size:10px!important;opacity:.7}.voice-controls{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:11px;color:#bcd4d5}.voice-controls button{font-size:11px;min-height:36px;padding:7px 12px}[data-voice-status]{font-size:10px;color:#b9d3d4}.challenge-grid{display:grid;gap:8px;margin:14px 0}.challenge{border:1px solid #688d8b55;border-radius:10px;padding:9px 12px;display:grid;gap:4px}.challenge b{font-size:12px;color:#b6d1d3}.challenge span{font-size:11px;color:#afc4c8}.challenge.earned{border-color:#f5cf7c;background:#e7b85c12}.challenge.earned b{color:#ffe1a5}#team-challenges{position:absolute;right:24px;top:195px;max-width:210px;display:grid;gap:8px;padding:12px;border-radius:12px;background:#0f2b3bd9;font-size:10px;line-height:1.5}#team-challenges>span{font-size:8px;color:var(--gold);letter-spacing:.1em}#team-challenges>b{font-weight:500}@media(max-width:680px){.toolbar{gap:5px}.tools{gap:4px}.tools button{padding:7px 8px;font-size:10px}.back-link{font-size:10px}.film-top{top:82px;font-size:8px;left:5vw;right:5vw}.film-top>span:last-child{display:none}.film-caption{left:6%;right:6%;bottom:7vh}.film-caption h1{font-size:24px}.film-caption p{font-size:16px;min-height:4.5em}.film-controls{gap:5px}.film-controls button{font-size:10px;padding:8px 10px}.haka-hud{left:5%;right:5%;bottom:7vh}.haka-hud h1{font-size:27px}.haka-hud>p{font-size:12px}.rhythm-actions>span{min-width:78px;font-size:11px}.rhythm-actions button{font-size:11px;padding:10px}.haka-context{font-size:9px!important}#team-challenges{top:auto;bottom:147px;right:12px;left:12px;max-width:none;padding:5px 9px;display:flex;gap:8px}#team-challenges>b{font-size:8px}#team-challenges>span{font-size:7px;white-space:nowrap}}@media(max-height:600px){.film-top{top:61px}.film-caption{bottom:5vh}.film-caption h1{display:none}.film-caption p{font-size:14px;min-height:2em;margin-bottom:4px}.film-progress{margin:6px auto}.film-controls button{min-height:32px}.haka-hud{bottom:4vh}.haka-hud h1,.haka-context{display:none}.haka-hud>p{margin:5px}.rhythm-track{height:38px;margin:5px auto}.beat-note{width:28px;height:28px;font-size:20px;top:4px}.rhythm-actions button{min-height:36px}.haka-hud .film-controls{margin-top:4px}#team-challenges{display:none}}@media(max-width:680px){.haka-film .film-top{flex-direction:column;gap:10px}.haka-film .film-top>span:last-child{display:block}}