:root{--night: #1a151d;--plum: #2a1a2a;--wall: #4b3031;--floor: #b36d35;--ink: #241922;--paper: #f7efe8;--muted: #c8b6ad;--gold: #ffc857;--coral: #ff5c5c;--pink: #ff6f9c;--mint: #9be15d;--teal: #19c4c7;--line: rgba(247, 239, 232, .17);font-family:Sora,Trebuchet MS,system-ui,sans-serif;color:var(--paper);background:var(--night);font-synthesis:none}*{box-sizing:border-box}html,body{min-width:320px;margin:0;background:var(--night);color:var(--paper)}body{min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}.site-noise{position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.12;background-image:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),linear-gradient(0deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%);background-size:48px 48px;mix-blend-mode:screen}.page-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% -15%,#40263c 0,var(--night) 58%)}.page-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.018) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(255,255,255,.014) 80px)}.page-shell *{letter-spacing:0}.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:18px 32px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:900;letter-spacing:.04em}.brand-mark{width:34px;height:34px;border-radius:8px;object-fit:cover}.brand small{display:block;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.18em}.site-nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:12px;font-weight:800}.site-nav a{padding:7px 0;border-bottom:1px solid transparent}.site-nav a:hover{border-color:var(--gold)}.content-wrap{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:0 32px 64px}.game-shell{position:relative;z-index:2;padding-top:8px}.game-meta-bar{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:20px 0 16px}.game-title-lockup h2{margin:8px 0 0;font-size:22px;line-height:1.1}.game-title-lockup h2 span{color:var(--gold)}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:10px;letter-spacing:.16em;font-weight:900;text-transform:uppercase}.eyebrow:before{content:"";width:26px;height:3px;background:var(--pink);display:inline-block}.game-meta-actions{display:flex;align-items:center;gap:12px}.connection-pill{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font-size:10px;letter-spacing:.12em;font-weight:900}.connection-pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #9be15d24}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--paper);background:#ffffff0f;font-size:18px}.icon-button:hover{border-color:var(--gold);color:var(--gold)}.icon-button.is-on{border-color:var(--mint);color:var(--ink);background:var(--mint);box-shadow:0 0 18px #9be15d38}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:16px;align-items:start}.game-viewport{position:relative;min-height:650px;height:min(72vh,760px);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:var(--wall);box-shadow:12px 12px #ff5c5c21;isolation:isolate}.game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.stage-scanlines{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.15) 6px 7px);mix-blend-mode:soft-light}.reaction-flash{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:var(--teal)}.reaction-ring{position:absolute;z-index:3;left:50%;top:48%;width:110px;height:110px;border:4px solid var(--teal);border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.3)}.game-shell[data-game-phase=reaction] .reaction-flash{animation:reaction-flash .46s ease-out}.game-shell[data-game-phase=reaction] .reaction-ring{animation:reaction-ring .75s cubic-bezier(.2,.75,.2,1)}.game-shell[data-reaction-tier=high] .reaction-flash{background:var(--gold)}.game-shell[data-reaction-tier=high] .reaction-ring{border-color:var(--gold)}.game-shell[data-reaction-tier=mid] .reaction-flash{background:var(--mint)}.game-shell[data-reaction-tier=mid] .reaction-ring{border-color:var(--mint)}.game-shell[data-reaction-tier=low] .reaction-flash,.game-shell[data-reaction-tier=low-confidence] .reaction-flash{background:var(--pink)}.game-shell[data-reaction-tier=low] .reaction-ring,.game-shell[data-reaction-tier=low-confidence] .reaction-ring{border-color:var(--pink)}.stage-corner{position:absolute;z-index:3;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;color:#f7efe8b8;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.stage-corner-top{top:16px;color:var(--gold)}.stage-corner-bottom{bottom:16px}.stage-corner-bottom span:first-child{color:var(--mint)}.scene-hud{position:absolute;z-index:4;left:18px;right:18px;display:flex;align-items:center;gap:10px;pointer-events:none}.scene-hud-top{top:50px}.hud-group{min-width:76px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:5px;background:#2419229e;backdrop-filter:blur(8px)}.hud-group small{display:block;color:#f7efe8ad;font-size:9px;letter-spacing:.12em;font-weight:900}.hud-group strong{display:block;margin-top:3px;color:var(--gold);font-size:17px}.hud-group-mode{margin-left:auto;min-width:148px}.hud-group-mode strong{color:var(--mint);font-size:11px}.scene-center{position:absolute;z-index:4;left:66%;top:34%;width:min(400px,44%);transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.4)}.scene-center h3{margin:12px 0 8px;font-size:31px;line-height:1.08}.scene-center p{margin:0;color:#f7efe8d1;font-size:14px;line-height:1.55}.sound-cue-card{display:grid;justify-items:center;gap:4px;width:min(330px,100%);margin:13px auto 0;padding:10px 13px;border:1px solid rgba(255,200,87,.55);border-radius:6px;background:#1b1219c7;text-shadow:none;backdrop-filter:blur(8px)}.sound-cue-card>span{color:var(--gold);font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.sound-cue-card>strong{color:var(--paper);font-size:18px;line-height:1.15}.sound-cue-card>p{margin:0 auto;max-width:430px;color:#f7efe8c2;font-size:9px;line-height:1.35}.sound-cue-card>em{color:var(--mint);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.1em}.sound-cue-card>.cue-phrase{color:var(--gold);font-size:12px}.sound-cue-card small{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;color:#f7efe8c2;font-size:9px;line-height:1.35}.sound-cue-card small b{color:var(--mint)}.sound-cue-card small i{width:3px;height:3px;border-radius:50%;background:var(--pink)}.countdown-readout{min-height:10px;margin-top:12px;color:var(--gold);font-size:46px;font-weight:900}.scene-hud-bottom{bottom:22px;display:block}.stage-progress{margin-bottom:11px}.stage-progress-track{height:7px;overflow:hidden;border-radius:7px;background:#241922b3}.stage-progress-track span{display:block;width:0;height:100%;background:var(--gold);transition:width .15s linear}.stage-progress-label{display:flex;justify-content:space-between;margin-top:6px;color:#f7efe8c2;font-size:9px;letter-spacing:.12em;font-weight:900}.record-meter{height:4px;margin:0 0 12px;overflow:hidden;border-radius:4px;background:#f7efe81f;opacity:.45;transition:opacity .2s ease}.record-meter span{display:block;width:0;height:100%;background:var(--mint);transition:width .08s linear,background .15s ease}.is-recording .record-meter{opacity:1}.wave-compare{margin:0 0 10px;padding:8px 10px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#191118c2;backdrop-filter:blur(8px)}.wave-compare-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;color:#f7efe894;font-size:8px;font-weight:900;letter-spacing:.13em}.wave-compare-heading strong{color:var(--gold)}.wave-lane{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;opacity:.42;transition:opacity .2s ease,transform .2s ease}.wave-lane+.wave-lane{margin-top:3px}.wave-lane>span{display:flex;align-items:center;gap:6px;color:#f7efe8b8;font-size:8px;font-weight:900;letter-spacing:.08em}.wave-lane>span i{width:7px;height:7px;border-radius:2px;background:var(--gold)}.wave-lane-player>span i{background:var(--mint)}.wave-lane canvas{display:block;width:100%;height:28px;border-radius:3px}.game-shell[data-game-phase=listen] .wave-lane-reference,.game-shell[data-game-phase=record] .wave-lane-player,.game-shell[data-game-phase=playback] .wave-lane,.game-shell[data-game-phase=scoring] .wave-lane,.game-shell[data-game-phase=reaction] .wave-lane{opacity:1}.game-shell[data-game-phase=listen] .wave-lane-reference,.game-shell[data-game-phase=record] .wave-lane-player{transform:translate(3px)}.game-shell[data-game-phase=reaction] .wave-compare-heading strong{color:var(--mint);font-size:13px}.round-coach{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(110px,.8fr) minmax(180px,1.8fr) auto;align-items:center;gap:10px;margin-top:7px;padding:8px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);text-align:left}.round-coach div{min-width:0}.round-coach span{display:block;color:#f7efe880;font-size:7px;font-weight:900;letter-spacing:.12em}.round-coach strong{display:block;overflow:hidden;margin-top:2px;color:var(--mint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.round-coach div:nth-child(2) strong{color:var(--pink)}.round-coach p{margin:0;color:var(--paper);font-size:9px;font-weight:750;line-height:1.35}.round-coach em{min-width:66px;padding:6px 8px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);font-size:10px;font-style:normal;font-weight:900;text-align:center}.inline-score{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.13)}.inline-score>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;color:#f7efe8a8;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.inline-score strong{color:var(--paper);font-size:10px}.inline-score i{grid-column:1 / -1;display:block;height:4px;overflow:hidden;border-radius:4px;background:#ffffff1f}.inline-score i b{display:block;width:0;height:100%;background:var(--teal);transition:width .4s cubic-bezier(.2,.8,.2,1)}.inline-score>div.is-best strong,.metric-row.is-best strong{color:var(--mint)}.inline-score>div.is-best i b,.metric-row.is-best i b{background:var(--mint);box-shadow:0 0 8px #9be15d8c}.inline-score>div.is-focus strong,.metric-row.is-focus strong{color:var(--pink)}.inline-score>div.is-focus i b,.metric-row.is-focus i b{background:var(--pink)}.scene-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;pointer-events:auto}.game-primary-action,.game-secondary-action{min-height:46px;border-radius:6px;padding:0 16px;font-weight:900}.game-primary-action{border:0;color:var(--ink);background:var(--mint);box-shadow:0 4px #24192240}.game-primary-action:hover{background:#b5f071;transform:translateY(-1px)}.game-primary-action:active,.game-secondary-action:active,.modifier-button:active{transform:translateY(1px)}.game-secondary-action{border:1px solid rgba(255,255,255,.24);color:var(--paper);background:#241922b8;backdrop-filter:blur(8px)}.game-secondary-action:hover{border-color:var(--gold);color:var(--gold)}.no-webgl-fallback{position:absolute;z-index:6;left:20px;bottom:100px;display:grid;gap:4px;max-width:300px;padding:12px;border:1px solid var(--gold);border-radius:6px;background:#241922eb;font-size:12px}.no-webgl-fallback span{color:var(--muted);line-height:1.45}.game-rail{display:grid;gap:12px}.rail-panel{padding:15px;border:1px solid var(--line);border-radius:7px;background:#2a1a2ad6}.rail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:var(--gold);font-size:10px;letter-spacing:.14em;font-weight:900}.rail-heading small{color:var(--muted);font-size:9px;letter-spacing:.08em}.pack-list{display:grid;gap:6px}.pack-card{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:9px;width:100%;min-height:50px;padding:7px 8px;border:1px solid var(--line);border-radius:5px;color:var(--paper);background:#1a151d8f;text-align:left}.pack-card:hover,.pack-card.is-selected{border-color:var(--gold);background:#ffc8571a}.pack-card b{display:block;font-size:11px}.pack-card small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.pack-card em{color:var(--muted);font-size:10px;font-style:normal}.pack-dot{width:9px;height:9px;border-radius:50%;background:var(--coral)}.pack-card:nth-child(2) .pack-dot{background:var(--teal)}.pack-card:nth-child(3) .pack-dot{background:var(--pink)}.pack-card:nth-child(4) .pack-dot{background:var(--mint)}.brief-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.09);color:var(--muted);font-size:11px}.brief-row strong{color:var(--paper);font-size:11px;text-align:right}.privacy-note{margin:12px 0 0;color:var(--teal);font-size:10px;line-height:1.5}.privacy-note span{margin-right:5px;font-size:15px}.score-total{display:flex;align-items:baseline;gap:7px;margin:2px 0 14px}.score-total strong{color:var(--gold);font-size:39px}.score-panel.is-analyzing .score-total strong{opacity:.45;animation:score-scan .65s ease-in-out infinite alternate}.score-panel.is-revealed .score-total strong{animation:score-pop .65s cubic-bezier(.2,.8,.2,1)}.score-total span{color:var(--muted);font-size:10px}.score-version{display:block;margin:-9px 0 13px;color:#f4eee885;font-size:8px;font-weight:800;letter-spacing:0}.metric-list{display:grid;gap:10px}.metric-row>div{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.metric-row strong{color:var(--paper)}.metric-row i{display:block;height:5px;margin-top:5px;overflow:hidden;border-radius:4px;background:#ffffff1f}.metric-row i b{display:block;width:0;height:100%;background:var(--teal);transition:width .3s ease}.badge-row{display:flex;gap:8px;margin-bottom:9px}.badge-dot{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:12px;font-weight:900}.badge-dot:not(.is-unlocked){filter:grayscale(1);opacity:.45}.badge-dot.is-unlocked{background:#ffc85724;box-shadow:0 0 12px #ffc85738}.badge-dot-muted{border-color:var(--line);color:var(--muted)}.rail-panel-progress p{margin:0;color:var(--muted);font-size:10px}.result-strip,.chaos-dock{display:flex;align-items:center;gap:20px;margin-top:14px;padding:18px;border:1px solid var(--gold);border-radius:7px;background:#ffc8571a}.result-strip h3{margin:7px 0 4px;font-size:22px}.result-strip p{margin:0;color:var(--muted);font-size:12px}.round-timeline{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}.round-timeline span{min-width:70px;padding:6px 8px;border:1px solid var(--line);border-radius:4px;color:var(--muted);background:#1a151d8c;font-size:10px;font-weight:900}.round-timeline span.is-good{border-color:var(--mint);color:var(--mint)}.round-timeline span.is-low{border-color:var(--pink);color:var(--pink)}.session-summary{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:7px;margin:0 0 10px}.session-summary div{padding:8px 9px;border-left:2px solid var(--teal);background:#1a151d73}.session-summary span{display:block;color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.08em}.session-summary strong{display:block;margin-top:3px;color:var(--paper);font-size:11px}.result-unlock{margin:8px 0;padding:8px 10px;border:1px solid var(--gold);border-radius:4px;color:var(--gold);background:#ffc85717;font-size:10px;font-weight:900}.result-actions{display:flex;gap:8px;margin-left:auto}.chaos-dock{border-color:var(--pink);background:#ff6f9c1a}.chaos-dock>div{min-width:180px}.chaos-dock>div strong{display:block;margin-top:5px}.modifier-button{display:grid;gap:2px;min-width:130px;padding:12px;border:1px solid var(--line);border-radius:5px;color:var(--paper);background:#1a151d99;text-align:left}.modifier-button:hover{border-color:var(--gold)}.modifier-button b{color:var(--gold);font-size:18px}.modifier-button span{font-size:12px;font-weight:900}.modifier-button small{color:var(--muted);font-size:9px}.section-band{position:relative;z-index:1;max-width:1500px;margin:0 auto;padding:64px 32px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h1,.section-heading h2{margin:10px 0 0;font-size:42px;line-height:1.05}.section-heading p{max-width:450px;margin:0;color:var(--muted);line-height:1.6;font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.feature-card{min-height:160px;padding:19px;border:1px solid var(--line);border-radius:7px;background:#ffffff09}.feature-card:nth-child(1){border-top:3px solid var(--coral)}.feature-card:nth-child(2){border-top:3px solid var(--teal)}.feature-card:nth-child(3){border-top:3px solid var(--gold)}.feature-card b{color:var(--gold);font-size:11px;letter-spacing:.12em}.feature-card h2,.feature-card h3{margin:12px 0 8px;font-size:19px}.feature-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.home-pack-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.home-pack-links li{min-width:0;border-bottom:1px solid var(--line)}.home-pack-links a{display:grid;gap:4px;padding:15px 0}.home-pack-links strong{color:var(--paper);font-size:14px}.home-pack-links span{color:var(--muted);font-size:11px;line-height:1.5}.home-pack-links a:hover strong{color:var(--gold)}.page-title{max-width:900px;padding:58px 0 28px}.page-title h1{margin:12px 0;font-size:60px;line-height:1}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.article{max-width:780px;color:var(--muted);line-height:1.8}.article h2{margin-top:32px;color:var(--paper);font-size:23px}.article h3{color:var(--paper)}.article li{margin-bottom:7px}.site-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:28px;max-width:1500px;margin:0 auto;padding:25px 32px 34px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.footer-identity{display:grid;gap:7px;max-width:760px;line-height:1.5}.footer-identity strong{color:var(--paper);font-size:11px}.footer-links{display:flex;flex-wrap:wrap;gap:15px}.game-first-content{padding-top:0;padding-bottom:22px}.game-page-heading{max-width:900px;margin:0 auto 12px;padding-top:8px;text-align:center}.game-page-heading h1{margin:8px 0 6px;color:var(--paper);font-size:28px;line-height:1.15}.game-page-heading p{max-width:700px;margin:0 auto;color:var(--muted);font-size:12px;line-height:1.5}.home-section-nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:44px;color:var(--mint);font-size:12px;font-weight:850}.home-section-nav a{border-bottom:1px solid rgba(155,225,93,.45);padding-bottom:4px}.independent-note{max-width:980px;margin:26px 0 0;padding:12px 0 12px 16px;border-left:3px solid var(--pink);color:var(--muted);font-size:12px;line-height:1.65}.independent-note strong{color:var(--paper)}.seo-copy{max-width:760px;color:var(--muted);font-size:15px;line-height:1.7}.text-link{color:var(--mint);text-decoration:underline;text-decoration-color:#9be15d80;text-underline-offset:4px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:6px;padding:0 16px;font-size:12px;font-weight:900}.btn-primary{color:var(--ink);background:var(--mint)}.btn-primary:hover{color:var(--ink);background:#b5f071}.btn-secondary{border-color:var(--line);color:var(--paper);background:#ffffff0b}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.page-title-compact{padding-top:28px}.page-title h1{overflow-wrap:anywhere}.page-title h1 em{display:block;color:var(--gold);font-style:normal}.side-panel{padding:18px;border:1px solid var(--line);border-radius:7px;background:#ffffff09;color:var(--muted);line-height:1.65}.side-panel+.side-panel{margin-top:12px}.side-panel h2,.side-panel h3{margin:0 0 12px;color:var(--paper);font-size:18px}.side-panel p:last-child,.side-panel ul:last-child{margin-bottom:0}.side-panel ul{padding-left:19px}.solo-facts dl,.pack-facts dl{display:grid;gap:0;margin:0}.solo-facts dl div,.pack-facts dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line)}.solo-facts dt,.pack-facts dt{color:var(--muted)}.solo-facts dd,.pack-facts dd{margin:0;color:var(--paper);font-weight:900;text-align:right;text-transform:capitalize}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.faq-grid article{padding:20px;border:1px solid var(--line);border-radius:7px;background:#ffffff09}.faq-grid h2,.faq-grid h3{margin:0 0 9px;color:var(--paper);font-size:18px;line-height:1.3}.faq-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.faq-grid-wide{margin-bottom:36px}.section-link{margin:22px 0 0}.section-heading-compact{margin-top:4px}.section-heading-compact h2{margin:8px 0 0;font-size:30px}.pack-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-directory-card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:1fr auto;gap:14px 16px;min-height:280px;padding:20px;border:1px solid var(--line);border-radius:7px;background:#ffffff09}.pack-directory-card:nth-child(4n+1){border-top:3px solid var(--pink)}.pack-directory-card:nth-child(4n+2){border-top:3px solid var(--teal)}.pack-directory-card:nth-child(4n+3){border-top:3px solid var(--gold)}.pack-directory-card:nth-child(4n+4){border-top:3px solid var(--mint)}.pack-directory-card .pack-index{grid-row:1 / 3;color:var(--gold);font-size:13px;font-weight:900}.pack-directory-card small{color:var(--gold);font-size:10px;font-weight:900}.pack-directory-card h2{margin:8px 0;font-size:24px}.pack-directory-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.pack-directory-card .pack-sample{margin-top:10px;color:var(--paper)}.pack-directory-card audio{grid-column:2;width:100%;height:40px}.pack-directory-card .btn{grid-column:2;justify-self:start}.library-note{margin:48px 0 10px}.audio-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:50px}.audio-preview-grid article{min-width:0;padding:18px;border:1px solid var(--line);border-radius:7px;background:#ffffff09}.audio-preview-grid article img{display:block;width:100%;aspect-ratio:16 / 9;margin-bottom:12px;border:1px solid var(--line);border-radius:5px;object-fit:cover;background:var(--plum)}.audio-preview-grid small{color:var(--gold);font-size:9px;font-weight:900}.audio-preview-grid h3{margin:8px 0;font-size:19px}.audio-preview-grid p{min-height:42px;color:var(--muted);font-size:11px;line-height:1.55}.audio-preview-grid p strong{color:var(--paper)}.audio-preview-grid audio{width:100%;height:40px}.pack-copy-grid{margin-bottom:32px}.sound-list{display:grid;gap:10px;padding:0;list-style:none;counter-reset:sounds}.sound-list li{counter-increment:sounds;padding:13px 0 13px 48px;border-top:1px solid var(--line);position:relative}.sound-list li:before{content:counter(sounds,decimal-leading-zero);position:absolute;left:0;top:13px;color:var(--gold);font-size:11px;font-weight:900}.sound-list li>div{display:flex;justify-content:space-between;gap:12px}.sound-list li strong{color:var(--paper)}.sound-list li span{color:var(--mint);font-size:10px;text-transform:uppercase}.sound-list li p{margin:5px 0 0;font-size:11px;line-height:1.55}.source-list{display:grid;gap:0;margin:18px 0 28px;padding:0;list-style:none;border-top:1px solid var(--line)}.source-list li{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.8fr) auto;align-items:center;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.source-list li strong{color:var(--paper)}.source-list li span{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.source-list li a{color:var(--mint);font-size:10px;font-weight:900}.error-page{min-height:calc(100vh - 190px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;max-width:900px}.error-page h1{margin:12px 0;font-size:56px;line-height:1.05}.error-page p{max-width:650px;color:var(--muted);line-height:1.7}.settings-dialog{width:min(430px,calc(100vw - 32px));padding:0;border:1px solid var(--gold);border-radius:7px;color:var(--paper);background:var(--plum)}.settings-dialog::backdrop{background:#0a070cb8;backdrop-filter:blur(4px)}.settings-form{padding:20px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-heading h3{margin:8px 0 0;font-size:24px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid var(--line)}.setting-row span{display:grid;gap:4px}.setting-row small,.settings-footnote{color:var(--muted);font-size:10px;line-height:1.5}.setting-row input[type=checkbox]{width:21px;height:21px;accent-color:var(--mint)}.setting-range input{width:130px;accent-color:var(--gold)}.settings-footnote{margin:18px 0}.player-name-list{display:grid;gap:9px;margin-top:14px}.player-name-list label{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:800}.player-name-list input,.setting-row select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:5px;padding:0 11px;color:var(--paper);background:#1a151db8}.player-name-list input:focus,.setting-row select:focus{border-color:var(--gold);outline:2px solid rgba(255,200,87,.22)}.captions-off .scene-center p{visibility:hidden}.game-shell.is-recording .game-viewport{box-shadow:0 0 0 2px var(--coral),0 0 30px #ff5c5c40}.game-shell.is-celebrating .scene-center h3{animation:score-pop .65s cubic-bezier(.2,.8,.2,1)}@keyframes score-pop{0%{transform:scale(.8);opacity:.35}55%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}@keyframes score-scan{0%{opacity:.28}to{opacity:.72}}@keyframes reaction-flash{0%{opacity:.24}to{opacity:0}}@keyframes reaction-ring{0%{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(5.6)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:1050px){.game-layout{grid-template-columns:1fr}.game-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.site-header,.content-wrap,.section-band,.site-footer{padding-left:16px;padding-right:16px}.site-nav{gap:11px;font-size:10px}.brand{font-size:11px}.brand-mark{width:29px;height:29px;border-radius:7px}.game-meta-bar{align-items:start;flex-direction:column}.game-meta-actions{width:100%;justify-content:space-between}.game-viewport{min-height:480px;height:min(680px,calc(100svh - 88px))}.scene-hud-top{top:44px}.hud-group{min-width:0;flex:1;padding:7px}.hud-group-mode{display:none}.scene-center{left:72%;top:34%;width:54%}.scene-center h3{font-size:23px}.scene-center p{font-size:11px}.sound-cue-card{width:100%;padding:8px 9px}.sound-cue-card>strong{font-size:17px}.game-shell[data-game-phase=scoring] .scene-center{left:72%;top:35%;width:54%}.game-shell[data-game-phase=reaction] .scene-center{left:74%;top:29.5%;width:50%}.game-shell[data-game-phase=reaction] .scene-center h3{margin:7px 0 5px;font-size:21px}.game-shell[data-game-phase=reaction] .scene-center p,.game-shell[data-game-phase=reaction] .stage-progress,.game-shell[data-game-phase=reaction] .record-meter{display:none}.scene-hud-bottom{bottom:17px}.wave-compare{padding:6px 7px}.wave-lane{grid-template-columns:66px minmax(0,1fr);gap:5px}.wave-lane canvas{height:24px}.round-coach{grid-template-columns:1fr 1fr auto;gap:6px;padding:6px 0}.round-coach p{grid-column:1 / -1;grid-row:2;font-size:8px}.round-coach em{grid-column:3;grid-row:1;min-width:58px;padding:5px;font-size:9px}.scene-actions{display:grid;grid-template-columns:1fr 1fr}.game-primary-action{grid-column:1 / -1;width:100%}.game-shell[data-game-phase=reaction] .game-primary-action{grid-column:auto;padding:0 8px;font-size:11px}.game-secondary-action{width:100%;padding:0 8px;font-size:11px}.game-rail{grid-template-columns:1fr}.result-strip,.chaos-dock{align-items:stretch;flex-direction:column}.session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.result-actions{width:100%;margin-left:0}.result-actions button{flex:1}.chaos-dock>div{min-width:0}.modifier-button{width:100%}.section-heading{display:block}.section-heading h1,.section-heading h2{font-size:33px}.feature-grid{grid-template-columns:1fr}.site-footer{display:block}.footer-links{margin-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:900px){.content-grid,.pack-directory,.home-pack-links{grid-template-columns:1fr}.audio-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-side{max-width:none}}@media(max-width:700px){.site-header{align-items:flex-start;flex-direction:column;gap:16px}.site-nav{width:100%;justify-content:space-between;gap:8px;overflow-x:auto;padding-bottom:4px}.site-nav a{flex:0 0 auto;min-height:36px;display:inline-flex;align-items:center}.page-title{padding-top:38px}.page-title h1,.error-page h1{font-size:36px;line-height:1.08}.game-page-heading h1{font-size:22px}.section-heading-compact h2{font-size:27px}.home-section-nav{margin-bottom:34px}.faq-grid,.audio-preview-grid{grid-template-columns:1fr}.pack-directory-card{grid-template-columns:32px minmax(0,1fr);padding:16px}.pack-directory-card .pack-index{font-size:11px}.pack-directory-card .btn{width:100%}.audio-preview-grid article{padding:15px}.source-list li{grid-template-columns:1fr auto;gap:5px 10px}.source-list li span{grid-column:1 / -1}.sound-list li>div{align-items:flex-start;flex-direction:column;gap:3px}.error-page{min-height:calc(100vh - 250px)}.site-footer{gap:22px}}