:root{--bg-primary: #080612;--bg-secondary: #130f26;--bg-card: rgba(22, 17, 44, .75);--bg-card-hover: rgba(35, 27, 68, .85);--neon-cyan: #00f3ff;--neon-cyan-glow: 0 0 15px rgba(0, 243, 255, .5);--neon-magenta: #ff007f;--neon-magenta-glow: 0 0 15px rgba(255, 0, 127, .5);--neon-pink: #ff007f;--neon-pink-glow: 0 0 15px rgba(255, 0, 127, .5);--neon-yellow: #ffe600;--neon-yellow-glow: 0 0 15px rgba(255, 230, 0, .5);--neon-purple: #bd00ff;--neon-purple-glow: 0 0 15px rgba(189, 0, 255, .5);--neon-gold: #ffd700;--neon-gold-glow: 0 0 15px rgba(255, 215, 0, .5);--neon-green: #00ff66;--neon-green-glow: 0 0 15px rgba(0, 255, 102, .5);--neon-red: #ff3366;--neon-red-glow: 0 0 15px rgba(255, 51, 102, .5);--text-primary: #f8f9fc;--text-muted: #a09cb0;--text-dim: #6c6682;--border-subtle: rgba(0, 243, 255, .15);--border-bright: rgba(0, 243, 255, .4);--font-display: "Orbitron", -apple-system, sans-serif;--font-body: "Space Grotesk", "Rajdhani", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 15%,rgba(255,0,127,.15) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(0,243,255,.15) 0%,transparent 40%),linear-gradient(to bottom,#080612cc,#080612f2);background-attachment:fixed;-webkit-font-smoothing:antialiased}.synth-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000005e;transition:var(--transition-normal)}.synth-card:hover{border-color:var(--border-bright)}.btn-synth-primary{background:var(--neon-yellow);color:#080612;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.85rem 1.75rem;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 14px #ffe60059;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-synth-primary:hover:not(:disabled){background:#fff033;transform:translateY(-2px);box-shadow:0 6px 20px #ffe6008c}.btn-synth-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ffe60059}.btn-synth-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-synth-secondary{background:transparent;color:var(--neon-magenta);font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.85rem 1.75rem;border:2px solid var(--neon-magenta);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--neon-magenta-glow);transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-synth-secondary:hover:not(:disabled){background:#ff007f26;transform:translateY(-2px);box-shadow:0 0 25px #ff007fcc}.btn-synth-option{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);color:var(--text-primary);font-family:var(--font-body);font-size:1.05rem;font-weight:600;padding:1rem 1.25rem;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:var(--transition-normal);display:flex;align-items:center;justify-content:space-between;width:100%}.btn-synth-option:hover:not(:disabled){background:#00f3ff1a;border-color:var(--neon-cyan);box-shadow:var(--neon-cyan-glow);transform:translate(4px)}.btn-synth-option.correct{background:#0f63!important;border-color:var(--neon-green)!important;box-shadow:var(--neon-green-glow)!important;color:#fff!important}.btn-synth-option.incorrect{background:#f363!important;border-color:var(--neon-red)!important;box-shadow:var(--neon-red-glow)!important;opacity:.7}.btn-synth-option.eliminated{background:#ff33660f!important;border-color:#ff336640!important;color:#ffffff59!important;text-decoration:line-through;opacity:.35!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;transform:none!important}.vinyl-container{position:relative;flex-shrink:0;margin:0}.vinyl-disc{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#1a1a1a,#111 40%,#000 65%,#222 70%,#000);border:4px solid #333;box-shadow:0 0 20px #000c,inset 0 0 10px #ffffff1a;display:flex;align-items:center;justify-content:center;position:relative}.vinyl-disc.spinning{animation:spin-vinyl 4s linear infinite}.vinyl-label{border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.2);overflow:hidden}.vinyl-hole{position:absolute;width:14px;height:14px;background:var(--bg-primary);border-radius:50%;border:2px solid #555;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5}@keyframes spin-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.equalizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:28px}.eq-bar{width:4px;height:26px;background:linear-gradient(to top,var(--neon-magenta),var(--neon-cyan));border-radius:2px;transform-origin:bottom;transform:scaleY(.2);transition:transform .2s ease}.eq-bar.active{animation:eq-bounce .8s ease-in-out infinite alternate;will-change:transform}.eq-bar:nth-child(1){animation-delay:.1s}.eq-bar:nth-child(2){animation-delay:.4s}.eq-bar:nth-child(3){animation-delay:.2s}.eq-bar:nth-child(4){animation-delay:.5s}.eq-bar:nth-child(5){animation-delay:.3s}@keyframes eq-bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.container{max-width:800px;margin:0 auto;padding:1.5rem}.game-screen-wrapper{height:100dvh;max-height:100dvh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem .75rem;overflow:hidden;box-sizing:border-box}.two-player-container{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:520px;margin:auto 0;justify-content:center}.two-player-card{padding:.75rem 1rem;position:relative;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;height:auto;background:#16112cbf}.player-1-rotated{transform:rotate(180deg)}.get-ready-box{display:flex;align-items:center;justify-content:center;background:#0a0816b3;border:2px solid var(--neon-cyan);border-radius:var(--radius-md);box-shadow:0 0 16px #00f3ff66,inset 0 0 12px #00f3ff1a;height:140px;min-height:140px;padding:1rem}.get-ready-label{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:#fff;letter-spacing:2px;text-shadow:0 0 12px rgba(255,255,255,.5);text-transform:uppercase}.get-ready-count{font-family:var(--font-display);font-size:2.2rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 15px var(--neon-cyan);line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.two-player-center-bar{display:flex;flex-direction:column;width:100%;gap:.35rem;position:relative;z-index:10;padding:0}.two-player-player-bar{display:flex;flex-direction:column;width:100%;gap:.15rem}.mini-brand-wrapper{display:flex;justify-content:flex-start;width:100%;padding-left:.75rem}.mini-brand{display:flex;align-items:center;gap:.35rem}.mini-brand-title{font-family:var(--font-display);font-size:.75rem;font-weight:900;line-height:1.1;letter-spacing:.5px}.mini-brand-sub{font-size:.65rem;color:var(--text-muted);letter-spacing:.8px;text-transform:uppercase;line-height:1.1}.center-bar-pill{width:100%;box-sizing:border-box;background:#130f26f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border-bright);border-radius:var(--radius-lg);padding:.35rem .85rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:64px;height:64px;box-shadow:0 0 20px #00f3ff40;transition:border-color .2s ease,box-shadow .2s ease}.center-artist-badge{background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:.15rem .85rem;font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--text-primary);max-width:calc(100% - 64px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.center-exit-btn{background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.35rem;min-width:44px;min-height:44px;border-radius:var(--radius-sm);transition:all .2s ease}.center-exit-btn:hover{color:var(--neon-red);background:#ff336626;transform:scale(1.1)}.center-exit-btn:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.pulse-dots{display:inline-flex;gap:3px;align-items:center}.pulse-dot{width:4px;height:4px;border-radius:50%;background:var(--neon-magenta);box-shadow:0 0 6px var(--neon-magenta);animation:dot-pulse 1.4s ease-in-out infinite}.pulse-dot:nth-child(2){animation-delay:.2s}.pulse-dot:nth-child(3){animation-delay:.4s}.pulse-dot:nth-child(4){animation-delay:.6s}.pulse-dot:nth-child(5){animation-delay:.8s}@keyframes dot-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.lockout-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#ff336680;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:.6rem;z-index:20;animation:lockout-shake .3s ease-in-out;box-shadow:inset 0 0 20px #f006,0 0 15px #ff33664d}@keyframes lockout-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}.lockout-timer-bar{width:110px;height:4px;background:#ffffff4d;border-radius:var(--radius-sm);overflow:hidden;margin-top:.35rem}.lockout-timer-progress{height:100%;background:var(--text-primary);animation:lockout-timer 3s linear forwards}@keyframes lockout-timer{0%{width:100%}to{width:0%}}@keyframes score-pop{0%{transform:scale(1)}38%{transform:scale(2);filter:drop-shadow(0 0 14px rgba(255,255,255,.95))}68%{transform:scale(.95)}84%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes score-side-pulse{0%{opacity:.9}50%{opacity:1;filter:brightness(1.35) drop-shadow(0 0 12px rgba(255,255,255,.6))}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pulse-dot{animation:none!important;opacity:.8!important}.lockout-overlay,.lockout-timer-progress,.vinyl-disc,.spin-vinyl,.eq-bar,.eq-bar.active{animation:none!important}.eq-bar.active{transform:scaleY(.5)!important}@keyframes score-pop{0%,to{transform:scale(1)}}@keyframes score-side-pulse{0%,to{opacity:1}}}.mode-selection-container{display:flex;flex-direction:column;gap:2rem;max-width:850px;margin:0 auto;width:100%}.mode-artist-banner{padding:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;border-left:4px solid var(--neon-cyan)}.mode-artist-profile{display:flex;align-items:center;gap:1.25rem}.mode-artist-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:#00f3ff26;display:flex;align-items:center;justify-content:center;border:2px solid var(--neon-cyan);box-shadow:var(--neon-cyan-glow);flex-shrink:0}.mode-artist-tag{font-family:var(--font-display);font-size:.85rem;color:var(--neon-cyan);letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.mode-artist-name{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--text-primary);line-height:1.2;margin-top:.2rem}.mode-artist-meta{color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.mode-grid-card{padding:2.25rem 2rem}.mode-grid-header{text-align:center;margin-bottom:2rem}.mode-selection-heading{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--text-primary);letter-spacing:1px}.mode-selection-subtitle{color:var(--text-muted);font-size:1rem;margin-top:.4rem}.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.mode-card{--mode-accent: var(--neon-cyan);--mode-accent-glow: rgba(0, 243, 255, .25);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-subtle);background:#ffffff08;border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;text-align:left;font-family:inherit;color:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);min-height:190px}.mode-card:hover{transform:translateY(-2px);border-color:var(--mode-accent);box-shadow:0 0 20px var(--mode-accent-glow),0 8px 32px #0000005e;background:#ffffff0d}.mode-card:focus-visible{outline:2px solid var(--mode-accent);outline-offset:3px;box-shadow:0 0 20px var(--mode-accent-glow)}.mode-card:active{transform:scale(.98)}.mode-card--top-hits{--mode-accent: var(--neon-magenta);--mode-accent-glow: rgba(255, 0, 127, .3)}.mode-card--all-time{--mode-accent: var(--neon-cyan);--mode-accent-glow: rgba(0, 243, 255, .3)}.mode-card--last-10-years{--mode-accent: var(--neon-gold);--mode-accent-glow: rgba(255, 215, 0, .3)}.mode-card--era-2020s,.mode-card--era-2010s,.mode-card--era-2000s,.mode-card--era-1990s,.mode-card--era-1980s,.mode-card--era-1970s{--mode-accent: var(--neon-pink);--mode-accent-glow: rgba(255, 0, 127, .25)}.mode-card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.mode-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-primary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle);transition:border-color var(--transition-fast)}.mode-card:hover .mode-card-icon{border-color:var(--mode-accent)}.mode-card-badge{font-size:.85rem;font-family:var(--font-display);color:var(--mode-accent);background:#00f3ff14;border:1px solid var(--border-subtle);padding:.2rem .65rem;border-radius:var(--radius-full);font-weight:600;letter-spacing:.5px}.mode-card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem;display:block}.mode-card-description{color:var(--text-muted);font-size:.85rem;line-height:1.4}.mode-card-cta{margin-top:1.5rem;display:flex;align-items:center;gap:.5rem;color:var(--mode-accent);font-size:.85rem;font-family:var(--font-display);font-weight:700;transition:transform var(--transition-fast)}.mode-card:hover .mode-card-cta{transform:translate(4px)}.mode-empty-state{text-align:center;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.mode-empty-state-icon{width:56px;height:56px;border-radius:var(--radius-full);background:#ffffff0d;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.playstyle-options-list{display:flex;flex-direction:column;gap:1.25rem;max-width:500px;margin:1.25rem auto 0;width:100%}.playstyle-choice-btn{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);cursor:pointer;width:100%;font-family:var(--font-display);font-weight:800;font-size:clamp(.95rem,3.5vw,1.15rem);letter-spacing:.75px;text-align:left;line-height:1.35;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.playstyle-choice-btn:active{transform:scale(.98)}.playstyle-choice-btn--same-phone{background:#ffe60014;border:2px solid var(--neon-yellow);color:var(--neon-yellow);box-shadow:0 4px 16px #0006,inset 0 0 12px #ffe6000f}.playstyle-choice-btn--same-phone:hover{transform:translateY(-2px);background:#ffe60029;border-color:#fff033;box-shadow:0 0 24px #ffe60073,0 6px 20px #00000080}.playstyle-choice-btn--same-phone:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px;box-shadow:0 0 20px #ffe60080}.playstyle-choice-btn--online{background:#00f3ff14;border:2px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 4px 16px #0006,inset 0 0 12px #00f3ff0f}.playstyle-choice-btn--online:hover{transform:translateY(-2px);background:#00f3ff29;border-color:#5cf7ff;box-shadow:0 0 24px #00f3ff73,0 6px 20px #00000080}.playstyle-choice-btn--online:focus-visible{outline:2px solid var(--neon-magenta);outline-offset:3px;box-shadow:0 0 20px #00f3ff80}.playstyle-choice-icon-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-sm);background:#00000059;border:1px solid currentColor}.playstyle-choice-text{flex-grow:1}@media(max-width:640px){.mode-artist-banner{padding:1.25rem;flex-direction:column;align-items:stretch}.mode-artist-banner .btn-synth-secondary{width:100%;justify-content:center}.mode-grid-card{padding:1.5rem 1rem}.mode-grid,.playstyle-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.mode-card,.mode-card-cta,.mode-card-icon{transition:none!important;transform:none!important}.mode-card:hover,.mode-card:hover .mode-card-cta{transform:none!important}.intermission-stage-text{transition:none!important;transform:none!important}}.intermission-countdown-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;padding:1.5rem 1rem;text-align:center}.intermission-stage-text{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1;letter-spacing:3px;margin:.25rem 0 .5rem;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),color .15s ease,text-shadow .15s ease}.intermission-stage-text.is-ready{text-shadow:0 0 25px rgba(0,243,255,.8),0 0 50px rgba(0,243,255,.3);transform:scale(1)}.intermission-stage-text.is-go{text-shadow:0 0 30px rgba(0,255,102,.9),0 0 60px rgba(0,255,102,.4);transform:scale(1.06)}.intermission-stage-subtitle{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin:0}.auto-advance-bar{position:relative;overflow:hidden;border-radius:var(--radius-full);border:1.5px solid var(--neon-cyan);background:#0a0816d9;box-shadow:0 0 15px #00f3ff40;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;min-height:48px;width:100%;box-sizing:border-box}.auto-advance-fill{position:absolute;top:0;left:0;bottom:0;height:100%;background:linear-gradient(90deg,#00f3ff4d,#ff007f66);border-right:2px solid var(--neon-cyan);box-shadow:0 0 15px #00f3ff99;pointer-events:none;animation:autoAdvanceFill 3s linear forwards}@keyframes autoAdvanceFill{0%{width:0%}to{width:100%}}.summary-container{display:flex;flex-direction:column;gap:2rem;max-width:750px;margin:0 auto;width:100%}.summary-result-card{padding:2.25rem 1.5rem;text-align:center;position:relative;overflow:hidden}.summary-brand-badge{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.25rem;background:#00f3ff0d;border:1px solid var(--border-subtle);padding:.35rem 1rem;border-radius:var(--radius-full)}.summary-brand-badge .spinning-icon{animation:spin-vinyl 6s linear infinite}.summary-brand-title{font-family:var(--font-display);font-size:.95rem;font-weight:900;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;display:block}.summary-brand-sub{font-size:.75rem;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;display:block;line-height:1.2}.summary-trophy-ring{width:64px;height:64px;border-radius:50%;background:#ffd70026;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem}.summary-rank-title{font-family:var(--font-display);font-size:.85rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;display:block}.summary-score-heading{font-family:var(--font-display);font-size:2.5rem;font-weight:900;color:var(--text-primary);margin:.25rem 0 .75rem}.summary-score-unit{font-size:1.15rem;color:var(--text-muted)}.summary-rank-desc{color:var(--text-muted);font-size:1.05rem;max-width:480px;margin:0 auto 1.5rem;line-height:1.4}.summary-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;background:#0006;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-bottom:1.5rem}.summary-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;display:block;font-weight:700}.summary-stat-value{font-family:var(--font-display);font-size:1.35rem;font-weight:800;display:block}.summary-fastest-card{margin-bottom:1.5rem;padding:.95rem 1.15rem;background:#00000073;border:1.5px solid var(--border-bright);border-radius:var(--radius-md);box-shadow:0 0 15px #00f3ff26;display:flex;align-items:center;gap:1rem;text-align:left}.summary-fastest-art{width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover;border:1.5px solid var(--border-bright);flex-shrink:0}.summary-actions-grid{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center}.summary-actions-grid .btn-synth-primary,.summary-actions-grid .btn-synth-secondary{min-height:48px}.summary-tracklist-card{padding:2rem 1.5rem}.summary-tracklist-heading{font-family:var(--font-display);font-size:1.15rem;color:var(--neon-cyan);margin-bottom:1.5rem;letter-spacing:1px}.summary-tracklist-row{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:#ffffff08;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.08)}.summary-tracklist-row:hover{border-color:var(--border-subtle);background:#ffffff0d}.summary-tracklist-art{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--border-subtle)}.summary-points-badge{padding:.15rem .6rem;border-radius:var(--radius-full);font-size:.85rem;font-family:var(--font-display);font-weight:800;letter-spacing:.5px}.summary-time-pill{padding:.18rem .55rem;border-radius:var(--radius-full);background:#00000080;border:1px solid var(--border-bright);color:var(--neon-cyan);font-size:.85rem;font-family:var(--font-display);font-weight:800;display:inline-flex;align-items:center;gap:.3rem}.btn-preview-audio{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:2px solid var(--neon-magenta);background:#ff007f1f;box-shadow:0 0 12px #ff007f59;display:inline-flex;align-items:center;justify-content:center;color:var(--neon-magenta);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.btn-preview-audio:hover{background:#ff007f40;transform:scale(1.05);box-shadow:0 0 20px #ff007f99}.btn-preview-audio:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:3px}@media(max-width:640px){.summary-actions-grid{flex-direction:column;width:100%}.summary-actions-grid button{width:100%;justify-content:center}.summary-stats-grid{gap:.5rem;padding:.75rem .5rem}.summary-stat-value{font-size:1.15rem}}.btn-room-code-display{display:inline-block;padding:.75rem 2rem;margin:.75rem auto 1.5rem;background:#0009;border:2px solid var(--neon-yellow);border-radius:var(--radius-md);box-shadow:0 0 20px #ffe60059;cursor:pointer;color:inherit;font:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.btn-room-code-display:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 30px #ffe60099}.btn-room-code-display:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:4px}.btn-nav-back{align-self:flex-start;display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;font-family:var(--font-display);min-height:44px;padding:.5rem .75rem;margin-left:-.75rem;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.btn-nav-back:hover{color:var(--text-primary);background:#ffffff0d}.btn-nav-back:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.online-game-viewport{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem;width:100%}.reaction-deck-container{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:.75rem auto 1.25rem;padding:.55rem .85rem;background:#0a0816a6;border:1px solid var(--border-subtle);border-radius:var(--radius-md);max-width:440px;width:100%;box-sizing:border-box}.reaction-deck-label{font-size:.72rem;font-family:var(--font-display);font-weight:700;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.reaction-deck-buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.4rem}.reaction-btn{width:38px;height:38px;min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;background:#191430bf;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:pointer;font-size:1.2rem;line-height:1;padding:0;transition:transform .12s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}.reaction-btn:hover:not(:disabled){background:#00f3ff2e;border-color:var(--neon-cyan);transform:scale(1.18) translateY(-2px);box-shadow:0 0 12px #00f3ff73}.reaction-btn:active:not(:disabled),.reaction-btn.active-tap{transform:scale(.9) translateY(1px);background:#ff007f4d;border-color:var(--neon-magenta);box-shadow:0 0 14px #ff007f99}.reaction-btn:focus-visible{outline:2px solid var(--neon-cyan);outline-offset:2px}.reaction-btn:disabled{opacity:.5;cursor:not-allowed}.floating-reactions-overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;z-index:60}.floating-reaction-particle{position:absolute;bottom:45%;font-size:2.4rem;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 10px rgba(0,0,0,.8));will-change:transform,opacity;pointer-events:none}.floating-reaction-particle.my-particle{left:22%;transform:translate(-50%);animation:floatBurstDirect 1.5s cubic-bezier(.2,.8,.2,1) forwards}.floating-reaction-particle.opponent-particle{right:22%;transform:translate(50%);animation:floatBurstDirect 1.5s cubic-bezier(.2,.8,.2,1) forwards}@keyframes floatBurstDirect{0%{opacity:0;transform:translateY(15px) scale(.35)}15%{opacity:1;transform:translate(var(--drift-x, 0px),-10px) scale(1.35)}40%{transform:translate(calc(var(--drift-x, 0px) * 1.2),-50px) scale(1.15)}75%{opacity:.9;transform:translate(calc(var(--drift-x, 0px) * 1.4),-105px) scale(1)}to{opacity:0;transform:translate(calc(var(--drift-x, 0px) * 1.5),-165px) scale(.85)}}