:root{color:#f4ebd5;font-synthesis:none;text-rendering:geometricprecision;--ink:#08090d;--bone:#f4ebd5;--red:#d92349;--amber:#ef9e32;--violet:#6d67ff;--muted:#f4ebd59e;--line:#f4ebd533;--tifo-image:none;background:#08090d;font-family:Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ink);min-width:320px}button,kbd{font:inherit}button{color:inherit}#app{isolation:isolate;position:relative}#game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.world-vignette,.grain{pointer-events:none;position:absolute;inset:0}.world-vignette{z-index:2;background:linear-gradient(90deg,#0000006b,#0000 21% 79%,#0000006b),linear-gradient(#00000059,#0000 20% 70%,#000000ad);box-shadow:inset 0 0 12vw #0000006b}.grain{z-index:3;opacity:.075;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}#hud{z-index:10;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}body[data-phase=title] #hud,body[data-phase=results] #hud,body[data-phase=failed] #hud{opacity:0}body[data-phase=finale] .objective-status{display:none}.cycle-cluster,.score-cluster,.energy-cluster,.lane-radar,.utility-buttons,.objective-status,.round-progress,.game-prompt,.hazard-warning{position:absolute}.cycle-cluster{top:max(20px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));border-left:4px solid var(--red);text-transform:uppercase;grid-template-columns:auto auto;grid-template-areas:"eyebrow timer""name name";gap:2px 20px;padding-left:12px;display:grid}.eyebrow{color:var(--muted);font-size:.68rem;font-weight:800;line-height:1}.cycle-cluster .eyebrow{grid-area:eyebrow}.cycle-cluster>strong{grid-area:name;max-width:min(46vw,420px);font-size:clamp(.95rem,1.5vw,1.35rem);line-height:1.05}.timer{min-width:52px;color:var(--bone);font-variant-numeric:tabular-nums;text-align:right;grid-area:timer;font-size:.78rem;font-weight:900}.score-cluster{top:max(20px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));text-align:right;text-transform:uppercase;width:190px}.score-cluster>strong{min-width:7ch;color:var(--bone);font-variant-numeric:tabular-nums;font-size:clamp(1.55rem,3vw,2.5rem);line-height:.98;display:block}.streak-line{color:var(--muted);justify-content:flex-end;gap:13px;margin-top:5px;font-size:.7rem;font-weight:800;display:flex}.streak-line b,.streak-line>strong{color:var(--amber);font-variant-numeric:tabular-nums}.lane-radar{top:max(19px, env(safe-area-inset-top));grid-template-columns:repeat(3,74px);gap:2px;display:grid;left:50%;transform:translate(-50%)}.lane-indicator{color:#f4ebd55c;border-top:2px solid #f4ebd521;place-items:center;height:34px;font-size:.57rem;font-weight:900;transition:color .1s,border-color .1s,background .1s;display:grid;position:relative}.lane-indicator i{background:var(--amber);width:0;height:2px;box-shadow:0 0 14px var(--amber);transition:width .1s;position:absolute;top:-2px}.lane-indicator.target{color:var(--bone);border-color:#ef9e3273}.lane-indicator.target i{width:74%}.lane-indicator.player{color:#fff;background:linear-gradient(#d9234947,#0000)}.lane-indicator.ready{color:var(--amber);background:#ef9e3224}.lane-indicator.ready i{width:88%}.lane-indicator.active{border-color:var(--bone);color:var(--ink);background:var(--amber)}.lane-indicator.active i{background:var(--bone);width:100%}.lane-indicator.buffered{color:#08110f;background:#48baa7;border-color:#48baa7}.lane-indicator.hazard{border-color:var(--violet);color:#b9b6ff;animation:.38s steps(2,end) infinite hazardBlink}.energy-cluster{left:max(24px, env(safe-area-inset-left));bottom:max(22px, env(safe-area-inset-bottom));width:min(300px,38vw)}.energy-label{justify-content:space-between;margin-bottom:6px;font-size:.66rem;font-weight:900;display:flex}.energy-label strong{font-variant-numeric:tabular-nums}.energy-track{background:#0000007a;border:1px solid #f4ebd559;height:8px;padding:2px}.energy-track i{background:var(--red);width:60%;height:100%;transition:width .14s,background .14s;display:block;box-shadow:0 0 18px #d9234999}.energy-track i[data-level=warn]{background:var(--amber)}.energy-track i[data-level=danger]{background:#ff3048;animation:.52s ease-in-out infinite alternate energyDanger}.utility-buttons{right:max(24px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));pointer-events:auto;gap:7px;display:flex}.utility-button{min-height:38px;color:var(--muted);cursor:pointer;background:#07080cad;border:1px solid #f4ebd542;padding:0 12px;font-size:.61rem;font-weight:900}.utility-button:hover,.utility-button:focus-visible{border-color:var(--bone);color:var(--bone);outline:none}.objective-status{bottom:max(54px, calc(env(safe-area-inset-bottom) + 34px));left:max(24px, env(safe-area-inset-left));color:#f4ebd5ad;text-transform:uppercase;max-width:min(470px,42vw);font-size:.62rem;font-weight:750;line-height:1.35}.round-progress{top:max(70px, calc(env(safe-area-inset-top) + 50px));left:max(24px, env(safe-area-inset-left));color:var(--amber);text-transform:uppercase;font-size:.61rem;font-weight:950}.game-prompt{bottom:max(62px, calc(env(safe-area-inset-bottom) + 42px));color:#f4ebd5d1;text-align:center;text-transform:uppercase;background:linear-gradient(90deg,#0000,#08090db8,#0000);max-width:min(640px,70vw);padding:7px 12px;font-size:clamp(.66rem,1.4vw,.86rem);font-weight:850;left:50%;transform:translate(-50%)}body[data-input-state=ready] .game-prompt{color:var(--amber);background:#1a1007db;border:1px solid #ef9e328c}body[data-input-state=active] .game-prompt,body[data-input-state=grace] .game-prompt{border:1px solid var(--bone);color:var(--ink);background:var(--amber);font-size:clamp(.78rem,1.7vw,1rem);font-weight:950}body[data-input-state=buffered] .game-prompt{color:#07110f;background:#48baa7;border:1px solid #48baa7}body[data-input-state=active] .objective-status,body[data-input-state=grace] .objective-status{opacity:.28}.hazard-warning{border:1px solid var(--violet);color:#d9d7ff;opacity:0;text-transform:uppercase;background:#1d1648d1;padding:6px 14px;font-size:.68rem;font-weight:900;top:21%;left:50%;transform:translate(-50%)}.hazard-warning.visible{opacity:1;animation:.42s steps(2,end) infinite hazardBlink}.judgement{color:var(--bone);opacity:0;text-shadow:0 4px 24px #000000a6;font-size:clamp(1.7rem,5vw,4.8rem);font-weight:950;line-height:.9;position:absolute;top:39%;left:50%;transform:translate(-50%,-50%)}.judgement.visible{opacity:1}.judgement[data-grade=hint]{color:var(--bone);background:#08090dd1;border:1px solid #f4ebd561;padding:8px 13px;font-size:clamp(.85rem,2vw,1.4rem)}.judgement[data-grade=perfect]{color:var(--amber)}.judgement[data-grade=good]{color:var(--bone)}.judgement[data-grade=miss]{color:#ff3854}.screen{z-index:30;pointer-events:none;display:none;position:absolute;inset:0}body[data-phase=title] #title-screen,body[data-phase=countdown] #countdown-screen,body[data-phase=cycleClear] #cycle-banner,body[data-phase=levelClear] #cycle-banner,body[data-phase=rally] #rally-screen,body[data-phase=paused] #pause-screen,body[data-phase=failed] #fail-screen,body[data-phase=results] #results-screen{pointer-events:auto;display:flex}.title-screen{background:linear-gradient(90deg,#06070afc 0%,#06070af2 42%,#06070a2e 78%,#06070aad 100%),linear-gradient(#0000,#06070ac7);align-items:center;padding:clamp(24px,6vw,88px)}.title-art{background:var(--tifo-image) center / cover no-repeat;filter:saturate(1.04)contrast(1.08)brightness(.78);opacity:.86;position:absolute;inset:0 0 0 38%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 38%);mask-image:linear-gradient(90deg,#0000,#000 38%)}.title-art:after{content:"";background:repeating-linear-gradient(105deg,#0000 0 7%,#06070a38 7% 9%);position:absolute;inset:0}.title-content{z-index:1;width:min(660px,58vw);position:relative}.challenge-label,.match-label,.overline{color:var(--amber);text-transform:uppercase;margin:0;font-size:clamp(.62rem,1.1vw,.78rem);font-weight:950}.match-label{color:var(--muted);margin-top:9px}h1,h2,p{margin-top:0}h1{text-transform:uppercase;margin:5vh 0 0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(5.6rem,13vw,10.5rem);font-weight:900;line-height:.67}h1 em{color:#0000;-webkit-text-stroke:2px var(--red);text-shadow:10px 10px #d9234921;font-style:normal}.title-subtitle{color:var(--red);margin:3vh 0 12px;font-family:Georgia,serif;font-size:clamp(1.2rem,2.6vw,2rem);font-style:italic}.title-copy{color:#f4ebd5b8;max-width:570px;margin-bottom:22px;font-size:clamp(.8rem,1.4vw,1rem);line-height:1.5}.control-hints{color:var(--muted);flex-wrap:wrap;gap:7px 18px;margin-bottom:22px;font-size:.66rem;font-weight:900;display:flex}.control-hints span{align-items:center;gap:5px;display:flex}kbd{min-width:25px;color:var(--bone);text-align:center;background:#ffffff0d;border:1px solid #f4ebd559;padding:4px 6px}.primary-button,.secondary-button{cursor:pointer;text-transform:uppercase;border:0;min-height:52px;font-size:.74rem;font-weight:950}.primary-button{min-width:250px;color:var(--bone);background:var(--red);justify-content:space-between;align-items:stretch;padding:0;display:inline-flex;box-shadow:8px 8px #f4ebd51f}.primary-button span{align-items:center;padding:0 20px;display:flex}.primary-button b{border-left:1px solid #ffffff42;place-items:center;width:52px;font-size:1.25rem;display:grid}.primary-button:hover,.primary-button:focus-visible{outline:2px solid var(--bone);outline-offset:3px;background:#ef3158}.secondary-button{border:1px solid var(--line);background:#08090db8;min-width:160px;padding:0 18px}.secondary-button:hover,.secondary-button:focus-visible{border-color:var(--bone);outline:none}.start-note{color:#f4ebd56b;margin:12px 0 0;font-size:.64rem}.centered-screen{text-align:center;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center}.centered-screen:before,.results-screen:before{z-index:-1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:"";background:#040508a3;position:absolute;inset:0}.countdown-value{color:var(--bone);text-shadow:14px 14px 0 var(--red);margin:10px 0;font-family:Impact,sans-serif;font-size:clamp(9rem,26vw,18rem);line-height:.8;animation:1s cubic-bezier(.2,.9,.3,1) infinite countBeat;display:block}.centered-screen>p:last-child{color:var(--muted);font-size:.75rem;font-weight:850}.compact-screen h2,.rally-screen h2,.modal-screen h2{margin:14px 0;font-family:Impact,sans-serif;font-size:clamp(3rem,9vw,7rem);line-height:.86}.compact-screen h2{color:var(--amber)}.rally-screen h2{color:var(--red);text-shadow:8px 8px #f4ebd521}.rally-screen>strong{color:var(--amber);font-variant-numeric:tabular-nums;margin-top:12px;font-size:clamp(3rem,9vw,6rem);display:block}.modal-screen{background:linear-gradient(135deg,#08090ddb,#2a0512bd);gap:12px}.modal-screen h2{color:var(--bone)}.fail-screen h2{color:#ff3854}.screen-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;display:flex}.results-screen{justify-content:center;align-items:center;padding:max(24px,5vw)}.results-screen:before{background:linear-gradient(90deg, #07080cf0, #07080c8f), var(--tifo-image) center / cover no-repeat}.results-poster{background:#08090de6;border:1px solid #f4ebd540;width:min(860px,94vw);padding:clamp(24px,4.5vw,58px);box-shadow:18px 18px #d923496b}.results-poster h2{color:var(--red);margin:10px 0 22px;font-family:Impact,sans-serif;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.85}.result-score span,.result-grid span{color:var(--muted);font-size:.64rem;font-weight:900;display:block}.result-score strong{font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,7vw,6.2rem);line-height:1}.result-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;padding-top:17px;display:grid}.result-grid strong{margin-top:5px;font-size:clamp(.86rem,2vw,1.3rem);display:block}.result-quote{color:#f4ebd5b3;max-width:650px;margin:28px 0 0;font-family:Georgia,serif;font-size:clamp(.9rem,1.7vw,1.15rem);font-style:italic;line-height:1.5}.finale-hold{z-index:20;bottom:max(76px, calc(env(safe-area-inset-bottom) + 54px));width:min(480px,72vw);color:var(--bone);text-align:center;font-size:.7rem;font-weight:950;display:none;position:absolute;left:50%;transform:translate(-50%)}body[data-phase=finale] .finale-hold{display:block}.finale-hold>div{border:1px solid var(--bone);height:9px;margin-top:8px;padding:2px}.finale-hold i{background:var(--amber);width:0;height:100%;box-shadow:0 0 18px var(--amber);display:block}#touch-controls{z-index:22;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));pointer-events:none;justify-content:center;align-items:flex-end;gap:13px;display:none;position:absolute}#touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.lane-button{width:62px;height:62px;color:var(--bone);background:#08090db3;border:1px solid #f4ebd561;border-radius:50%;font-size:1.55rem}#chant-button{border:2px solid var(--bone);width:98px;height:98px;color:var(--bone);background:var(--red);border-radius:50%;font-size:.72rem;font-weight:950;position:relative;box-shadow:0 0 0 6px #d9234933,0 10px 30px #0000006b}#chant-button i{border:1px solid #f4ebd552;border-radius:50%;animation:1.05s ease-out infinite chantPulse;position:absolute;inset:-9px}#chant-button:active,.lane-button:active{transform:scale(.93)}@keyframes countBeat{0%{opacity:0;transform:scale(.72)}22%{opacity:1;transform:scale(1)}76%{opacity:1;transform:scale(.98)}to{opacity:0;transform:scale(.88)}}@keyframes chantPulse{0%{opacity:.8;transform:scale(.86)}to{opacity:0;transform:scale(1.16)}}@keyframes hazardBlink{50%{opacity:.45}}@keyframes energyDanger{to{box-shadow:0 0 30px #ff3048f2}}@media (pointer:coarse),(width<=760px){body[data-phase=playing] #touch-controls,body[data-phase=recovery] #touch-controls,body[data-phase=rally] #touch-controls,body[data-phase=finale] #touch-controls{display:flex}.cycle-cluster{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));gap:2px 10px}.cycle-cluster>strong{max-width:52vw;font-size:.78rem}.score-cluster{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));width:84px}.score-cluster>strong{font-size:1.28rem}.streak-line{gap:5px;font-size:.5rem}.lane-radar{grid-template-columns:repeat(3,min(27vw,82px));top:74px}.energy-cluster{right:max(12px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 160px);left:max(12px, env(safe-area-inset-left));width:auto}.utility-buttons{top:max(196px, calc(env(safe-area-inset-top) + 182px));right:max(10px, env(safe-area-inset-right));flex-direction:row;bottom:auto}.utility-button{min-height:28px;padding:0 7px;font-size:.46rem}.objective-status{right:max(12px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 216px);left:max(12px, env(safe-area-inset-left));text-align:center;max-width:none;font-size:.52rem}.round-progress{top:110px;left:max(12px, env(safe-area-inset-left));font-size:.51rem}.game-prompt{max-width:64vw;font-size:.56rem;top:136px;bottom:auto}.hazard-warning{text-align:center;max-width:70vw;font-size:.58rem;top:242px}.judgement{font-size:clamp(1.55rem,11vw,2.8rem);top:36%}.title-screen{padding:max(20px, env(safe-area-inset-top)) 20px max(26px, env(safe-area-inset-bottom));background:linear-gradient(#06070a33,#06070af5 52%);align-items:flex-end}.title-art{opacity:.78;background-position:55%;inset:0;-webkit-mask-image:linear-gradient(#000 0% 38%,#0000 72%);mask-image:linear-gradient(#000 0% 38%,#0000 72%)}.title-content{width:100%}h1{margin-top:2vh;font-size:clamp(4.8rem,26vw,8rem);line-height:.7}.title-subtitle{margin:2vh 0 8px}.title-copy{max-width:520px;margin-bottom:14px;font-size:.75rem}.control-hints{margin-bottom:15px}.control-hints span:not(.touch-hint){display:none}.primary-button{min-width:min(100%,330px)}.start-note{margin-bottom:0}.results-poster{max-height:calc(100vh - 32px);overflow:auto}.result-grid{grid-template-columns:1fr;gap:9px}.result-grid>div{justify-content:space-between;align-items:center;display:flex}.screen-actions{flex-direction:column;align-items:stretch}.screen-actions .primary-button,.screen-actions .secondary-button{width:100%}.finale-hold{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 118px);width:min(340px,78vw);font-size:.6rem}.lane-button{width:54px;height:54px}#chant-button{width:86px;height:86px}}@media (height<=640px) and (orientation:landscape){.title-screen{padding:18px 40px}h1{margin-top:2vh;font-size:5.2rem}.title-subtitle{margin:2vh 0 7px}.title-copy{margin-bottom:10px;font-size:.72rem}.control-hints{margin-bottom:10px}.start-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}