@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";.event-ended-screen{align-items:center;justify-content:center;text-align:center;padding:48px 24px;min-height:100svh;background:transparent}.event-ended-card{max-width:520px;width:100%;padding:40px 28px;border-radius:24px;background:var(--theme-accent-soft, rgba(255, 255, 255, .08));border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .18));box-shadow:0 20px 60px #00000047,inset 0 1px #ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:event-ended-card-in .42s cubic-bezier(.16,1,.3,1)}.event-ended-badge{width:72px;height:72px;margin:0 auto 20px;display:block;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.25));opacity:.95}.event-ended-headline{font-size:clamp(22px,4.2vw,30px);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:0 0 14px;color:var(--theme-text-on-primary, #ffffff);text-shadow:0 2px 18px var(--theme-primary-soft, rgba(0, 0, 0, .35))}.event-ended-subhead{font-size:clamp(14px,2.6vw,16px);line-height:1.5;margin:0;opacity:.82;color:var(--theme-text-on-primary, rgba(255, 255, 255, .9))}@keyframes event-ended-card-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.event-ended-card{animation:none}}@media (max-width: 420px){.event-ended-screen{padding:24px 16px}.event-ended-card{padding:28px 20px;border-radius:20px}.event-ended-badge{width:56px;height:56px;margin-bottom:14px}}.wt-root{--wt-overlay-rgb: 12, 6, 18;--wt-overlay-alpha: .72;--wt-mint: var(--seafoam, #00e5a0);--wt-coral: var(--sunset-orange, #FF8C42);--wt-ink: #fff8f0;--wt-ink-muted: rgba(255, 248, 240, .65);--wt-surface: rgba(30, 16, 40, .94);--wt-surface-border: rgba(255, 255, 255, .1);--wt-focus-ring: var(--wt-mint);--wt-radius: 16px;--wt-radius-sm: 10px;--wt-stroke: 2px;--wt-spotlight-glow: 0 0 0 2px rgba(0, 229, 160, .55), 0 0 28px 6px rgba(0, 229, 160, .22)}.wt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:rgb(var(--wt-overlay-rgb) / var(--wt-overlay-alpha));pointer-events:auto}.wt-spotlight-hole{position:fixed;z-index:9999;border-radius:var(--wt-radius);pointer-events:none;box-shadow:0 0 0 9999px rgb(var(--wt-overlay-rgb) / var(--wt-overlay-alpha)),var(--wt-spotlight-glow);transition:top .22s cubic-bezier(.4,0,.2,1),left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1),height .22s cubic-bezier(.4,0,.2,1)}.wt-callout{position:fixed;z-index:10000;max-width:min(92vw,420px);padding:20px 22px;background:var(--wt-surface);border:1px solid var(--wt-surface-border);border-radius:var(--wt-radius);color:var(--wt-ink);box-shadow:0 18px 44px #0000008c;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease;display:flex;flex-direction:column;gap:12px}.wt-callout--centered{width:min(92vw,520px)}.wt-scene-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:rgb(var(--wt-overlay-rgb) / .88);display:flex;flex-direction:column;align-items:center;padding:24px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wt-scene-overlay--top{padding-top:12px}.wt-scene-overlay--top .wt-scene{margin:0 auto}.wt-scene{margin:auto 0;max-width:min(92vw,560px);width:100%;padding:28px 26px;background:var(--wt-surface);border:1px solid var(--wt-surface-border);border-radius:var(--wt-radius);color:var(--wt-ink);box-shadow:0 28px 64px #0009;display:flex;flex-direction:column;gap:16px}.wt-title{margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:1.25rem;font-weight:700;color:var(--wt-mint);letter-spacing:.01em}.wt-scene .wt-title{font-size:1.5rem}.wt-body{margin:0;font-size:.95rem;line-height:1.5;color:var(--wt-ink)}.wt-meta{font-size:.75rem;font-weight:600;color:var(--wt-ink-muted);letter-spacing:.06em;text-transform:uppercase}.wt-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.wt-controls-left{display:flex;gap:8px;order:2}.wt-controls-right{display:flex;gap:8px;order:1}.wt-btn{min-height:44px;min-width:44px;padding:10px 18px;border-radius:999px;border:1px solid transparent;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;background:transparent;color:var(--wt-ink);transition:background-color .18s ease,border-color .18s ease,transform .14s ease}.wt-btn:hover{background:#ffffff0f}.wt-btn:active{transform:scale(.97)}.wt-btn.wt-btn-primary{background:var(--wt-coral);color:#1a0d15;border-color:transparent}.wt-btn.wt-btn-primary:hover{background:color-mix(in srgb,var(--wt-coral) 88%,white)}.wt-btn.wt-btn-ghost{background:transparent;color:var(--wt-ink-muted)}.wt-btn.wt-btn-ghost:hover{color:var(--wt-ink)}.wt-btn.wt-btn-menu{background:transparent;color:var(--wt-mint);border-color:transparent}.wt-btn.wt-btn-menu:hover{background:#00e5a01a;color:color-mix(in srgb,var(--wt-mint) 80%,white)}.wt-btn:focus-visible,.wt-toc-chip:focus-visible,.wt-close:focus-visible{outline:2px solid var(--wt-focus-ring);outline-offset:2px}.wt-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;color:var(--wt-ink-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:50%}.wt-close:hover{color:var(--wt-ink);background:#ffffff0f}.wt-toc-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.wt-toc-chip{min-height:44px;padding:10px 14px;border-radius:999px;background:#ffffff0f;border:1px solid var(--wt-surface-border);color:var(--wt-ink);font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.wt-toc-chip:hover{background:#00e5a01a;border-color:var(--wt-mint)}.wt-toc-chip.is-seen:after{content:" ✓";color:var(--wt-mint)}.wt-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}.wt-helpmenu{max-width:min(92vw,480px)}.wt-helpmenu-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.wt-helpmenu-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:56px;padding:12px 14px;text-align:left;border-radius:var(--wt-radius-sm);background:#ffffff0a;border:1px solid var(--wt-surface-border);color:var(--wt-ink);font-family:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.wt-helpmenu-item:hover{background:#00e5a014;border-color:var(--wt-mint)}.wt-helpmenu-item:focus-visible{outline:2px solid var(--wt-focus-ring);outline-offset:2px}.wt-helpmenu-item-label{font-size:.95rem;font-weight:600;color:var(--wt-ink)}.wt-helpmenu-item-desc{font-size:.8rem;color:var(--wt-ink-muted);line-height:1.35}.wt-helpmenu-seen{color:var(--wt-mint);font-weight:700}.wt-helpmenu-divider{height:1px;background:var(--wt-surface-border);margin:4px 0}.wt-helpmenu-settings{display:flex;flex-direction:column;gap:12px}.wt-helpmenu-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.wt-helpmenu-setting-label{display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:var(--wt-ink);cursor:pointer}.wt-helpmenu-setting-hint{font-size:.75rem;color:var(--wt-ink-muted);line-height:1.35;font-weight:400}.wt-helpmenu-reset{align-self:flex-start;padding-left:0;padding-right:0;color:var(--wt-ink-muted);text-decoration:underline;text-underline-offset:3px}.wt-switch{position:relative;width:52px;height:32px;padding:0;flex-shrink:0;border:0;border-radius:999px;background:#ffffff24;cursor:pointer;transition:background-color .18s ease}.wt-switch:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.wt-switch.is-on{background:var(--wt-mint)}.wt-switch-thumb{position:absolute;top:3px;left:3px;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000047;transition:transform .18s cubic-bezier(.4,0,.2,1)}.wt-switch.is-on .wt-switch-thumb{transform:translate(20px)}.wt-switch:focus-visible{outline:2px solid var(--wt-focus-ring);outline-offset:3px}.wt-help-trigger-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:999px;border:1px solid var(--wt-surface-border);background:#ffffff0a;color:var(--wt-ink, #fff8f0);font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.wt-help-trigger-icon:hover{background:#00e5a01a;border-color:var(--seafoam, #00e5a0)}.wt-help-trigger-icon:focus-visible{outline:2px solid var(--seafoam, #00e5a0);outline-offset:2px}.wt-help-trigger-link{background:transparent;border:none;color:var(--seafoam, #00e5a0);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:10px 16px;min-height:44px;text-decoration:underline;text-underline-offset:3px}.wt-help-trigger-link:focus-visible{outline:2px solid var(--seafoam, #00e5a0);outline-offset:2px;border-radius:6px}.wt-mode-picker{display:flex;flex-direction:column;gap:10px;width:100%}.wt-mode-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--wt-radius);background:#ffffff0d;border:1px solid var(--wt-surface-border);color:var(--wt-ink);font-family:inherit;cursor:pointer;text-align:left;width:100%;min-height:72px;transition:background-color .18s ease,border-color .18s ease,transform .14s ease}.wt-mode-card:hover{background:#00e5a017;border-color:var(--wt-mint)}.wt-mode-card:active{transform:scale(.98)}.wt-mode-card:focus-visible{outline:2px solid var(--wt-focus-ring);outline-offset:2px}.wt-mode-card-icon{font-size:1.75rem;line-height:1;flex-shrink:0}.wt-mode-card-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.wt-mode-card-label{font-size:1rem;font-weight:700;color:var(--wt-ink)}.wt-mode-card-desc{font-size:.83rem;color:var(--wt-ink-muted);line-height:1.4}.wt-mode-card-arrow{font-size:1.4rem;color:var(--wt-ink-muted);flex-shrink:0;transition:transform .16s ease,color .16s ease}.wt-mode-card:hover .wt-mode-card-arrow{transform:translate(3px);color:var(--wt-mint)}.wt-ref-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.wt-ref-row{display:flex;align-items:flex-start;gap:12px}.wt-ref-term{font-size:.88rem;font-weight:700;color:var(--wt-mint);min-width:90px;flex-shrink:0;line-height:1.4}.wt-ref-def{font-size:.85rem;color:var(--wt-ink-muted);line-height:1.45;margin:0}.wt-helpmenu-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.wt-helpmenu-read-rules{align-self:flex-start;padding-left:0;padding-right:0;color:var(--wt-mint);font-size:.85rem;text-decoration:underline;text-underline-offset:3px}.wt-helpmenu-read-rules:hover{color:color-mix(in srgb,var(--wt-mint) 80%,white)}.wt-read-view{display:flex;flex-direction:column;gap:0}.wt-read-view-back{align-self:flex-start;padding-left:0;padding-right:4px;font-size:.85rem;margin-bottom:8px}.wt-read-section-title{font-size:.92rem;font-weight:700;color:var(--wt-mint);margin:14px 0 4px;font-family:Space Grotesk,system-ui,sans-serif}.wt-read-section-title:first-of-type{margin-top:0}.wt-read-body{font-size:.83rem;line-height:1.5;color:var(--wt-ink-muted);margin:0 0 6px}.wt-read-scene{margin:6px 0 4px;background:#ffffff08;border-radius:var(--wt-radius-sm);padding:10px 6px;overflow:hidden}.wt-read-view .wt-ref-list{gap:7px;margin-bottom:4px}.wt-read-view .wt-ref-term{font-size:.82rem;min-width:80px}.wt-read-view .wt-ref-def{font-size:.8rem}.wt-focal{outline:2px solid #00e5a0!important;outline-offset:6px;border-radius:10px;box-shadow:0 0 0 6px #00e5a033;animation:wt-focal-pulse 2s ease-in-out infinite}@keyframes wt-focal-pulse{0%{box-shadow:0 0 0 6px #00e5a033}50%{box-shadow:0 0 0 8px #00e5a01a}to{box-shadow:0 0 0 6px #00e5a033}}@media (prefers-reduced-motion: reduce){.wt-spotlight-hole,.wt-callout,.wt-btn,.wt-helpmenu-item,.wt-switch,.wt-switch-thumb,.wt-mode-card,.wt-mode-card-arrow,.wt-focal{transition:none!important;animation:none!important}}.themed-scene-img-wrap{display:flex;justify-content:center;align-items:center;width:100%;margin:4px 0 8px}.themed-scene-img-wrap img{max-width:100%;height:auto;display:block}.party-leaderboard-phone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--theme-surface);color:var(--text-primary);display:flex;flex-direction:column;padding:18px 16px 22px;gap:14px;overflow-y:auto}.party-leaderboard-phone__head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.party-leaderboard-phone__head-left{display:flex;flex-direction:column;gap:4px}.party-leaderboard-phone__badge{display:inline-flex;align-self:flex-start;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;letter-spacing:.1em;padding:3px 10px;border-radius:999px;background:var(--bg-surface, rgba(255, 255, 255, .08));border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.party-leaderboard-phone__round-label{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;color:var(--text-secondary)}.party-leaderboard-phone__countdown{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 12px;border-radius:999px;background:#06d6a01f;border:1px solid rgba(6,214,160,.35);color:var(--seafoam);white-space:nowrap}.party-leaderboard-phone__hero{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px 22px;border-radius:var(--radius);background:linear-gradient(180deg,var(--theme-primary-soft, rgba(255, 209, 102, .22)) 0%,var(--theme-primary, rgba(255, 209, 102, .04)) 100%);border:1px solid rgba(255,209,102,.45)}.party-leaderboard-phone__hero-label{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;letter-spacing:.04em;color:var(--text-secondary);text-transform:uppercase}.party-leaderboard-phone__hero-rank-row{display:flex;align-items:center;gap:14px}.party-leaderboard-phone__hero-rank{font-family:Space Grotesk,sans-serif;font-size:96px;font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--sandy-gold)}.party-leaderboard-phone__hero-move{display:inline-flex;align-items:center;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;padding:6px 14px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted)}.party-leaderboard-phone__hero-move--up{background:#06d6a029;border-color:#06d6a066;color:var(--seafoam)}.party-leaderboard-phone__hero-move--down{background:#ef476f29;border-color:#ef476f66;color:var(--deep-coral)}.party-leaderboard-phone__hero-score-row{display:flex;align-items:center;gap:10px;margin-top:6px}.party-leaderboard-phone__score{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:var(--sandy-gold)}.party-leaderboard-phone__delta{display:inline-flex;align-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px;background:#06d6a01f;border:1px solid rgba(6,214,160,.3);color:var(--seafoam)}.party-leaderboard-phone__delta--zero{background:#ffffff0a;border-color:#ffffff0f;color:var(--text-muted)}.party-leaderboard-phone__delta--negative{background:#ef476f1f;border-color:#ef476f4d;color:var(--deep-coral)}.party-leaderboard-phone__list{display:flex;flex-direction:column;gap:4px}.party-leaderboard-phone__row,.party-leaderboard-phone__self-row-appended{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-sm);transition:var(--t-color)}.party-leaderboard-phone__row--you{background:linear-gradient(90deg,var(--theme-primary-soft, rgba(255, 209, 102, .22)) 0%,var(--theme-primary, rgba(255, 209, 102, .04)) 100%);border-color:var(--sandy-gold)}.party-leaderboard-phone__row-rank{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--text-secondary);text-align:center}.party-leaderboard-phone__row-name{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-leaderboard-phone__row-score{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;color:var(--sandy-gold);text-align:right}.party-leaderboard-phone__self-row-appended{margin-top:8px}.rs-root{display:flex;flex-direction:column;align-items:stretch;gap:24px;width:100%;max-width:960px;margin:0 auto;padding:8px 4px 16px}.rs-root.rs-pres-tv{max-width:1400px;gap:40px;padding:24px 48px}.rs-root.rs-compact{gap:12px;padding:8px 4px}.rs-header{text-align:center;display:flex;flex-direction:column;gap:6px}.rs-headline{margin:0;font-size:clamp(22px,5vw,34px);font-weight:800;letter-spacing:-.01em;color:var(--theme-text-on-primary, var(--text-primary, #fff));text-shadow:0 1px 12px rgba(0,0,0,.35)}.rs-pres-tv .rs-headline{font-size:clamp(38px,5vw,64px)}.rs-compact .rs-headline{font-size:20px}.rs-subhead{margin:0;color:var(--text-muted, rgba(255, 255, 255, .72));font-size:14px}.rs-empty{padding:40px 0;text-align:center;color:var(--text-muted, rgba(255, 255, 255, .6))}.rs-podium{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:16px;width:100%;max-width:640px;margin-inline:auto}.rs-pres-tv .rs-podium{gap:32px;max-width:1100px}.rs-compact .rs-podium{gap:8px;max-width:360px}.rs-podium-slot{display:flex;flex-direction:column;align-items:center;flex:1 1 0;max-width:220px;min-width:0}.rs-pres-tv .rs-podium-slot{max-width:320px}.rs-compact .rs-podium-slot{max-width:120px}.rs-podium-slot:empty{display:none}.rs-pod-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 8px 0;width:100%;animation:rs-rise .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--rs-delay, 0ms);--t-transform: transform .22s cubic-bezier(.4, 0, .2, 1);transition:var(--t-transform);will-change:transform}.rs-pres-tv .rs-pod-tile{padding:4px 10px 0;gap:10px}.rs-compact .rs-pod-tile{padding:2px 4px 0;gap:3px}.rs-pod-tile--crown{animation-delay:calc(var(--rs-delay, 0ms) + .12s)}.rs-pod-tile--me{transform:translateZ(0)}.rs-pod-tile--me .rs-pod-avatar{box-shadow:0 0 0 3px var(--theme-accent, var(--sandy-gold, #F4C27A)),0 0 20px 2px var(--theme-primary-soft, rgba(244, 194, 122, .35))}.rs-pod-medal{font-size:28px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}.rs-pres-tv .rs-pod-medal{font-size:46px}.rs-compact .rs-pod-medal{font-size:18px}.rs-pod-tile--rank-1 .rs-pod-medal{font-size:36px}.rs-pres-tv .rs-pod-tile--rank-1 .rs-pod-medal{font-size:60px}.rs-compact .rs-pod-tile--rank-1 .rs-pod-medal{font-size:22px}.rs-pod-winbanner{margin-bottom:-2px;padding:4px 12px;border-radius:999px;background:var(--theme-primary, var(--sandy-gold, #F4C27A));color:var(--theme-text-on-primary, #1a1a1a);font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 16px var(--theme-primary-soft, rgba(244, 194, 122, .4))}.rs-pres-tv .rs-pod-winbanner{font-size:18px;padding:8px 20px}.rs-pod-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;border:3px solid transparent;flex-shrink:0}.rs-pod-name{font-size:15px;font-weight:700;color:var(--text-primary, #fff);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-pres-tv .rs-pod-name{font-size:22px}.rs-compact .rs-pod-name{font-size:12px}.rs-pod-tile--rank-1 .rs-pod-name{font-size:18px}.rs-pres-tv .rs-pod-tile--rank-1 .rs-pod-name{font-size:28px}.rs-pod-score{font-size:16px;font-weight:700;color:var(--theme-primary, var(--sandy-gold, #F4C27A));display:flex;align-items:baseline;gap:4px}.rs-pod-pts{font-size:11px;font-weight:600;color:var(--text-muted, rgba(255, 255, 255, .6));letter-spacing:.04em;text-transform:uppercase}.rs-pres-tv .rs-pod-score{font-size:26px}.rs-pres-tv .rs-pod-pts{font-size:14px}.rs-compact .rs-pod-score{font-size:13px}.rs-compact .rs-pod-pts{font-size:9px}.rs-pod-sub{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .55))}.rs-pres-tv .rs-pod-sub{font-size:14px}.rs-pod-pedestal{margin-top:12px;width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;border-radius:12px 12px 0 0;font-size:28px;font-weight:800;color:#ffffff38;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff14}.rs-pod-tile--rank-1 .rs-pod-pedestal{height:160px}.rs-pod-tile--rank-2 .rs-pod-pedestal{height:120px}.rs-pod-tile--rank-3 .rs-pod-pedestal{height:96px}.rs-pod-tile--gold .rs-pod-pedestal{background:linear-gradient(180deg,var(--theme-primary-soft, rgba(255, 209, 102, .28)) 0%,var(--theme-primary, rgba(255, 209, 102, .06)) 100%);color:#ffffff59;box-shadow:inset 0 1px #ffffff2e,0 -4px 20px var(--theme-primary-soft, rgba(255, 209, 102, .12))}.rs-pod-tile--silver .rs-pod-pedestal{background:linear-gradient(180deg,#c0c0c038,#c0c0c00a)}.rs-pod-tile--bronze .rs-pod-pedestal{background:linear-gradient(180deg,#cd7f3238,#cd7f320a)}.rs-pod-pedestal-num{line-height:1}.rs-pod-tile--rank-1 .rs-pod-pedestal-num{font-size:1.2em}.rs-pres-tv .rs-pod-pedestal{height:200px;font-size:44px;padding-bottom:20px;margin-top:18px}.rs-pres-tv .rs-pod-tile--rank-1 .rs-pod-pedestal{height:260px}.rs-pres-tv .rs-pod-tile--rank-2 .rs-pod-pedestal{height:200px}.rs-pres-tv .rs-pod-tile--rank-3 .rs-pod-pedestal{height:160px}.rs-compact .rs-pod-pedestal{height:48px;font-size:14px;padding-bottom:6px;margin-top:6px}.rs-compact .rs-pod-tile--rank-1 .rs-pod-pedestal{height:64px}.rs-compact .rs-pod-tile--rank-2 .rs-pod-pedestal{height:48px}.rs-compact .rs-pod-tile--rank-3 .rs-pod-pedestal{height:40px}.rs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;width:100%;max-width:560px;margin-inline:auto}.rs-pres-tv .rs-list{max-width:800px;gap:10px}.rs-list-row{display:grid;grid-template-columns:28px 32px 1fr auto auto;align-items:center;gap:10px;padding:8px 12px;background:var(--theme-highlight, rgba(255, 255, 255, .04));border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .08));border-radius:10px;animation:rs-fade-in .36s ease-out both;animation-delay:.4s}.rs-pres-tv .rs-list-row{grid-template-columns:40px 44px 1fr auto auto;gap:14px;padding:12px 18px;font-size:18px}.rs-list-row--me{background:var(--theme-primary-soft, rgba(244, 194, 122, .18));border-color:var(--theme-primary-border, rgba(244, 194, 122, .5))}.rs-list-rank{font-weight:800;color:var(--text-muted, rgba(255, 255, 255, .55));text-align:center;font-variant-numeric:tabular-nums}.rs-list-row--me .rs-list-rank{color:var(--theme-primary, var(--sandy-gold, #F4C27A))}.rs-list-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff}.rs-pres-tv .rs-list-avatar{width:38px;height:38px;font-size:18px}.rs-list-name{font-weight:600;color:var(--text-primary, #fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-list-sub{font-size:11px;color:var(--text-muted, rgba(255, 255, 255, .5));white-space:nowrap}.rs-pres-tv .rs-list-sub{font-size:14px}.rs-list-score{font-weight:700;color:var(--theme-primary, var(--sandy-gold, #F4C27A));font-variant-numeric:tabular-nums;min-width:56px;text-align:right}.rs-stats-slot{width:100%;max-width:960px;margin-inline:auto}.rs-pod-tile--interactive{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.rs-pod-tile--interactive:hover{transform:translateY(-2px)}.rs-pod-tile--interactive:active{transform:translateY(0) scale(.99)}.rs-pod-tile--interactive:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:4px;border-radius:12px}.rs-pod-tile--selected{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px;border-radius:12px}.rs-pod-tile--selected .rs-pod-pedestal{filter:brightness(1.08) saturate(1.05)}.rs-list-item{list-style:none;padding:0;margin:0}.rs-list-row--interactive{background:var(--theme-highlight, rgba(255, 255, 255, .04));border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .08));color:var(--text-primary, #ffffff);font-family:inherit;font-size:inherit;width:100%;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.rs-list-row--interactive:hover{background:#ffffff14;border-color:var(--theme-primary-border, rgba(244, 194, 122, .35))}.rs-list-row--interactive:active{transform:translateY(1px)}.rs-list-row--interactive:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px}.rs-list-row--selected{background:var(--theme-primary-soft, rgba(244, 194, 122, .24));border-color:var(--theme-primary, var(--sandy-gold, #F4C27A))}.rs-list-row--selected .rs-list-rank,.rs-list-row--selected .rs-list-score{color:var(--theme-primary, var(--sandy-gold, #F4C27A))}.rs-compact .rs-podium{gap:4px}.rs-compact .rs-list{display:none}@media (max-width: 767px){.rs-pres-phone:not(.rs-compact) .rs-podium{gap:6px;padding-inline:4px}.rs-pres-phone:not(.rs-compact) .rs-podium-slot{max-width:140px}.rs-pres-phone:not(.rs-compact) .rs-pod-pedestal{height:88px;font-size:22px;padding-bottom:10px;margin-top:8px}.rs-pres-phone:not(.rs-compact) .rs-pod-tile--rank-1 .rs-pod-pedestal{height:112px}.rs-pres-phone:not(.rs-compact) .rs-pod-tile--rank-2 .rs-pod-pedestal{height:88px}.rs-pres-phone:not(.rs-compact) .rs-pod-tile--rank-3 .rs-pod-pedestal{height:68px}.rs-pres-phone:not(.rs-compact) .rs-pod-name{font-size:13px}.rs-pres-phone:not(.rs-compact) .rs-pod-score{font-size:13px}.rs-pres-phone:not(.rs-compact) .rs-pod-tile--rank-1 .rs-pod-name{font-size:14px}.rs-pres-phone:not(.rs-compact) .rs-pod-sub{display:none}.rs-pres-phone:not(.rs-compact) .rs-pod-winbanner{font-size:11px;padding:3px 10px}}@keyframes rs-rise{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes rs-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.rs-pod-tile,.rs-list-row{animation:none!important}}.gsp-root{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:20px 16px 16px;box-sizing:border-box;color:var(--text-primary, #ffffff)}.gsp-heading{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:.02em;color:var(--theme-text-on-primary, var(--text-primary, #ffffff));text-align:center;opacity:.92}.gsp-pres-tv{padding:24px 32px 32px;gap:20px}.gsp-pres-tv .gsp-heading{font-size:26px;margin-bottom:8px}.gsp-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.gsp-pres-phone{padding:16px 12px 20px;gap:10px}.gsp-pres-phone .gsp-heading{text-align:left;font-size:15px;margin-bottom:2px;opacity:.72;text-transform:uppercase;letter-spacing:.08em}.gsp-card{display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:14px;background:var(--theme-highlight, rgba(255, 255, 255, .04));border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .08));transition:background .16s ease,border-color .16s ease}.gsp-card-local{background:var( --theme-primary-soft, linear-gradient(135deg, rgba(244, 194, 122, .18), rgba(244, 194, 122, .08)) );border-color:var(--theme-primary-border, rgba(244, 194, 122, .35))}.gsp-card-head{display:flex;align-items:center;gap:10px}.gsp-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0;background:#ffffff24;text-transform:uppercase}.gsp-card-name{font-size:15px;font-weight:600;color:var(--text-primary, #ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.gsp-card-you{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:var(--theme-primary, var(--sandy-gold, #F4C27A));color:var(--theme-text-on-primary, #0f0a1c);flex-shrink:0}.gsp-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:8px}.gsp-tile-wrap{min-width:0}.gsp-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 6px;border-radius:10px;background:#ffffff0a;min-width:0;text-align:center}.gsp-tile-value{font-size:18px;font-weight:700;line-height:1.1;color:var(--theme-emphasis-text, #ffffff);font-variant-numeric:tabular-nums;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.gsp-tile-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, rgba(255, 255, 255, .62))}.gsp-pres-tv .gsp-tile{padding:12px 8px}.gsp-pres-tv .gsp-tile-value{font-size:22px}.gsp-collapsed-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:2px 4px 0;font-variant-numeric:tabular-nums}.gsp-collapsed-score{font-size:16px;font-weight:700;color:var(--theme-primary, var(--sandy-gold, #F4C27A))}.gsp-collapsed-accuracy{font-size:13px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .68))}.gsp-disclosure{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-primary, #ffffff);font-size:14px;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:background .16s ease,border-color .16s ease;font-family:inherit}.gsp-disclosure:hover{background:#ffffff14;border-color:var(--theme-primary-border, rgba(244, 194, 122, .3))}.gsp-disclosure:active{transform:translateY(1px)}.gsp-disclosure:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px}.gsp-disclosure-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--theme-primary-soft, rgba(244, 194, 122, .22));color:var(--theme-primary, var(--sandy-gold, #F4C27A));font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.gsp-others-list{display:flex;flex-direction:column;gap:8px;animation:gsp-fade-in .18s ease-out}@keyframes gsp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.gsp-others-list,.gsp-card,.gsp-disclosure{animation:none!important;transition:none!important}}@media (max-width: 360px){.gsp-tiles{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.gsp-tile-value{font-size:16px}}.gsp-v2-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:4px;padding-top:10px;border-top:1px dashed var(--theme-highlight-border, rgba(255, 255, 255, .08))}.gsp-v2-tile{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;background:#ffffff08;min-width:0}.gsp-v2-tile-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, rgba(255, 255, 255, .58))}.gsp-v2-tile-primary{font-size:14px;font-weight:700;line-height:1.2;color:var(--theme-accent, var(--theme-primary, var(--sandy-gold, #F4C27A)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.gsp-v2-tile-meta{font-size:11px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .55));font-variant-numeric:tabular-nums;letter-spacing:.01em}.gsp-v2-tile-empty .gsp-v2-tile-primary{color:var(--text-secondary, rgba(255, 255, 255, .4))}.gsp-v2-empty{margin:6px 0 0;padding:8px 10px;border-radius:10px;background:#ffffff05;font-size:12px;font-style:italic;color:var(--text-secondary, rgba(255, 255, 255, .55));text-align:center}.gsp-pres-tv .gsp-v2-row{gap:10px;padding-top:14px}.gsp-pres-tv .gsp-v2-tile{padding:10px 12px}.gsp-pres-tv .gsp-v2-tile-primary{font-size:16px}.gsp-pres-tv .gsp-v2-tile-meta{font-size:12px}@media (max-width: 420px){.gsp-v2-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.tlp-root{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:18px 16px;box-sizing:border-box;border-radius:16px;background:var(--theme-highlight, rgba(255, 255, 255, .04));border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .08));color:var(--text-primary, #ffffff)}.tlp-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tlp-heading h3{margin:0;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--theme-text-on-primary, var(--text-primary, #ffffff));opacity:.82}.tlp-progress{font-size:12px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .6));font-variant-numeric:tabular-nums}.tlp-intro{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:8px 0 4px}.tlp-intro-copy{margin:0 0 4px;font-size:14px;line-height:1.4;color:var(--text-secondary, rgba(255, 255, 255, .72));text-align:center}.tlp-primary-btn,.tlp-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:12px;border:1px solid transparent;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform 80ms ease;letter-spacing:.02em;text-align:center}.tlp-primary-btn{background:var(--theme-primary, var(--sandy-gold, #F4C27A));color:var(--theme-text-on-primary, #0f0a1c);border-color:var(--theme-primary-border, transparent);font-size:15px;padding:14px 20px}.tlp-primary-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.tlp-primary-btn:active{transform:translateY(1px)}.tlp-secondary-btn{background:#ffffff0d;color:var(--text-primary, #ffffff);border-color:var(--theme-highlight-border, rgba(255, 255, 255, .1))}.tlp-secondary-btn:hover{background:#ffffff17;border-color:var(--theme-primary-border, rgba(244, 194, 122, .3))}.tlp-primary-btn:focus-visible,.tlp-secondary-btn:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px}.tlp-now-playing{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:var( --theme-primary-soft, linear-gradient(135deg, rgba(244, 194, 122, .18), rgba(244, 194, 122, .08)) );border:1px solid var(--theme-primary-border, rgba(244, 194, 122, .35));animation:tlp-fade-in .2s ease-out}.tlp-np-year{flex-shrink:0;min-width:60px;text-align:center;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--theme-primary, var(--sandy-gold, #F4C27A));line-height:1}.tlp-np-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tlp-np-title{font-size:15px;font-weight:700;color:var(--text-primary, #ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlp-np-artist{font-size:13px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .72));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlp-np-placed-by{font-size:11px;font-weight:600;color:var(--theme-accent, var(--text-secondary, rgba(255, 255, 255, .6)));margin-top:2px;text-transform:uppercase;letter-spacing:.06em}.tlp-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:4px 0}.tlp-ctrl-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .12));background:#ffffff0a;color:var(--text-primary, #ffffff);font-size:18px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform 80ms ease;font-family:inherit;padding:0}.tlp-ctrl-btn:hover:not(:disabled){background:#ffffff14;border-color:var(--theme-primary-border, rgba(244, 194, 122, .4))}.tlp-ctrl-btn:active:not(:disabled){transform:scale(.94)}.tlp-ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.tlp-ctrl-btn:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px}.tlp-ctrl-play{width:52px;height:52px;background:var(--theme-primary, var(--sandy-gold, #F4C27A));color:var(--theme-text-on-primary, #0f0a1c);font-size:22px;border-color:transparent}.tlp-ctrl-play:hover:not(:disabled){background:var(--theme-primary, var(--sandy-gold, #F4C27A));filter:brightness(1.08)}.tlp-ctrl-seek{width:40px;height:40px;font-size:16px}.tlp-tracklist{list-style:none;margin:6px 0 0;padding:8px 0 0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto;border-top:1px dashed var(--theme-highlight-border, rgba(255, 255, 255, .08))}.tlp-track{list-style:none}.tlp-track-btn{display:grid;grid-template-columns:24px 48px 1fr;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--text-primary, #ffffff);cursor:pointer;text-align:left;font-family:inherit;transition:background .12s ease,border-color .12s ease}.tlp-track-btn:hover{background:#ffffff0a}.tlp-track-btn:focus-visible{outline:none;border-color:var(--theme-primary-border, rgba(244, 194, 122, .6))}.tlp-track-current .tlp-track-btn{background:var(--theme-primary-soft, rgba(244, 194, 122, .14));border-color:var(--theme-primary-border, rgba(244, 194, 122, .3))}.tlp-track-num{font-size:11px;font-weight:700;color:var(--text-secondary, rgba(255, 255, 255, .5));font-variant-numeric:tabular-nums;text-align:right}.tlp-track-current .tlp-track-num{color:var(--theme-primary, var(--sandy-gold, #F4C27A))}.tlp-track-year{font-size:13px;font-weight:700;color:var(--theme-primary, var(--sandy-gold, #F4C27A));font-variant-numeric:tabular-nums}.tlp-track-meta{display:flex;flex-direction:column;min-width:0;gap:1px}.tlp-track-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlp-track-artist{font-size:11px;color:var(--text-secondary, rgba(255, 255, 255, .6));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tlp-footer-actions{display:flex;justify-content:center;padding-top:4px}.tlp-pres-tv{padding:24px 28px;gap:18px;max-width:960px;margin-inline:auto}.tlp-pres-tv .tlp-heading h3{font-size:18px}.tlp-pres-tv .tlp-np-year{font-size:32px;min-width:80px}.tlp-pres-tv .tlp-np-title{font-size:18px}.tlp-pres-tv .tlp-np-artist{font-size:14px}.tlp-pres-tv .tlp-ctrl-btn{width:52px;height:52px;font-size:22px}.tlp-pres-tv .tlp-ctrl-play{width:64px;height:64px;font-size:26px}.tlp-pres-tv .tlp-ctrl-seek{width:48px;height:48px;font-size:20px}.tlp-pres-tv .tlp-tracklist{max-height:320px}.tlp-pres-tv .tlp-track-title{font-size:14px}@keyframes tlp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tlp-now-playing,.tlp-primary-btn,.tlp-secondary-btn,.tlp-ctrl-btn,.tlp-track-btn{animation:none!important;transition:none!important}}.tlp-pres-phone .tlp-player-host[data-started=true]{max-width:320px!important;aspect-ratio:7 / 5!important;height:auto!important}@media (min-width: 600px){.tlp-pres-phone .tlp-player-host[data-started=true]{max-width:480px!important;aspect-ratio:16 / 9!important}}.tlp-player-host iframe{width:100%!important;height:100%!important}@media (max-width: 360px){.tlp-root{padding:14px 12px}.tlp-np-year{font-size:20px;min-width:48px}.tlp-np-title{font-size:14px}.tlp-controls{gap:8px}.tlp-ctrl-btn{width:40px;height:40px;font-size:16px}.tlp-ctrl-play{width:48px;height:48px;font-size:20px}.tlp-ctrl-seek{width:36px;height:36px;font-size:14px}}.asc-root{display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;padding:20px 16px 16px;box-sizing:border-box;color:var(--text-primary, #ffffff)}.asc-heading{margin:0 0 4px;font-size:18px;font-weight:700;letter-spacing:.02em;color:var(--theme-text-on-primary, var(--text-primary, #ffffff));text-align:center;opacity:.92}.asc-pres-tv{padding:24px 32px 32px;gap:20px}.asc-pres-tv .asc-heading{font-size:26px;margin-bottom:8px}.asc-pres-phone{padding:16px 12px 20px;gap:10px}.asc-pres-phone .asc-heading{text-align:left;font-size:15px;margin-bottom:2px;opacity:.72;text-transform:uppercase;letter-spacing:.08em}.asc-selector{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 0 8px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.asc-selector::-webkit-scrollbar{height:4px}.asc-selector::-webkit-scrollbar-track{background:transparent}.asc-selector::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.asc-pres-tv .asc-selector{gap:12px;padding:6px 0 12px;justify-content:center;flex-wrap:wrap;overflow-x:visible}.asc-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;min-height:40px;border-radius:999px;background:#ffffff0a;border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .08));color:var(--text-primary, #ffffff);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:background .16s ease,border-color .16s ease,transform .12s ease}.asc-pill:hover{background:#ffffff14}.asc-pill:active{transform:translateY(1px)}.asc-pill:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px}.asc-pill--active{background:var( --theme-primary-soft, linear-gradient(135deg, rgba(244, 194, 122, .22), rgba(244, 194, 122, .1)) );border-color:var(--theme-primary-border, rgba(244, 194, 122, .45));color:var(--theme-text-on-primary, var(--text-primary, #ffffff))}.asc-pill--me:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--theme-accent, var(--sandy-gold, #F4C27A));margin-left:2px;flex-shrink:0}.asc-pill-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff24;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0}.asc-pill-avatar--group{background:var( --theme-accent-soft, linear-gradient(135deg, rgba(120, 180, 255, .25), rgba(120, 180, 255, .08)) );color:var(--theme-accent, #8ecaff);font-size:16px}.asc-pill-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asc-pres-tv .asc-pill{font-size:16px;padding:8px 16px 8px 8px;min-height:48px}.asc-pres-tv .asc-pill-avatar{width:36px;height:36px;font-size:15px}.asc-group,.asc-player{display:flex;flex-direction:column;gap:16px}.asc-pres-tv .asc-group,.asc-pres-tv .asc-player{gap:22px}.asc-subject-head{display:flex;align-items:center;gap:12px;padding:6px 2px 2px}.asc-subject-avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff24;font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;flex-shrink:0}.asc-subject-avatar--group{background:var( --theme-accent-soft, linear-gradient(135deg, rgba(120, 180, 255, .3), rgba(120, 180, 255, .1)) );color:var(--theme-accent, #8ecaff);font-size:28px}.asc-subject-body{display:flex;flex-direction:column;min-width:0;flex:1}.asc-subject-name{margin:0;font-size:17px;font-weight:700;color:var(--text-primary, #ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asc-subject-sub{margin:2px 0 0;font-size:12px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .62));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asc-pres-tv .asc-subject-avatar{width:72px;height:72px;font-size:30px}.asc-pres-tv .asc-subject-avatar--group{font-size:44px}.asc-pres-tv .asc-subject-name{font-size:24px}.asc-pres-tv .asc-subject-sub{font-size:15px}.asc-tiles{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.asc-tiles--hero{grid-template-columns:repeat(2,1fr)}.asc-tiles--player{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.asc-pres-tv .asc-tiles{gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.asc-pres-tv .asc-tiles--hero{grid-template-columns:repeat(4,1fr)}.asc-pres-tv .asc-tiles--player{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.asc-tile-wrap{min-width:0}.asc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 10px;border-radius:12px;background:var(--theme-highlight, rgba(255, 255, 255, .04));border:1px solid var(--theme-highlight-border, rgba(255, 255, 255, .08));min-width:0;text-align:center;min-height:72px}.asc-tile-value{font-size:20px;font-weight:700;line-height:1.1;color:var(--theme-emphasis-text, #ffffff);font-variant-numeric:tabular-nums;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.asc-tile-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary, rgba(255, 255, 255, .62))}.asc-tile-meta{margin-top:2px;font-size:11px;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .55));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.asc-pres-tv .asc-tile{padding:16px 14px;min-height:96px}.asc-pres-tv .asc-tile-value{font-size:28px}.asc-pres-tv .asc-tile-label{font-size:12px}.asc-pres-tv .asc-tile-meta{font-size:13px}.asc-expand-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-primary, #ffffff);font-size:13px;font-weight:600;cursor:pointer;width:100%;text-align:left;transition:background .16s ease,border-color .16s ease;font-family:inherit}.asc-expand-toggle:hover{background:#ffffff14;border-color:var(--theme-primary-border, rgba(244, 194, 122, .3))}.asc-expand-toggle:active{transform:translateY(1px)}.asc-expand-toggle:focus-visible{outline:2px solid var(--theme-primary, var(--sandy-gold, #F4C27A));outline-offset:2px}.asc-expand-chevron{font-size:14px;color:var(--theme-primary, var(--sandy-gold, #F4C27A))}.asc-pres-tv .asc-expand-toggle{font-size:15px;padding:14px 18px}.asc-expanded-wrap{display:flex;flex-direction:column;gap:10px;animation:asc-fade-in .18s ease-out}.asc-tier-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, rgba(255, 255, 255, .55));padding:2px 2px 0}.asc-pres-tv .asc-tier-label{font-size:12px}.asc-tiles--social{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.asc-pres-tv .asc-tiles--social{grid-template-columns:repeat(3,1fr)}@keyframes asc-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.asc-v2-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:4px;padding-top:10px;border-top:1px dashed var(--theme-highlight-border, rgba(255, 255, 255, .08))}.asc-v2-tile{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:10px;background:#ffffff08;min-width:0}.asc-v2-tile-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary, rgba(255, 255, 255, .58))}.asc-v2-tile-primary{font-size:14px;font-weight:700;line-height:1.2;color:var(--theme-accent, var(--theme-primary, var(--sandy-gold, #F4C27A)));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.asc-v2-tile-meta{font-size:11px;font-weight:600;color:var(--text-secondary, rgba(255, 255, 255, .55));font-variant-numeric:tabular-nums}.asc-v2-tile--empty .asc-v2-tile-primary{color:var(--text-secondary, rgba(255, 255, 255, .4))}.asc-v2-empty{margin:6px 0 0;padding:8px 10px;border-radius:10px;background:#ffffff05;font-size:12px;font-style:italic;color:var(--text-secondary, rgba(255, 255, 255, .55));text-align:center}.asc-pres-tv .asc-v2-row{gap:10px;padding-top:14px}.asc-pres-tv .asc-v2-tile{padding:10px 12px}.asc-pres-tv .asc-v2-tile-primary{font-size:16px}.asc-pres-tv .asc-v2-tile-meta{font-size:12px}.asc-empty{padding:16px;border-radius:10px;background:#ffffff08;color:var(--text-secondary, rgba(255, 255, 255, .62));font-size:13px;font-style:italic;text-align:center}@media (max-width: 420px){.asc-v2-row,.asc-tiles--social{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 360px){.asc-tiles--player{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}.asc-tile-value{font-size:18px}}@media (prefers-reduced-motion: reduce){.asc-expanded-wrap,.asc-pill,.asc-tile,.asc-expand-toggle{animation:none!important;transition:none!important}}.party-leaderboard-tv{position:relative;width:100%;max-width:920px;margin:24px auto;padding:22px 26px 20px;background:var(--theme-surface);border:1px solid var(--theme-surface-border, rgba(255, 255, 255, .08));border-radius:var(--radius);box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0f;color:var(--text-primary);display:flex;flex-direction:column;gap:14px}.party-leaderboard-tv__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.party-leaderboard-tv__head-left{display:flex;align-items:center;gap:12px}.party-leaderboard-tv__badge{display:inline-flex;align-items:center;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;padding:4px 12px;border-radius:999px;background:var(--bg-surface, rgba(255, 255, 255, .08));border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.party-leaderboard-tv__round-label{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary)}.party-leaderboard-tv__countdown{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;padding:4px 14px;border-radius:999px;background:#06d6a01f;border:1px solid rgba(6,214,160,.35);color:var(--seafoam)}button.party-leaderboard-tv__countdown{cursor:pointer;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:filter .12s ease,transform .12s ease}button.party-leaderboard-tv__countdown:hover{filter:brightness(1.15)}button.party-leaderboard-tv__countdown:active{transform:scale(.97)}.party-leaderboard-tv__skip-hint{opacity:.6;font-size:.85em}.party-leaderboard-tv__list{display:flex;flex-direction:column;gap:6px}.party-leaderboard-tv__row{display:grid;grid-template-columns:40px 1fr auto 56px 100px;align-items:center;gap:14px;padding:10px 16px;background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-sm);transition:var(--t-color)}.party-leaderboard-tv__row--gold{background:linear-gradient(90deg,var(--theme-primary-soft, rgba(255, 209, 102, .28)) 0%,var(--theme-primary, rgba(255, 209, 102, .06)) 100%);border-color:#ffd1668c}.party-leaderboard-tv__row--silver{background:linear-gradient(90deg,#c0c0c038,#c0c0c00a);border-color:#c0c0c059}.party-leaderboard-tv__row--bronze{background:linear-gradient(90deg,#cd7f3238,#cd7f320a);border-color:#cd7f3259}.party-leaderboard-tv__rank{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:var(--text-secondary);text-align:center}.party-leaderboard-tv__name{font-size:16px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-leaderboard-tv__delta{display:inline-flex;align-items:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:2px 10px;border-radius:999px;background:#06d6a01f;border:1px solid rgba(6,214,160,.3);color:var(--seafoam)}.party-leaderboard-tv__delta--zero{background:#ffffff0a;border-color:#ffffff0f;color:var(--text-muted)}.party-leaderboard-tv__delta--negative{background:#ef476f1f;border-color:#ef476f4d;color:var(--deep-coral)}.party-leaderboard-tv__move{display:inline-flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:2px 8px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted);min-width:44px}.party-leaderboard-tv__move--up{background:#06d6a01f;border-color:#06d6a04d;color:var(--seafoam)}.party-leaderboard-tv__move--down{background:#ef476f1f;border-color:#ef476f4d;color:var(--deep-coral)}.party-leaderboard-tv__score{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:var(--sandy-gold);text-align:right}.party-leaderboard-tv__footer{text-align:center;font-size:13px;font-style:italic;color:var(--text-muted);letter-spacing:.02em;padding-top:8px}:root{--sunset-orange: #ff8c42;--tropical-pink: #ff4d6d;--seafoam: #06d6a0;--sandy-gold: #ffd166;--deep-coral: #ef476f;--ocean-blue: #118ab2;--bg-dark: #1a0e2e;--bg-card: rgba(255,255,255,.06);--bg-surface: rgba(255,255,255,.08);--text-primary: #fff8f0;--text-secondary: rgba(255,248,240,.65);--text-muted: rgba(255,248,240,.4);--gradient-main: linear-gradient(135deg, var(--sunset-orange), var(--tropical-pink), var(--deep-coral));--gradient-warm: linear-gradient(135deg, var(--sandy-gold), var(--sunset-orange));--gradient-cool: linear-gradient(135deg, var(--seafoam), var(--ocean-blue));--gradient-tropical: linear-gradient(135deg, var(--tropical-pink), var(--sunset-orange), var(--sandy-gold));--gradient-card: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.03));--radius: 16px;--radius-sm: 10px;--t-color: color .2s ease, background-color .2s ease, border-color .2s ease;--t-shadow: box-shadow .2s ease;--t-transform: transform .18s cubic-bezier(.4, 0, .2, 1);--t-interactive: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .18s cubic-bezier(.4, 0, .2, 1);--theme-cta-bg: var(--gradient-main);--theme-cta-bg-hover: var(--gradient-warm);--theme-cta-text: #fff;--theme-surface: linear-gradient(165deg, #2d1b4e, #1a0e2e);--theme-surface-border: rgba(255, 255, 255, .08);--theme-focus-ring: var(--sunset-orange);--theme-danger: var(--deep-coral);--theme-success: var(--seafoam);--theme-text-muted: var(--text-muted);--theme-text-secondary: var(--text-secondary);--theme-segment-active-bg: var(--ocean-blue);--theme-segment-active-text: #fff;--theme-timer-track: rgba(255, 255, 255, .08)}:root[data-theme=worldcup-2026]{--text-secondary: rgba(255, 255, 255, .98);--text-muted: rgba(255, 255, 255, .88);--surface-2: rgba(30, 27, 94, .82);--bg-card: rgba(30, 27, 94, .78);--bg-surface: rgba(30, 27, 94, .74);--border: rgba(255, 255, 255, .28)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background-image:var(--theme-bg-shapes, none),var(--theme-bg-gradient, linear-gradient(165deg, #1a0e2e 0%, #2d1b4e 30%, #4a1942 60%, #1a0e2e 100%));background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text-primary);overflow-x:hidden;min-height:100vh;overscroll-behavior:none}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif}.screen{min-height:100vh;position:relative;display:flex;flex-direction:column;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.screen-transition{width:100%;min-height:100%;will-change:opacity,transform}.screen-entered{opacity:1;transform:none}.screen-exit{animation:screenExit .18s ease-in forwards}.screen-enter{animation:screenEnter .25s ease-out forwards}@keyframes screenExit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.98)}}@keyframes screenEnter{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.score-chip{transition:transform .3s ease,box-shadow .3s ease}.score-chip.score-bump{animation:scoreBump .6s ease}@keyframes scoreBump{0%{transform:scale(1)}30%{transform:scale(1.15);box-shadow:0 0 12px #06d6a080}to{transform:scale(1)}}.score-pts{transition:color .3s ease}.score-delta-pop{position:absolute;top:-8px;right:-4px;font-size:11px;font-weight:700;color:var(--seafoam);animation:deltaPop 1.2s ease-out forwards;pointer-events:none;z-index:5}@keyframes deltaPop{0%{opacity:1;transform:translateY(0)}70%{opacity:1;transform:translateY(-18px)}to{opacity:0;transform:translateY(-24px)}}.reveal-perfect-badge{display:inline-block;background:linear-gradient(135deg,var(--seafoam),var(--electric-purple));color:#fff;font-size:13px;font-weight:700;padding:4px 14px;border-radius:99px;margin-top:8px;animation:perfectPop .5s ease-out}@keyframes perfectPop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.timeline-card-correct-pulse{animation:correctPulse .8s ease}@keyframes correctPulse{0%{box-shadow:0 0 #06d6a099}50%{box-shadow:0 0 0 8px #06d6a000}to{box-shadow:none}}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}.ambient .orb:nth-child(1){width:600px;height:600px;background:var(--theme-orb-1, var(--sunset-orange));top:-200px;left:-100px}.ambient .orb:nth-child(2){width:500px;height:500px;background:var(--theme-orb-2, var(--tropical-pink));bottom:-150px;right:-100px}.ambient .orb:nth-child(3){width:450px;height:450px;background:var(--theme-orb-3, var(--sandy-gold));top:30%;left:60%;opacity:.14}.ambient .orb:nth-child(4){width:350px;height:350px;background:var(--theme-orb-4, var(--seafoam));top:60%;left:10%;opacity:.12}@keyframes orbFloat{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(30px,-40px,0) scale(1.05)}to{transform:translate3d(-20px,20px,0) scale(.97)}}@media (prefers-reduced-motion: no-preference){.ambient.animated .orb{will-change:transform;animation:orbFloat 30s ease-in-out infinite alternate}.ambient.animated .orb:nth-child(2){animation-delay:-7s}.ambient.animated .orb:nth-child(3){animation-delay:-14s}.ambient.animated .orb:nth-child(4){animation-delay:-10s}}.content{position:relative;z-index:1}.btn{padding:16px 32px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:var(--t-interactive);font-family:Space Grotesk,sans-serif;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:10px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--theme-cta-bg);color:var(--theme-cta-text);box-shadow:0 4px 24px color-mix(in srgb,var(--theme-primary, #ff8c42) 35%,transparent)}.btn-primary:hover:not(:disabled){background:var(--theme-cta-bg-hover);transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--theme-primary, #ff8c42) 45%,transparent)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-spotify{background:#1db954;color:#fff;box-shadow:0 4px 24px #1db9544d}.btn-spotify:hover:not(:disabled){transform:translateY(-2px);background:#1ed760}.btn-sm{padding:12px 24px;font-size:14px;border-radius:var(--radius-sm)}.landing-screen{align-items:center;justify-content:center;text-align:center;padding:40px 24px 100px}.landing-logo{margin-bottom:12px}.landing-logo .logo-icon{width:88px;height:88px;border-radius:26px;background:var(--gradient-tropical);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;box-shadow:0 8px 40px #ff8c4259;animation:logoPulse 3s ease-in-out infinite;position:relative;overflow:hidden}.landing-logo .logo-icon .logo-svg{width:48px;height:48px}@keyframes logoPulse{0%,to{box-shadow:0 8px 40px #ff8c4259}50%{box-shadow:0 8px 60px #ff4d6d73}}.landing-title{font-size:clamp(48px,8vw,80px);font-weight:700;background:var(--gradient-tropical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;margin-bottom:4px;letter-spacing:-2px}.landing-subtitle{font-size:clamp(14px,2.5vw,18px);color:var(--theme-text-secondary);font-weight:500;margin-bottom:48px;letter-spacing:3px;text-transform:uppercase}.landing-actions{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.landing-features{display:flex;gap:32px;margin-top:60px;flex-wrap:wrap;justify-content:center}.landing-feature{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.landing-feature .dot{width:8px;height:8px;border-radius:50%}.landing-name-highlight.ev-input{border-color:var(--theme-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-focus-ring) 25%,transparent)}.landing-name-highlight.ev-input:focus{border-color:var(--theme-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-focus-ring) 35%,transparent)}.join-screen{align-items:center;justify-content:center;padding:40px 24px 100px;text-align:center}.join-box{max-width:380px;width:100%}.join-box h2{font-size:28px;margin-bottom:6px}.join-box p{color:var(--text-secondary);margin-bottom:32px;font-size:14px}.code-input-group{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.code-digit{width:52px;height:64px;background:var(--bg-surface);border:2px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);font-family:Space Grotesk,monospace;font-size:28px;font-weight:700;color:var(--text-primary);text-align:center;outline:none;transition:var(--t-color)}.code-digit:focus{border-color:var(--theme-focus-ring)}.code-digit.filled{border-color:var(--theme-focus-ring);color:var(--theme-focus-ring)}.invite-callout{background:#56d6a01a;border:1px solid rgba(86,214,160,.25);border-radius:var(--radius-sm);padding:10px 16px;margin-bottom:20px;font-size:13px;color:var(--seafoam, #56d6a0);text-align:center}.code-digit.invite-locked{opacity:.55;pointer-events:none;border-color:#ffffff0f;color:var(--text-muted)}.code-input-group.invite-locked{margin-bottom:16px}.join-invite-code-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;margin-bottom:4px;border-radius:var(--radius-sm);background:#ffffff0a;font-size:13px;color:var(--text-muted)}.join-invite-code-label{text-transform:uppercase;letter-spacing:.05em;font-size:11px;opacity:.7}.join-invite-code-value{font-family:Space Grotesk,monospace;font-weight:700;font-size:16px;color:var(--text-secondary);letter-spacing:.15em}.ev-input.invite-highlight{animation:invitePulse 1.8s ease-in-out 3;border-color:var(--sunset-orange)}@keyframes invitePulse{0%,to{box-shadow:0 0 #ff8c3200}50%{box-shadow:0 0 0 4px #ff8c3240}}.name-input{width:100%;background:var(--bg-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:14px 18px;color:var(--text-primary);font-size:16px;outline:none;margin-bottom:24px;font-family:Inter,sans-serif;transition:var(--t-color)}.name-input:focus{border-color:var(--sunset-orange)}.name-input::placeholder{color:var(--text-muted)}.lobby-screen{padding:32px 24px 100px;align-items:center}.lobby-header{text-align:center;margin-bottom:36px;width:100%}.lobby-header h2{font-size:28px;margin-bottom:8px}.room-code-box{display:inline-flex;align-items:center;gap:16px;background:var(--bg-surface);border:2px dashed rgba(255,140,66,.4);border-radius:var(--radius);padding:16px 28px;margin:16px 0}.room-code-box .label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.room-code-box .code{font-family:Space Grotesk,monospace;font-size:36px;font-weight:700;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:8px}.room-code-box .copy-btn{background:#ffffff14;border:none;color:var(--text-secondary);padding:8px;border-radius:8px;cursor:pointer;font-size:18px;transition:var(--t-color)}.room-code-box .copy-btn:hover{background:#ffffff26;color:var(--text-primary)}.qr-invite-container{display:flex;flex-direction:column;align-items:center;gap:6px;margin:16px 0;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.qr-invite-wrapper{display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:2px solid rgba(255,140,66,.3);border-radius:var(--radius);padding:12px;transition:var(--t-color),var(--t-shadow)}.qr-invite-container:hover .qr-invite-wrapper,.qr-invite-container:focus-visible .qr-invite-wrapper{border-color:#ff8c4299;box-shadow:0 0 20px #ff8c421f}.qr-invite-svg{display:block}.qr-invite-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:600}.qr-invite-room-code-mini{font-family:Space Grotesk,monospace;font-size:16px;font-weight:700;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.qr-invite-hint{font-size:11px;color:var(--text-muted);opacity:.6;margin-top:2px}.qr-invite-text-fallback{display:flex;flex-direction:column;align-items:center;background:var(--bg-surface);border:2px dashed rgba(255,140,66,.4);border-radius:var(--radius);padding:20px 32px;gap:4px}.qr-invite-code{font-family:Space Grotesk,monospace;font-size:36px;font-weight:700;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:8px}.qr-invite-container.qr-tv .qr-invite-wrapper{padding:20px}.qr-invite-container.qr-tv .qr-invite-label{font-size:16px;letter-spacing:3px}.qr-invite-container.qr-tv .qr-invite-room-code-mini{font-size:24px;letter-spacing:6px}.players-grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;max-width:860px;margin-bottom:32px}.player-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;display:flex;align-items:center;gap:14px;transition:var(--t-color);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-main);opacity:0;transition:opacity .3s ease}.player-card:hover:before{opacity:1}.player-card.host{border-color:#ff8c424d}.player-card.host:before{opacity:1}.player-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.player-info{flex:1}.player-name{font-weight:600;font-size:15px;margin-bottom:2px}.player-role{font-size:12px;color:var(--text-muted)}.player-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:Space Grotesk,monospace}.player-number.lowest{background:#06d6a026;color:var(--seafoam);border:1.5px solid rgba(6,214,160,.3)}.player-number.normal{background:#ffffff0f;color:var(--text-secondary)}.player-card.waiting{border:2px dashed rgba(255,255,255,.08);background:transparent}.player-card.waiting .player-avatar{background:#ffffff0a;font-size:24px;color:var(--text-muted)}.lobby-settings{width:100%;max-width:860px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:28px;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lobby-settings h3{font-size:16px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap;gap:8px}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px}.setting-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.toggle{width:48px;height:28px;border-radius:14px;background:#ffffff1a;position:relative;cursor:pointer;transition:var(--t-color);border:none}.toggle.on{background:var(--seafoam)}.toggle .knob{width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:left .2s ease;box-shadow:0 2px 6px #0000004d}.toggle.on .knob{left:23px}.mode-selector{display:flex;gap:4px;background:#ffffff0a;border-radius:var(--radius-sm);padding:4px}.mode-option{padding:8px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--t-color);color:var(--theme-text-secondary, var(--text-secondary));border:none;background:none;font-family:Space Grotesk,sans-serif}.mode-option.active{background:var(--theme-segment-active-bg, var(--sunset-orange));color:var(--theme-segment-active-text, #fff)}.time-selector{display:flex;gap:4px;background:#ffffff0a;border-radius:var(--radius-sm);padding:4px}.time-option{padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--t-color);color:var(--theme-text-secondary, var(--text-secondary));border:none;background:none;font-family:Space Grotesk,monospace}.time-option.active{background:var(--theme-segment-active-bg);color:var(--theme-segment-active-text)}.start-game-section{text-align:center}.lobby-action-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;max-width:860px;margin-top:20px;margin-bottom:32px}.lobby-action-row .leave-room-btn{margin-top:0}.lobby-status-msg{text-align:center;font-size:13px;color:var(--text-muted);min-height:20px;margin-bottom:24px}.lobby-status-msg p{margin:0}.lobby-settings--music{border:1px solid rgba(255,140,66,.2);background:linear-gradient(135deg,#ff8c420a,#ffd16605)}.lobby-settings--needs-playlist{border-color:#ff4d6d80;animation:needsPlaylistPulse 2.4s ease-in-out infinite}@keyframes needsPlaylistPulse{0%,to{box-shadow:0 0 #ff4d6d00}50%{box-shadow:0 0 0 4px #ff4d6d2e}}.lobby-no-playlist-hint{color:var(--sunset-orange, #ff9f1c);font-weight:600}.selected-playlist-badge{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border-radius:10px;background:#56d6a014;border:1px solid rgba(86,214,160,.25)}.selected-playlist-icon{font-size:22px;flex-shrink:0}.selected-playlist-info{display:flex;flex-direction:column;min-width:0}.selected-playlist-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--seafoam, #56d6a0);font-weight:600}.selected-playlist-name{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-settings--readonly{opacity:.55;pointer-events:none}.lobby-settings--readonly .lobby-settings-toggle{pointer-events:auto;opacity:1}.guest-room-code-box{opacity:.45;pointer-events:none;margin-bottom:20px}.player-card.invite-card{cursor:pointer;transition:var(--t-color);border:1px dashed rgba(255,165,0,.3)}.player-card.invite-card:hover{border-color:#ffa50099;background:#ffa5000f}.invite-card-icon{font-size:18px;margin-left:auto;opacity:.7}.guest-waiting-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:14px 20px;border-radius:var(--radius-sm);background:#a29bfe14;border:1px solid rgba(162,155,254,.2);font-size:14px;color:var(--text-secondary)}.guest-waiting-spinner{width:14px;height:14px;border:2px solid rgba(162,155,254,.3);border-top-color:#a29bfe;border-radius:50%;animation:spin 1s linear infinite}.sfx-toggle-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.sfx-toggle-label{font-size:10px;color:var(--text-muted);white-space:nowrap}.sfx-toggle-btn.pulse~.sfx-toggle-label{animation:sfxLabelPulse 2s ease-in-out infinite}.sfx-toggle-btn.on~.sfx-toggle-label{color:var(--seafoam, #56d6a0);opacity:.8}@keyframes sfxLabelPulse{0%,to{opacity:.6}50%{opacity:1}}.host-controls-badge{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#a29bfe;background:#a29bfe26;border:1px solid rgba(162,155,254,.35);padding:3px 8px;border-radius:6px;font-weight:700;white-space:nowrap}.paused-banner{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;padding:12px 16px;border-radius:12px;background:#a29bfe1a;border:1px solid rgba(162,155,254,.3);color:var(--p4, #a29bfe);font-weight:600;font-size:15px;margin-bottom:20px}.paused-banner-icon{font-size:20px}.party-pause-panel{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px}.party-pause-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.party-pause-confirm{color:var(--text-muted, rgba(255,255,255,.7));font-weight:600}.safety-bar-item--pause{color:var(--p4, #a29bfe)}.mode-selector-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.solo-locked-hint{font-size:10px;color:var(--p0, #ff4d6d);text-align:center;letter-spacing:.3px;font-weight:600}@keyframes pulse-urgent-disc{0%,to{box-shadow:0 0 #ff4d6db3,0 0 #ff4d6d66}50%{box-shadow:0 0 0 12px #ff4d6d00,0 0 20px 4px #ff4d6d40}}.yt-game-disc-overlay.disc-urgent .yt-disc-inner{animation:pulse-urgent-disc .9s ease-in-out infinite;outline:2px solid rgba(255,77,109,.8);outline-offset:3px}.yt-game-disc-overlay.disc-urgent .yt-disc-center{color:var(--p0, #ff4d6d)}.disc-urgent-label{color:var(--p0, #ff4d6d)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px;font-size:11px!important}.lobby-settings-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;color:inherit;font-family:inherit}.lobby-settings-toggle h3{margin-bottom:0}.lobby-settings-chevron{font-size:12px;color:var(--text-muted);transition:transform .2s}.lobby-settings-chevron.open{transform:rotate(180deg)}.lobby-settings-toggle+.setting-row,.lobby-settings-toggle+div>.setting-row:first-child{margin-top:20px}.player-action-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px 6px;border-radius:6px;opacity:.5;transition:opacity .15s,background .15s}.player-action-btn:hover{opacity:1;background:#ffffff14}.player-action-btn.kick-btn:hover{background:#ff4d6d33}.leave-room-btn{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.25);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;color:var(--deep-coral);text-decoration:none;margin-top:16px;padding:8px 24px;transition:background .15s,border-color .15s}.leave-room-btn:hover{background:#ff4d6d33;border-color:#ff4d6d66}.leave-room-btn.leave-yes{color:var(--sunset-red);text-decoration:none;background:#ff4d6d26;border-radius:6px;padding:4px 12px}.leave-room-btn.leave-no{text-decoration:none;color:var(--text-muted);padding:4px 12px}.leave-confirm{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:12px}.game-screen{padding:0;justify-content:flex-start;overflow-x:hidden}.game-play-area{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:0;overflow-x:hidden}.game-topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#1a0e2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap;gap:8px;flex-shrink:0}.game-topbar .game-info{display:flex;align-items:center;gap:12px}.game-topbar .room-tag{background:var(--bg-surface);padding:6px 14px;border-radius:8px;font-family:Space Grotesk,monospace;font-size:14px;font-weight:600;color:var(--sunset-orange);letter-spacing:2px}.game-topbar .round-tag{font-size:13px;color:var(--text-secondary)}.game-topbar .round-tag span{color:var(--text-primary);font-weight:600}.game-topbar .mode-badge{background:var(--bg-surface);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:600;color:var(--seafoam);border:1px solid rgba(6,214,160,.2);display:flex;align-items:center;gap:5px}.game-topbar .my-score-badge{background:var(--bg-surface);padding:5px 14px;border-radius:50px;font-size:13px;font-weight:700;color:var(--sandy-gold);border:1px solid rgba(255,200,87,.25);letter-spacing:.5px;display:flex;align-items:center;gap:6px}.leave-game-btn{background:none;border:none;cursor:pointer;font-size:16px;color:var(--text-muted);padding:4px 8px;border-radius:6px;transition:color .15s,background .15s;line-height:1}.leave-game-btn:hover{color:var(--sunset-red, #ff4d6d);background:#ff4d6d1f}.leave-game-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.leave-game-modal{background:var(--bg-surface, #1a1a2e);border-radius:16px;padding:32px 28px;text-align:center;max-width:340px;width:100%;border:1px solid rgba(255,255,255,.06)}.leave-game-icon{font-size:36px;margin-bottom:12px}.leave-game-modal h3{font-size:18px;margin-bottom:8px}.leave-game-modal p{font-size:13px;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.leave-game-actions{display:flex;gap:10px;justify-content:center}.safety-bar-wrap{display:flex;align-items:center;gap:0;position:relative}.safety-bar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent}.safety-bar{display:flex;align-items:center;gap:4px;z-index:9999;animation:safetyBarSlide .15s ease-out}@keyframes safetyBarSlide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.safety-bar-item{background:var(--bg-surface, #1a1a2e);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary, #ccc);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.safety-bar-item:hover{background:#ffffff0f;color:#fff}.safety-bar-item--danger{color:var(--sunset-red, #ff4d6d);border-color:#ff4d6d4d}.safety-bar-item--danger:hover{background:#ff4d6d1f;color:var(--sunset-red, #ff4d6d)}.safety-bar-item--restart{color:#f59e0b;border-color:#f59e0b4d}.safety-bar-item--restart:hover{background:#f59e0b1a;color:#f59e0b}.safety-bar-item--active{color:var(--accent-green, #06d6a0);border-color:#06d6a04d}.safety-bar-item--active:hover{background:#06d6a01a}.safety-icon{font-size:14px;line-height:1;margin-left:6px}.safety-label{display:inline}@media (max-width: 640px){.safety-bar{flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + 8px);right:0;background:#1e1e2e;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:6px;box-shadow:0 8px 28px #0000008c;gap:2px;animation:safetyDropDown .15s ease-out}@keyframes safetyDropDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.safety-label{display:none}.safety-icon{margin-left:0;font-size:18px}.safety-bar-item{border-radius:10px;padding:12px 16px;font-size:18px;text-align:center;border:none;background:transparent;display:flex;align-items:center;justify-content:center}.safety-bar-item:hover{background:#ffffff0f}}.safety-bar-divider{height:1px;background:#ffffff14;margin:4px 0}.scoreboard{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.score-chip{display:flex;align-items:center;gap:6px;background:var(--bg-surface);padding:5px 12px;border-radius:50px;font-size:12px;font-weight:500;transition:var(--t-color)}.score-chip .score-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700}.score-chip .score-pts{font-weight:700;color:var(--sandy-gold)}.score-chip.active-turn{border:2px solid var(--tropical-pink);background:#ff4d6d1a}.player-ring{display:flex;align-items:flex-start;justify-content:center;gap:clamp(8px,2vw,20px);padding:6px 12px 2px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.ring-node{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:clamp(56px,10vw,80px);position:relative;padding-top:4px;transition:transform .3s ease;overflow:visible}.ring-node--bump{animation:ringBump .4s ease}@keyframes ringBump{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.ring-turn-label{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:8px;text-transform:uppercase;letter-spacing:1.5px;color:var(--tropical-pink);font-weight:700;white-space:nowrap}.ring-avatar-wrap{position:relative;width:clamp(40px,8vw,56px);height:clamp(40px,8vw,56px);margin-bottom:12px}.ring-avatar{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,2.5vw,20px);color:#fff;font-weight:700;position:relative;z-index:1}.ring-progress{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg)}.ring-progress-bg{stroke:#ffffff0f}.ring-progress-fill{stroke:var(--seafoam);stroke-linecap:round;transition:stroke-dasharray .5s ease}.ring-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--tropical-pink);animation:ringPulse 1.6s ease-in-out infinite;z-index:0}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:0}}.ring-delta{position:absolute;top:-8px;right:-6px;background:var(--seafoam);color:#000;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;animation:ringDeltaPop 1.3s ease forwards;z-index:2}@keyframes ringDeltaPop{0%{opacity:0;transform:translateY(4px) scale(.7)}20%{opacity:1;transform:translateY(-6px) scale(1.1)}to{opacity:0;transform:translateY(-18px) scale(.8)}}.ring-name{font-size:clamp(10px,1.5vw,13px);font-weight:600;color:var(--text-primary);max-width:clamp(56px,10vw,80px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ring-node--active .ring-name{color:var(--tropical-pink)}.ring-score{font-size:clamp(9px,1.2vw,12px);color:var(--sandy-gold);font-weight:700;display:flex;align-items:center;gap:3px}.ring-potential{font-size:clamp(8px,1vw,10px);font-weight:600;font-family:Space Grotesk,sans-serif;transition:color .4s ease;opacity:.85}.player-chips{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px 12px 4px;flex-shrink:0;flex-wrap:wrap}.player-chips--reversing{animation:ringReverseFlip .8s cubic-bezier(.34,1.56,.64,1)}.p-chip{display:flex;align-items:center;gap:6px;background:#ffffff0f;border-radius:20px;padding:4px 10px 4px 4px;position:relative;transition:box-shadow .4s ease}.p-chip--bump{animation:ringBump .4s ease}.p-chip--active{background:#ffffff1a;animation:chipActivePulse 2s ease-in-out infinite}@keyframes chipActivePulse{0%,to{background:#ffffff1a}50%{background:#ffffff26}}.p-chip-avatar{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;color:#000;font-weight:700}.p-chip-info{display:flex;flex-direction:column;gap:0;min-width:0}.p-chip-name{font-size:11px;font-weight:600;color:var(--text-primary);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.p-chip--me .p-chip-name{color:var(--seafoam)}.p-chip--active .p-chip-name{color:var(--tropical-pink)}.p-chip-score{font-size:10px;font-weight:700;color:var(--sandy-gold);font-family:Space Grotesk,sans-serif;line-height:1.1}.p-chip-streak{font-size:9px;font-weight:700;color:var(--golden, #fbbf24);white-space:nowrap}.p-chip-streak--fire{color:var(--sunset-orange, #f97316);animation:streakPulse .8s ease-in-out infinite}.p-chip-sab{font-size:9px;color:#c084fc;white-space:nowrap}.p-chip-delta{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--seafoam);color:#000;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;animation:ringDeltaPop 1.3s ease forwards;z-index:2;white-space:nowrap}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#000000a6;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lb-overlay-card{background:var(--card-bg, #1a1a2e);border:1px solid rgba(255,255,255,.08);border-radius:16px;width:min(360px,92vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0f;animation:overlaySlideUp .25s ease;overflow:hidden}@keyframes overlaySlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lb-overlay-header{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.lb-overlay-title{font-size:16px;font-weight:700;margin:0;color:var(--text-primary);flex:1;font-family:Space Grotesk,sans-serif}.lb-overlay-round{font-size:11px;color:var(--text-secondary, rgba(255,255,255,.5));white-space:nowrap}.lb-overlay-close{background:#ffffff0f;border:none;color:var(--text-secondary);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.lb-overlay-close:hover{background:#ffffff1f;color:var(--text-primary)}.lb-overlay-list{overflow-y:auto;padding:8px 12px 12px;display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch}.lb-overlay-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#ffffff08;transition:background .15s,box-shadow .3s}.lb-overlay-row--me{background:#56d6a014;border:1px solid rgba(86,214,160,.15)}.lb-overlay-row--active{animation:chipPulse 2s ease-in-out infinite}.lb-overlay-rank{width:28px;text-align:center;flex-shrink:0;font-size:15px;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text-secondary)}.lb-overlay-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#000;font-weight:700}.lb-overlay-player{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lb-overlay-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-overlay-row--me .lb-overlay-name{color:var(--seafoam)}.lb-overlay-badges{display:flex;gap:6px;font-size:11px;color:var(--text-secondary)}.lb-overlay-badges span{white-space:nowrap}.lb-overlay-pts{font-size:15px;font-weight:700;flex-shrink:0;color:var(--sandy-gold);font-family:Space Grotesk,sans-serif}.reveal-mini-lb{display:flex;flex-direction:column;gap:3px;margin:8px auto 4px;max-width:260px;background:#ffffff0a;border-radius:8px;padding:6px 10px}.reveal-lb-row{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:12px}.reveal-lb-row--me{font-weight:700}.reveal-lb-row--me .reveal-lb-name{color:var(--seafoam)}.reveal-lb-medal{width:22px;text-align:center;flex-shrink:0;font-size:13px}.reveal-lb-name{flex:1;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-lb-score{font-weight:700;color:var(--sandy-gold);font-family:Space Grotesk,sans-serif;flex-shrink:0}.host-section{text-align:center;padding:28px 20px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.host-section.compact{padding:10px 16px 8px}.now-playing-compact{display:flex;align-items:center;justify-content:center;gap:14px}.turn-info-compact{text-align:center}.turn-info-compact .now-playing-label{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:2px}.turn-info-compact h2{font-size:18px;margin:0}.turn-info-compact h2 .highlight{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.now-playing-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.now-playing-info{text-align:left}.now-playing-label{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--text-muted);margin-bottom:6px}.turn-info h2{font-size:24px;margin-bottom:4px}.turn-info h2 .highlight{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.song-mystery{font-size:32px;font-weight:700;letter-spacing:6px;color:var(--text-muted);margin-top:8px}.song-title-display{font-size:18px;font-weight:600;margin-top:8px;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sound-wave{display:flex;align-items:center;gap:3px;justify-content:center;margin-top:12px;height:28px}.sound-wave.small{margin-top:0;height:18px;gap:2px}.sound-wave.small .bar{width:2px}.sound-wave .bar{width:3px;border-radius:3px;background:var(--tropical-pink);animation:wave 1.2s ease-in-out infinite}.sound-wave.paused .bar{animation:none;opacity:.3}.sound-wave .bar:nth-child(1){height:10px;animation-delay:0s}.sound-wave .bar:nth-child(2){height:18px;animation-delay:.1s}.sound-wave .bar:nth-child(3){height:26px;animation-delay:.2s}.sound-wave .bar:nth-child(4){height:14px;animation-delay:.3s}.sound-wave .bar:nth-child(5){height:22px;animation-delay:.4s}.sound-wave .bar:nth-child(6){height:12px;animation-delay:.5s}@keyframes wave{0%,to{transform:scaleY(.5);opacity:.6}50%{transform:scaleY(1);opacity:1}}.playback-controls{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px;justify-content:center}.playback-controls.compact{margin-top:6px;gap:4px}.playback-row{display:flex;align-items:center;gap:10px;justify-content:center}.playback-row.compact{gap:8px}.play-pause-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--gradient-main);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ff8c4259;transition:var(--t-transform),var(--t-shadow)}.play-pause-btn.compact{width:36px;height:36px;font-size:16px;box-shadow:0 2px 12px #ff8c424d}.play-pause-btn:hover{transform:scale(1.08)}.play-pause-btn.tap-to-listen{background:var(--gradient-cool);animation:tapPulse 1.5s ease-in-out infinite}@keyframes tapPulse{0%,to{box-shadow:0 0 #06d6a066}50%{box-shadow:0 0 0 8px #06d6a01a}}.seek-btn{width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:var(--text-secondary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--t-interactive)}.seek-btn.compact{width:26px;height:26px;font-size:8px}.seek-btn:hover{background:#ffffff26;color:var(--text-primary);transform:scale(1.08)}.seek-btn:active{transform:scale(.95)}.mute-btn{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--t-color);flex-shrink:0}.mute-btn.compact{width:26px;height:26px;font-size:12px}.mute-btn:hover{background:#ffffff26}.mute-btn.muted{background:#ff4d6d26;border-color:#ff4d6d4d}.autoplay-blocked-prompt{text-align:center;padding:8px 16px;margin-bottom:6px;background:linear-gradient(135deg,#06d6a026,#06d6a014);border:1px solid rgba(6,214,160,.3);border-radius:var(--radius-sm);color:var(--seafoam);font-size:14px;font-weight:700;cursor:pointer;animation:pulse-glow-green 2s ease-in-out infinite}@keyframes pulse-glow-green{0%,to{box-shadow:0 0 6px #06d6a033}50%{box-shadow:0 0 14px #06d6a066}}.listener-row{justify-content:center}.listener-play-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#06d6a02e,#06d6a014);border:1px solid rgba(6,214,160,.35);color:var(--seafoam, #06d6a0);font-size:14px;font-weight:600;padding:8px 20px;border-radius:50px;cursor:pointer;transition:background .2s,box-shadow .2s;animation:pulse-glow-green 2s ease-in-out infinite}.listener-play-btn:hover{background:linear-gradient(135deg,#06d6a047,#06d6a024);box-shadow:0 0 12px #06d6a04d}.listener-play-btn--playing{animation:none;background:#06d6a01a;border-color:#06d6a033;color:var(--text-muted)}.listener-play-btn--playing:hover{background:#ffffff0f;box-shadow:none}.listener-play-btn--muted{background:#ff4d6d14;border-color:#ff4d6d40;color:#ff4d6dcc}.listener-play-btn--muted:hover{background:#ff4d6d26}.listener-play-btn--emoji{padding:8px 14px;font-size:20px;min-width:44px;justify-content:center}.song-timer{font-family:Space Grotesk,monospace;font-size:22px;font-weight:700;color:var(--text-primary);min-width:56px;text-align:center}.song-timer.compact{font-size:16px;min-width:40px}.song-timer.warning{color:var(--deep-coral);animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.timer-bar-wrap{width:100%;max-width:200px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.timer-bar-wrap.compact{max-width:140px;height:4px}.timer-bar{height:100%;border-radius:3px;transition:width 1s linear;background:var(--gradient-warm)}.timer-bar.low{background:var(--deep-coral)}.card-player-embed{width:100%;margin:4px 0;pointer-events:auto;cursor:default}.player-section{padding:8px 12px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.turn-indicator{text-align:center;padding:6px 0 4px}.turn-indicator-text{font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--text-muted)}.turn-indicator--mine{font-size:18px;font-weight:800;letter-spacing:.06em;color:var(--seafoam, #56d6a0);text-shadow:0 0 14px rgba(86,214,160,.5),0 0 28px rgba(86,214,160,.2);animation:turnTextPulse 2s ease-in-out infinite}@keyframes turnTextPulse{0%,to{text-shadow:0 0 14px rgba(86,214,160,.5),0 0 28px rgba(86,214,160,.2);transform:scale(1)}50%{text-shadow:0 0 22px rgba(86,214,160,.7),0 0 44px rgba(86,214,160,.35);transform:scale(1.05)}}.turn-indicator--mine.turn-indicator--nudge{font-size:20px;animation:turnTextNudge 1s ease-in-out infinite}@keyframes turnTextNudge{0%,to{text-shadow:0 0 18px rgba(86,214,160,.6),0 0 36px rgba(86,214,160,.3);transform:scale(1)}50%{text-shadow:0 0 30px rgba(86,214,160,.9),0 0 60px rgba(86,214,160,.4),0 0 90px rgba(86,214,160,.15);transform:scale(1.08)}}.turn-splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4600;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:backdrop-filter .18s ease,-webkit-backdrop-filter .18s ease;animation:turnSplashIn .35s ease-out}.turn-splash-overlay.splash-overlay-ready{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.turn-splash--me-bg{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--theme-you-accent, var(--seafoam)) 25%,transparent),color-mix(in srgb,var(--theme-you-accent, var(--seafoam)) 8%,transparent) 40%,#000000bf)}.turn-splash--other-bg{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 25%,transparent),color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 6%,transparent) 40%,#000000bf)}.turn-splash-card{display:flex;flex-direction:column;align-items:center;gap:10px;animation:roundCardPop .5s cubic-bezier(.34,1.56,.64,1);contain:layout}.turn-splash-icon{font-size:42px}.turn-splash-icon.bounce-ready{animation:turnSplashBounce 1s ease-in-out infinite}@keyframes turnSplashBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.turn-splash-text{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:800;text-transform:uppercase;letter-spacing:5px}.turn-splash--mine{color:var(--theme-you-accent, var(--seafoam, #56d6a0));text-shadow:0 0 30px color-mix(in srgb,var(--theme-you-accent, var(--seafoam, #56d6a0)) 60%,transparent),0 0 60px color-mix(in srgb,var(--theme-you-accent, var(--seafoam, #56d6a0)) 30%,transparent),0 2px 4px rgba(0,0,0,.4)}.turn-splash--other{color:var(--theme-accent, var(--sunset-orange));text-shadow:0 0 30px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 50%,transparent),0 0 60px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 20%,transparent),0 2px 4px rgba(0,0,0,.4)}.turn-splash-sub{font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffff8c}.turn-splash-countdown{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800;color:#ffffff40;margin-top:6px}.turn-splash-skip{margin-top:4px;padding:6px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff9;font-size:12px;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background .15s,color .15s}.turn-splash-skip:hover{background:#ffffff2e;color:#ffffffe6}.turn-splash-waiting{margin-top:12px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff59;animation:waitingPulse 1.4s ease-in-out infinite}@keyframes waitingPulse{0%,to{opacity:.35}50%{opacity:.75}}@keyframes turnSplashIn{0%{opacity:0}to{opacity:1}}@media (max-width: 640px){.turn-splash-text{font-size:32px;letter-spacing:3px}.turn-splash-sub{font-size:11px;letter-spacing:1.5px}.turn-splash-countdown{font-size:22px}}.timeline-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:4px;text-align:center}.timeline{display:flex;align-items:center;gap:0;padding:6px 4px;min-height:80px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;justify-content:flex-start;scroll-behavior:smooth}@media (hover: hover) and (pointer: fine){.timeline{scrollbar-width:thin;scrollbar-color:rgba(255,140,66,.35) transparent}.timeline::-webkit-scrollbar{height:6px}.timeline::-webkit-scrollbar-track{background:transparent}.timeline::-webkit-scrollbar-thumb{background:#ff8c424d;border-radius:3px}.timeline::-webkit-scrollbar-thumb:hover{background:#ff8c4280}.timeline:not(:hover)::-webkit-scrollbar-thumb{background:#ff8c4226}}.timeline:before,.timeline:after{content:"";flex:1 0 0px}.timeline-card{flex-shrink:0;width:140px;min-height:196px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;transition:var(--t-transform),var(--t-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;gap:4px}.timeline-card .card-year{font-family:Space Grotesk,monospace;font-size:28px;font-weight:700;background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2px}.timeline-card .card-title{font-size:16px;font-weight:600;margin-bottom:2px;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.timeline-card .card-artist{font-size:15px;color:var(--text-muted);white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.timeline-connector{width:24px;height:2px;background:#ffffff14;flex-shrink:0}.timeline.timeline-fluid{gap:0;padding:12px;align-items:stretch}.timeline-fluid .timeline-card{box-shadow:0 2px 8px #00000040,0 1px 3px #00000026;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;position:relative;z-index:1}.timeline-fluid .timeline-card:hover{z-index:10;transform:rotate(0) translateY(-6px)!important;box-shadow:0 8px 24px #00000059,0 2px 6px #0003}.timeline-edge-hints{display:flex;justify-content:center;gap:12px;padding:0 8px 6px;max-width:400px;margin:0 auto}.edge-hint{background:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 8%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 25%,transparent);cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--theme-accent, var(--sunset-orange));padding:6px 16px;border-radius:var(--radius-sm);transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:flex;align-items:center;gap:5px}.edge-hint--glow{box-shadow:0 0 8px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 20%,transparent);animation:edgeGlow 2s ease-in-out infinite}@keyframes edgeGlow{0%,to{box-shadow:0 0 6px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 15%,transparent)}50%{box-shadow:0 0 14px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 35%,transparent)}}.edge-hint:hover:not(:disabled){background:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 16%,transparent);border-color:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 50%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 30%,transparent)}.edge-hint:active:not(:disabled){background:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 24%,transparent);transform:scale(.97)}.edge-hint:disabled{opacity:.3;cursor:default;animation:none;box-shadow:none}.edge-arrow{font-size:15px;line-height:1}.gap-target{flex-shrink:0;width:4px;min-height:100px;display:flex;align-items:center;justify-content:center;transition:width .35s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.gap-target.gap-active{cursor:pointer;min-width:12px;width:12px}.gap-target.gap-expanded{width:94px}.gap-target.gap-expanded-inner{width:52px}.gap-target.gap-placed{width:0;min-width:0;overflow:hidden}.gap-placed-marker{font-size:18px;animation:gapPulse 1.5s ease-in-out infinite}@keyframes gapPulse{0%,to{opacity:.6}50%{opacity:1}}.gap-target.gap-active:hover{background:color-mix(in srgb,var(--theme-primary, #ff8c42) 6%,transparent);border-radius:var(--radius-sm)}.gap-target.gap-active:active{width:40px;background:color-mix(in srgb,var(--theme-primary, #ff8c42) 10%,transparent);transition-duration:.1s}.player-section.drag-hint-active .gap-target.gap-active{min-width:5px;width:5px;background:color-mix(in srgb,var(--theme-primary, #ff8c42) 70%,transparent);border:none;border-radius:3px;box-shadow:0 0 10px 3px color-mix(in srgb,var(--theme-primary, #ff8c42) 50%,transparent),0 0 22px 6px color-mix(in srgb,var(--theme-primary, #ff8c42) 25%,transparent),0 0 36px 10px color-mix(in srgb,var(--theme-primary, #ff8c42) 10%,transparent);animation:gapGlowPulse 2s ease-in-out infinite}@keyframes gapGlowPulse{0%,to{background:color-mix(in srgb,var(--theme-primary, #ff8c42) 55%,transparent);box-shadow:0 0 8px 2px color-mix(in srgb,var(--theme-primary, #ff8c42) 40%,transparent),0 0 18px 5px color-mix(in srgb,var(--theme-primary, #ff8c42) 15%,transparent)}50%{background:color-mix(in srgb,var(--theme-primary, #ff8c42) 85%,transparent);box-shadow:0 0 14px 4px color-mix(in srgb,var(--theme-primary, #ff8c42) 60%,transparent),0 0 28px 8px color-mix(in srgb,var(--theme-primary, #ff8c42) 25%,transparent),0 0 44px 12px color-mix(in srgb,var(--theme-primary, #ff8c42) 10%,transparent)}}.gap-target.gap-preview{width:60px;background:#56d6a014;border-radius:var(--radius-sm)}.drop-zone{flex-shrink:0;width:80px;min-height:120px;min-width:64px;border:2px dashed color-mix(in srgb,var(--theme-primary, #ff8c42) 35%,transparent);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:var(--t-interactive);background:color-mix(in srgb,var(--theme-primary, #ff8c42) 3%,transparent);touch-action:none}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--theme-primary, var(--sunset-orange));background:color-mix(in srgb,var(--theme-primary, #ff8c42) 15%,transparent);transform:scale(1.06);box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary, #ff8c42) 10%,transparent)}.drop-zone.placed{border-color:var(--seafoam);background:#06d6a01a;border-style:solid}.drop-zone .drop-label{font-size:10px;color:var(--text-muted);text-align:center;pointer-events:none}.drop-zone .drop-label .arrow{font-size:18px;display:block;margin-bottom:2px}.placement-marker{flex-shrink:0;width:80px;min-height:60px;border:2px dashed var(--seafoam);border-radius:var(--radius-sm);background:#06d6a014;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;animation:gapPulse 1.5s ease-in-out infinite}.placement-marker span:first-child{font-size:20px}.placement-marker-label{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--seafoam);font-weight:600}@media (max-width: 640px){.drop-zone{width:56px;min-height:90px}.timeline-card{width:118px;min-height:164px;padding:10px 8px}.timeline-card .card-year{font-size:24px}.timeline-card .card-title{font-size:15px}.timeline-card .card-artist{font-size:14px}.timeline-connector{width:16px}.active-song-area{padding:10px 8px 8px}.active-song-card{min-width:160px;max-width:260px;padding:10px 18px}.active-song-card.vinyl-mystery{min-width:unset;max-width:unset}.gap-target.gap-active{min-width:10px;width:10px}.gap-target.gap-expanded{width:66px}.gap-target.gap-expanded-inner{width:38px}.timeline-edge-hints{padding:0 4px 4px;gap:10px}}@media (max-width: 390px){.player-section{padding:10px 6px 0}.drop-zone{width:44px;min-height:76px;min-width:44px}.drop-zone .drop-label{font-size:9px}.drop-zone .drop-label .arrow{font-size:14px}.timeline-card{width:104px;min-height:148px;padding:8px 6px}.timeline-card .card-year{font-size:24px}.timeline-card .card-title{font-size:14px}.timeline-card .card-artist{font-size:13px}.timeline-connector{width:10px}.active-song-card{min-width:140px;max-width:240px;padding:8px 14px}.active-song-card.vinyl-mystery{min-width:unset;max-width:unset}.gap-target.gap-active{min-width:8px;width:8px}.gap-target.gap-expanded{width:54px}.gap-target.gap-expanded-inner{width:30px}}.player-section.drag-active,.player-section.drag-active .timeline{overflow:hidden;touch-action:none}.active-song-area{padding:16px 16px 12px;text-align:center;position:relative}.active-song-cancel-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--text-muted, #777);border-radius:8px;background:color-mix(in srgb,var(--theme-primary, #ff8c42) 5%,transparent);transition:background .2s,color .2s;pointer-events:none}.active-song-area--cancel-over .active-song-cancel-label{background:color-mix(in srgb,var(--theme-primary, #ff8c42) 18%,transparent);color:var(--theme-primary, var(--sunset-orange))}.active-song-card{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary, #ff8c42) 12%,transparent),#ff4d6d1f);border:2px solid color-mix(in srgb,var(--theme-primary, #ff8c42) 30%,transparent);border-radius:var(--radius);padding:8px 16px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;cursor:grab;-webkit-user-select:none;user-select:none;transition:var(--t-interactive);min-width:180px;max-width:240px;position:relative;overflow:visible}.active-song-card:active{cursor:grabbing}.active-song-card.pressing{transform:scale(.96);border-color:color-mix(in srgb,var(--theme-primary, #ff8c42) 80%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary, #ff8c42) 22%,transparent),#ff4d6d38);box-shadow:0 0 0 6px color-mix(in srgb,var(--theme-primary, #ff8c42) 12%,transparent),0 0 24px color-mix(in srgb,var(--theme-primary, #ff8c42) 25%,transparent)}.active-song-card.dragging{opacity:.65;cursor:grabbing;transform:scale(1.04);border-color:var(--theme-primary, var(--sunset-orange));box-shadow:0 16px 40px color-mix(in srgb,var(--theme-primary, #ff8c42) 45%,transparent)}.active-song-card.placed{opacity:.75;border-color:var(--seafoam);box-shadow:0 4px 16px #06d6a040;transform:scale(.92)}.active-song-hint{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-weight:500;margin-top:2px}.vinyl-hint-wrap{display:contents}.vinyl-hint-wrap.drag-hint-active{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;padding:12px 16px;gap:4px;animation:dragHintPulse 2s ease-in-out infinite}@keyframes dragHintPulse{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 20%,transparent),0 0 24px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 10%,transparent);border-color:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 30%,transparent)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 45%,transparent),0 0 40px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 20%,transparent),0 0 0 8px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 8%,transparent);border-color:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 70%,transparent)}}.drag-discovery-hint{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:0}.drag-discovery-arrow{color:var(--theme-primary, var(--sunset-orange));animation:dragArrowBounce 1.2s ease-in-out infinite;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--theme-primary, #ff8c42) 40%,transparent))}@keyframes dragArrowBounce{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-8px);opacity:1}}.drag-discovery-text{display:flex;flex-direction:column;align-items:center;gap:1px}.drag-discovery-primary{font-size:14px;font-weight:700;color:var(--theme-emphasis-text, #ffffff);letter-spacing:.3px}.drag-discovery-secondary{font-size:10px;font-weight:500;color:var(--text-secondary);letter-spacing:.5px}.auto-start-countdown{font-size:11px;font-weight:600;color:var(--theme-accent, var(--sunset-orange));text-align:center;margin-top:4px;animation:countdownPulse 1s ease-in-out infinite}.active-song-card .song-question{font-size:20px;margin:0}.active-song-card.vinyl-mystery{background:transparent;border:none;box-shadow:none;padding:4px 8px;min-width:unset;max-width:unset}.active-song-card.vinyl-mystery.pressing{background:transparent;border:none;box-shadow:none;transform:scale(.94)}.active-song-card.vinyl-mystery.placed{background:transparent;border:none;box-shadow:none;opacity:.75;transform:scale(.85)}.vinyl-timer-wrap{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;padding:10px}.vinyl-timer-ring{position:absolute;width:calc(clamp(104px,18vw,148px) + 16px);height:calc(clamp(104px,18vw,148px) + 16px);pointer-events:none;z-index:1}.mystery-vinyl{width:clamp(104px,18vw,148px);height:clamp(104px,18vw,148px);border-radius:50%;position:relative;background:radial-gradient(circle at 40% 35%,#2a2a4e,#1a1a2e 30%,#0a0a18 70%,#050510);border:3px solid color-mix(in srgb,var(--theme-primary, #ff8c42) 55%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--theme-primary, #ff8c42) 20%,transparent),0 0 48px color-mix(in srgb,var(--theme-primary, #ff8c42) 10%,transparent),inset 0 0 20px #0009;animation:vinylSpin 3s steps(12) infinite;margin:0 auto}.active-song-card.placed .mystery-vinyl{border-color:#06d6a080;box-shadow:0 0 20px #06d6a033,0 0 40px #06d6a014,inset 0 0 20px #00000080;animation-duration:6s}.mystery-vinyl-grooves{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 0 0 4px #ffffff0f,inset 0 0 0 9px #ffffff0a,inset 0 0 0 14px #ffffff0f,inset 0 0 0 19px #ffffff08,inset 0 0 0 24px #ffffff0d;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.02) 30%,transparent 50%,rgba(255,255,255,.06) 80%,rgba(255,255,255,.01) 100%)}.mystery-vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary, #ff8c42) 30%,transparent),color-mix(in srgb,var(--theme-primary, #ff4d6d) 30%,transparent));border:2px solid color-mix(in srgb,var(--theme-primary, #ff8c42) 50%,transparent);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;animation:vinylSpinReverse 3s steps(12) infinite;z-index:3}.vinyl-play-btn{cursor:pointer;padding:0;transition:transform .15s,background .15s}.vinyl-play-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary, #ff8c42) 50%,transparent),color-mix(in srgb,var(--theme-primary, #ff4d6d) 50%,transparent))}.vinyl-play-btn:active{transform:translate(-50%,-50%) scale(.9)}.active-song-card.placed .mystery-vinyl-center{animation-duration:6s;background:linear-gradient(135deg,#06d6a04d,#06d6a026);border-color:#06d6a080}.vinyl-controls-row{display:flex;align-items:center;justify-content:center;gap:16px}.vinyl-seek-btn{width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background .15s,color .15s,transform .1s}.vinyl-seek-btn:hover{background:#ffffff24;color:#fff}.vinyl-seek-btn:active{background:color-mix(in srgb,var(--theme-primary, #ff8c42) 25%,transparent);transform:scale(.9)}.mystery-vinyl.vinyl-playing{border-color:color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 80%,transparent);box-shadow:0 0 28px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 35%,transparent),0 0 56px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 15%,transparent),inset 0 0 20px #00000080;animation:vinylSpin 3s steps(12) infinite}.mystery-vinyl.vinyl-playing.vinyl-glow-active{animation:vinylSpin 3s steps(12) infinite}.mystery-vinyl.vinyl-playing.vinyl-glow-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:0 0 8px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 15%,transparent),0 0 16px color-mix(in srgb,var(--theme-accent, var(--sunset-orange)) 7%,transparent);opacity:0;animation:vinylGlowPulse 2s ease-in-out infinite alternate;will-change:opacity}@keyframes vinylGlowPulse{0%{opacity:0}to{opacity:1}}.vinyl-countdown{font-size:22px;font-weight:700;color:var(--sunset-orange);text-align:center;margin-top:6px;line-height:1;animation:countdownPulse 1s ease-in-out infinite}.vinyl-countdown-urgent{color:var(--error-color, #ff4d6d)}@keyframes countdownPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes vinylUrgentPulse{0%,to{box-shadow:0 0 #ff4d6db3,inset 0 0 20px #00000080;border-color:#ff4d6dcc}50%{box-shadow:0 0 0 14px #ff4d6d00,0 0 30px #ff4d6d4d,inset 0 0 20px #00000080;border-color:#ff4d6d}}.mystery-vinyl.vinyl-urgent{animation:vinylUrgentPulse .9s ease-in-out infinite;border-color:#ff4d6dcc}.mystery-vinyl.vinyl-urgent .mystery-vinyl-center{animation:none;transform:translate(-50%,-50%)}.vinyl-play-btn.vinyl-play-urgent{background:linear-gradient(135deg,#ff4d6d66,#ff4d6d33)!important;border-color:#ff4d6dcc!important;color:#ff4d6d!important;font-size:18px}.auto-start-tap-hint{font-size:13px;font-weight:700;color:var(--p0, #ff4d6d);text-align:center;margin-top:6px;text-transform:uppercase;letter-spacing:.5px;animation:countdownPulse .9s ease-in-out infinite}@keyframes vinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vinylSpinReverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.vinyl-static{animation:none!important}.active-song-card.vinyl-mystery .card-player-embed{width:100%;margin-top:4px}.vinyl-section{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 16px 12px}.vinyl-waiting-msg{color:var(--text-muted);font-size:clamp(11px,1.5vw,14px);margin:0}.vinyl-section .mystery-vinyl{width:clamp(140px,24vw,190px);height:clamp(140px,24vw,190px)}.vinyl-section .vinyl-timer-ring{width:calc(clamp(140px,24vw,190px) + 16px);height:calc(clamp(140px,24vw,190px) + 16px)}.vinyl-section .timer-bar-wrap{display:none}.drop-zone.tappable{cursor:pointer}.drop-zone.tappable:active{border-color:var(--theme-primary, var(--sunset-orange));background:color-mix(in srgb,var(--theme-primary, #ff8c42) 20%,transparent);transform:scale(1.08)}.active-song-card.drag-overlay-card{opacity:1;transform:scale(1.05);box-shadow:0 20px 48px color-mix(in srgb,var(--theme-primary, #ff8c42) 50%,transparent),0 0 0 2px var(--theme-primary, var(--sunset-orange));cursor:grabbing;pointer-events:none}.active-song-card.vinyl-mystery.drag-overlay-card{background:transparent;border:none;box-shadow:none;pointer-events:none}.hold-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;border:2.5px solid var(--theme-primary, var(--sunset-orange));opacity:0;pointer-events:none;clip-path:inset(0 100% 0 0)}.active-song-card.pressing .hold-ring{animation:holdSweep .26s linear forwards}@keyframes holdSweep{0%{clip-path:inset(0 100% 0 0);opacity:.5}60%{opacity:1}to{clip-path:inset(0 0% 0 0);opacity:1}}.point-counter{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 2px}.point-counter-value{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:800;line-height:1}.point-counter-value.pulse{animation:pointPulse var(--pulse-speed, 1.2s) ease-in-out infinite}@keyframes pointPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(var(--pulse-scale, 1.08));opacity:.85}}.point-counter-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.point-counter--compact{flex-direction:row;gap:5px;padding:4px 0}.point-counter--compact .point-counter-value{font-size:20px}.point-counter--compact .point-counter-label{font-size:10px;align-self:flex-end;padding-bottom:2px}.lockin-bar{padding:8px 16px;padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;box-sizing:border-box}.lockin-guess-row{display:flex;gap:8px;width:100%;max-width:400px;box-sizing:border-box}.guess-input{flex:1;min-width:0;background:var(--bg-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-size:16px;outline:none;transition:var(--t-color);font-family:Inter,sans-serif;box-sizing:border-box}.guess-input:focus{border-color:var(--sunset-orange)}.guess-input::placeholder{color:var(--text-muted)}.guess-input--optional{border-style:dashed;border-color:#ffffff1f}.guess-input--optional:focus{border-style:solid;border-color:var(--sunset-orange)}.lockin-actions{display:flex;align-items:center;gap:12px}.lockin-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--theme-cta-bg);color:var(--theme-cta-text);font-size:16px;font-weight:700;letter-spacing:.5px;padding:12px 36px;border:none;border-radius:50px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.lockin-btn:hover{background:var(--theme-cta-bg-hover);transform:scale(1.04);box-shadow:0 4px 20px color-mix(in srgb,var(--theme-primary, #ff8c42) 40%,transparent)}.lockin-btn:active{transform:scale(.97)}.lockin-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50px;border:2px solid color-mix(in srgb,var(--theme-primary, #ff8c42) 60%,transparent);animation:lockinPulse 1.8s ease-in-out infinite;pointer-events:none}@keyframes lockinPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:0}}.lockin-bar--placed .lockin-btn{box-shadow:0 0 18px 4px color-mix(in srgb,var(--theme-primary, #ff8c42) 55%,transparent),0 0 40px 8px color-mix(in srgb,var(--theme-primary, #ff4d6d) 25%,transparent);animation:lockinPlacedPulse 1.6s ease-in-out infinite}.gameplay-active .lockin-bar--placed .lockin-ring{animation-play-state:running!important}.lockin-bar--placed .guess-input--optional{box-shadow:0 0 12px 2px #ffffff14;border-color:#ffffff2e}@keyframes lockinPlacedPulse{0%,to{box-shadow:0 0 18px 4px color-mix(in srgb,var(--theme-primary, #ff8c42) 55%,transparent),0 0 40px 8px color-mix(in srgb,var(--theme-primary, #ff4d6d) 25%,transparent)}50%{box-shadow:0 0 24px 8px color-mix(in srgb,var(--theme-primary, #ff8c42) 70%,transparent),0 0 50px 12px color-mix(in srgb,var(--theme-primary, #ff4d6d) 35%,transparent)}}.controller-actions{padding:10px 16px;padding-bottom:max(80px,calc(60px + env(safe-area-inset-bottom)));display:flex;gap:10px;justify-content:center;position:relative;z-index:50}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#1a0e2ecc;display:flex;align-items:flex-start;justify-content:center;padding:24px;padding-top:max(24px,env(safe-area-inset-top,24px));animation:modalFadeIn .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:backdrop-filter .15s ease,-webkit-backdrop-filter .15s ease}.modal-overlay.modal-overlay-ready{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--theme-surface);border:1px solid var(--theme-surface-border);border-radius:24px;padding:36px 32px;max-width:420px;width:100%;text-align:center;box-shadow:0 24px 80px #00000080;animation:modalPop .4s cubic-bezier(.34,1.56,.64,1);margin:auto 0;flex-shrink:0;max-height:calc(100vh - 48px);max-height:calc(100svh - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;contain:layout}@keyframes modalPop{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-content .reveal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px;animation:revealPop .5s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes revealPop{0%{transform:scale(0)}to{transform:scale(1)}}.reveal-icon.correct{background:#06d6a026}.reveal-icon.wrong{background:#ff4d6d26}.modal-content h2{font-size:28px;margin-bottom:6px}.correct-text{color:var(--seafoam)}.wrong-text{color:var(--tropical-pink)}.revealed-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:24px;margin:20px auto;max-width:280px}.revealed-card .reveal-year{font-family:Space Grotesk,monospace;font-size:44px;font-weight:700;background:var(--gradient-tropical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.revealed-card .reveal-song{font-size:17px;font-weight:600;margin-bottom:3px}.revealed-card .reveal-artist{font-size:14px;color:var(--text-secondary)}.reveal-bonus{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}.bonus-tag{padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.bonus-tag.earned{background:#ffd16626;color:var(--sandy-gold);border:1px solid rgba(255,209,102,.3)}.bonus-tag.missed{background:#ffffff0a;color:var(--text-muted);border:1px solid rgba(255,255,255,.06);text-decoration:line-through;opacity:.5}.reveal-breakdown{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);padding:10px 14px;margin:14px 0;display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;align-items:center;gap:8px;font-size:13px}.breakdown-row span:nth-child(2){flex:1;color:var(--text-secondary)}.breakdown-row .breakdown-delta{font-weight:700;white-space:nowrap;min-width:44px;text-align:right}.breakdown-row.earned .breakdown-delta{color:#06d6a0}.breakdown-row.missed .breakdown-delta{color:var(--text-muted)}.breakdown-row.streak-row .breakdown-delta{color:var(--sunset-orange, #f97316)}.turn-streak-badge{text-align:center;font-size:14px;font-weight:700;color:var(--golden, #fbbf24);letter-spacing:.02em;padding:2px 0}.turn-streak-badge.on-fire{font-size:18px;color:var(--sunset-orange, #f97316);animation:streakPulse .8s ease-in-out infinite}.ring-badges-row{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:1px}.ring-streak{font-size:clamp(8px,1vw,10px);font-weight:700;color:var(--golden, #fbbf24);white-space:nowrap}.ring-streak--fire{color:var(--sunset-orange, #f97316);animation:streakPulse .8s ease-in-out infinite}.ring-node--on-fire .ring-avatar-wrap{overflow:visible}.fire-glow-ball{position:absolute;inset:calc(-1 * var(--fire-size, 36px) / 2);pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(circle at center,var(--fire-color, rgba(249, 115, 22, .6)) 0%,var(--fire-shadow, rgba(249, 115, 22, .3)) 40%,transparent 70%);opacity:var(--fire-opacity, .35);animation:fireGlow 1.8s ease-in-out infinite alternate}.ring-node--on-fire .ring-avatar{box-shadow:0 0 8px 2px #f9731666,0 0 18px 4px #fbbf2433}@keyframes fireGlow{0%{transform:scale(.92);opacity:calc(var(--fire-opacity, .35) * .75)}to{transform:scale(1.08);opacity:var(--fire-opacity, .35)}}.reveal-streak-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 2px;animation:streakBannerIn .4s ease-out}.reveal-streak-fire{font-size:28px;animation:fireWiggle .5s ease-in-out infinite alternate}.reveal-streak-text{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;color:var(--sunset-orange, #f97316);text-transform:uppercase;letter-spacing:.04em}@keyframes streakBannerIn{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fireWiggle{0%{transform:rotate(-6deg) scale(1)}to{transform:rotate(6deg) scale(1.1)}}@keyframes streakPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.reveal-round-counter{text-align:center;font-size:12px;color:var(--text-muted);margin:8px 0 4px;letter-spacing:.04em}.reveal-modal-transparent{background:none!important;border:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modal-overlay:has(.reveal-modal-transparent){background:#1a0e2ea6!important;backdrop-filter:blur(0px)!important;-webkit-backdrop-filter:blur(0px)!important}.modal-overlay.modal-overlay-ready:has(.reveal-modal-transparent){backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}.reveal-compact{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;margin:0 auto}.reveal-result-banner{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800;letter-spacing:.02em;text-align:center;animation:revealBannerPop .5s cubic-bezier(.34,1.56,.64,1) both}.reveal-result-banner--correct{color:var(--seafoam, #06d6a0);text-shadow:0 0 20px rgba(6,214,160,.5),0 0 40px rgba(6,214,160,.2)}.reveal-result-banner--wrong{color:var(--tropical-pink, #ff4d6d);text-shadow:0 0 20px rgba(255,77,109,.4)}@keyframes revealBannerPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.reveal-score-delta{font-family:Space Grotesk,monospace;font-size:22px;font-weight:800;color:var(--seafoam, #06d6a0);text-shadow:0 0 12px rgba(6,214,160,.4);animation:scoreDeltaPop .4s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes scoreDeltaPop{0%{transform:scale(0) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.reveal-card--correct{border-color:#06d6a066!important;box-shadow:0 6px 24px #00000059,0 0 30px #06d6a026,0 0 60px #06d6a014!important}.reveal-card--wrong{border-color:#ff4d6d59!important;box-shadow:0 6px 24px #00000059,0 0 20px #ff4d6d1f!important}.reveal-card-wrap--shake{animation:revealShake .5s cubic-bezier(.36,.07,.19,.97) .15s both}@keyframes revealShake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.reveal-compact.reveal-compact--triple{border:1px solid rgba(245,158,11,.28);border-radius:16px;box-shadow:0 0 28px #f59e0b24;padding:12px 14px 18px}.reveal-compact--triple .reveal-timeline-card{border-color:#f59e0b52;box-shadow:0 0 14px #f59e0b1a}.reveal-compact-triple{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:5px 14px;border-radius:20px;text-transform:uppercase;box-shadow:0 2px 14px #f59e0b73;margin-bottom:6px}.reveal-score-row--triple{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:6px}.reveal-score-row--triple .triple-subtotal{color:#475569;font-size:14px;text-decoration:line-through}.reveal-score-row--triple .triple-mult{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:900;line-height:1}.reveal-score-row--triple .triple-total{color:#f59e0b;font-size:28px;font-weight:800;line-height:1}.reveal-compact-streak{font-size:13px;font-weight:700;color:var(--sunset-orange, #f97316);text-align:center}.reveal-card-wrap{position:relative;display:inline-flex}.reveal-corner-icon{position:absolute;width:52px;height:52px;z-index:5;opacity:0;pointer-events:none}.reveal-corner-icon svg{width:100%;height:100%}.reveal-corner--left{top:-18px;left:-18px}.reveal-corner--right{top:-18px;right:-18px}.reveal-corner-icon.active{opacity:1;animation:cornerIconPop .5s cubic-bezier(.34,1.56,.64,1) .25s both}.reveal-corner-icon.active:not(.reveal-corner--right) .rc-bg{fill:#ff4d6d40;stroke:var(--tropical-pink, #ff4d6d);stroke-width:2}.reveal-corner-icon.active:not(.reveal-corner--right) .rc-stroke{stroke:var(--tropical-pink, #ff4d6d);stroke-width:4;stroke-linecap:round}.reveal-corner-icon.active:not(.reveal-corner--right){filter:drop-shadow(0 0 10px rgba(255,77,109,.7))}.reveal-corner-icon.active.reveal-corner--right .rc-bg{fill:#06d6a040;stroke:var(--seafoam, #06d6a0);stroke-width:2}.reveal-corner-icon.active.reveal-corner--right .rc-stroke{fill:none;stroke:var(--seafoam, #06d6a0);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.reveal-corner-icon.active.reveal-corner--right{filter:drop-shadow(0 0 10px rgba(6,214,160,.7))}@keyframes cornerIconPop{0%{transform:scale(0) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.reveal-timeline-card{flex-shrink:0;width:260px;min-height:320px;background:linear-gradient(145deg,#1e103ceb,#120a26f5);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-md, 12px);padding:28px 22px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #00000059,0 3px 10px #00000040;animation:revealPop .45s cubic-bezier(.34,1.56,.64,1) .1s both}.reveal-timeline-card .card-year{font-family:Space Grotesk,monospace;font-size:48px;font-weight:700;background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:6px}.reveal-timeline-card .card-title{font-size:22px;font-weight:600;margin-bottom:4px;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.reveal-timeline-card .card-artist{font-size:16px;color:var(--text-muted);white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.3}.confetti-burst{position:absolute;top:50%;left:50%;width:0;height:0;z-index:10;pointer-events:none}.confetti-particle{position:absolute;width:7px;height:7px;border-radius:2px;background:var(--cc);opacity:0;will-change:transform,opacity;animation:confettiDynamic 1.5s cubic-bezier(.22,.61,.36,1) forwards;animation-delay:calc(var(--ci) * 12ms)}.confetti-particle:nth-child(3n){border-radius:50%;width:6px;height:6px}.confetti-particle:nth-child(4n+1){width:4px;height:10px}.confetti-particle:nth-child(5n+2){width:8px;height:5px;border-radius:1px}@keyframes confettiDynamic{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}60%{opacity:1}to{opacity:0;transform:translate(calc(cos(var(--angle)) * var(--radius) + var(--drift)),calc(sin(var(--angle)) * var(--radius) * -1 + var(--drift))) rotate(calc(var(--ci) * 47deg)) scale(.3)}}.reveal-compact-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:100%}.reveal-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:50px;white-space:nowrap}.reveal-chip.earned{background:#06d6a01f;color:var(--seafoam);border:1px solid rgba(6,214,160,.25)}.reveal-chip.streak{background:#f973161f;color:var(--sunset-orange, #f97316);border:1px solid rgba(249,115,22,.25)}.reveal-compact-player{font-size:12px;color:var(--text-muted);text-align:center}.reveal-compact-steal{font-size:13px;font-weight:600;text-align:center;padding:6px 12px;border-radius:var(--radius-sm);width:100%}.reveal-compact-steal.steal-success{background:#06d6a01a;color:var(--seafoam);border:1px solid rgba(6,214,160,.2)}.reveal-compact-steal.steal-fail{background:#ff4d6d1a;color:var(--tropical-pink);border:1px solid rgba(255,77,109,.2)}.reveal-compact-sabotage-public{font-size:12px;color:var(--text-secondary);text-align:center}.reveal-compact-footer{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:2px}.reveal-compact-round{font-size:12px;color:var(--text-muted);letter-spacing:.04em}@media (max-width: 380px){.reveal-timeline-card{width:220px;min-height:270px;padding:22px 16px}.reveal-timeline-card .card-year{font-size:40px}.reveal-timeline-card .card-title{font-size:18px}.reveal-timeline-card .card-artist{font-size:14px}.reveal-corner-icon{width:44px;height:44px}.reveal-corner--left{top:-14px;left:-14px}.reveal-corner--right{top:-14px;right:-14px}}.placement-info{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.placement-info strong{color:var(--text-primary)}.other-timelines-section{margin:16px 0 0;padding:0 16px 16px}.other-timelines-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:10px;font-weight:600}.other-player-row{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:center;gap:12px;min-height:58px}.other-player-identity{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:90px}.other-player-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.other-player-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.other-player-score{font-size:10px;color:var(--text-muted)}.other-player-timeline-scroll{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;flex:1}.other-player-timeline-scroll::-webkit-scrollbar{height:3px}.other-player-timeline-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.mini-timeline-card{flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:5px 8px;min-width:68px;text-align:center}.mini-card-year{font-size:12px;font-weight:700;color:var(--seafoam, #06d6a0);line-height:1;margin-bottom:2px}.mini-card-title{font-size:9px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px;line-height:1.3}.mini-card-artist{font-size:8px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:64px}.mini-timeline-empty{font-size:11px;color:var(--text-muted);font-style:italic;align-self:center}.next-turn-modal .modal-content{padding:28px}.next-turn-icon{font-size:48px;margin-bottom:12px}.next-player-name{font-size:28px;font-weight:700;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.next-turn-countdown{font-family:Space Grotesk,monospace;font-size:14px;color:var(--text-muted);margin-top:8px}.next-turn-skip{background:none;border:none;cursor:pointer;font-size:12px;color:var(--text-muted);margin-top:12px;opacity:.6;transition:opacity .2s;font-family:inherit;text-decoration:underline;text-decoration-color:#ffffff26}.next-turn-skip:hover{opacity:1}.leaderboard-screen{padding:40px 24px 100px;align-items:center}.leaderboard-header{text-align:center;margin-bottom:40px}.leaderboard-header h2{font-size:32px;margin-bottom:6px}.leaderboard-header p{color:var(--text-secondary)}.solo-accuracy-badge{display:flex;flex-direction:column;align-items:center;margin:16px auto 0;width:120px;height:120px;border-radius:50%;background:#56d6a01a;border:3px solid var(--seafoam, #56d6a0);justify-content:center}.solo-accuracy-pct{font-size:36px;font-weight:700;color:var(--seafoam, #56d6a0);line-height:1}.solo-accuracy-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.podium{display:flex;gap:16px;align-items:flex-end;justify-content:center;margin-bottom:48px;max-width:500px;width:100%}.podium-slot{text-align:center;flex:1}.podium-avatar{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;font-weight:700;box-shadow:0 4px 20px #0000004d}.podium-name{font-weight:600;font-size:15px;margin-bottom:4px}.podium-score{font-size:13px;color:var(--text-muted)}.podium-bar{width:100%;border-radius:12px 12px 0 0;margin-top:12px;display:flex;align-items:flex-end;justify-content:center;font-size:36px;font-weight:700;padding-bottom:12px;color:#ffffff1f}.podium-slot:nth-child(1) .podium-bar{height:120px;background:linear-gradient(180deg,#c0c0c026,#c0c0c008)}.podium-slot:nth-child(2) .podium-bar{height:160px;background:linear-gradient(180deg,#ffd16633,#ffd16608)}.podium-slot:nth-child(3) .podium-bar{height:100px;background:linear-gradient(180deg,#cd7f3226,#cd7f3208)}.full-standings{width:100%;max-width:600px}.full-standings h3{font-size:16px;color:var(--text-secondary);margin-bottom:16px}.standing-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--gradient-card);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);margin-bottom:8px;transition:var(--t-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.standing-row:hover{border-color:#ffffff1a}.standing-rank{font-size:16px;font-weight:700;color:var(--text-muted);width:24px;text-align:center}.standing-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;font-weight:700}.standing-info{flex:1}.standing-name{font-weight:600;font-size:14px}.standing-cards{font-size:12px;color:var(--text-muted)}.standing-score{font-size:18px;font-weight:700}.error-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#ef476fe6;color:#fff;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disconnect-banner{position:fixed;top:0;left:0;right:0;z-index:2000;background:#1e1e28f5;border-bottom:2px solid rgba(239,71,111,.6);display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;color:#ff8fa3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease}.disconnect-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,143,163,.3);border-top-color:#ff8fa3;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.admin-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:8px;text-align:center;padding:40px;color:var(--text-primary)}.admin-gate-icon{font-size:52px;margin-bottom:8px}.admin-gate-back{margin-top:16px;font-size:13px;color:var(--text-muted);text-decoration:none;opacity:.7}.admin-gate-back:hover{opacity:1}.cold-start-banner{position:fixed;top:0;left:0;right:0;z-index:1999;background:#1e1e28f5;border-bottom:2px solid rgba(251,191,36,.6);display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;font-size:14px;font-weight:600;color:#fbbf24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeIn .3s ease}.cold-start-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(251,191,36,.3);border-top-color:#fbbf24;animation:spin 1.2s linear infinite;flex-shrink:0}@media (max-width: 640px){.players-grid{grid-template-columns:1fr}.game-topbar{padding:10px 12px}.scoreboard{gap:4px}.now-playing-visual{width:120px;height:120px}.now-playing-row{gap:16px}.host-section{padding:20px 16px 12px}.podium{gap:8px}.modal-content{padding:28px 20px}}.timeline-card-highlighted{border-color:var(--theme-primary, var(--sunset-orange))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary, #ff8c42) 40%,transparent),0 0 16px color-mix(in srgb,var(--theme-primary, #ff8c42) 20%,transparent)!important;position:relative}.timeline-card-hidden{background:linear-gradient(135deg,#7c3aed40,#ff8c4226)!important;border-color:var(--electric-purple)!important;box-shadow:0 0 0 2px #7c3aed66,0 0 12px #7c3aed26!important}.timeline-card-hidden .card-year{background:var(--gradient-warm)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:32px!important}.timeline-card-highlight-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--theme-primary, var(--sunset-orange));color:var(--theme-text-on-primary, white);font-size:9px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;letter-spacing:.3px}.mini-timeline-card-highlighted{border-color:var(--theme-primary, var(--sunset-orange))!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-primary, #ff8c42) 35%,transparent)!important;position:relative}.mini-timeline-card-hidden{background:linear-gradient(135deg,#7c3aed40,#ff8c421f)!important;border-color:var(--electric-purple)!important}.mini-card-highlight-badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--theme-primary, var(--sunset-orange));color:var(--theme-text-on-primary, white);font-size:8px;font-weight:700;padding:1px 6px;border-radius:99px;white-space:nowrap}.other-player-row-active{border-color:color-mix(in srgb,var(--theme-primary, #ff8c42) 30%,transparent)!important;background:color-mix(in srgb,var(--theme-primary, #ff8c42) 5%,transparent)!important}.active-player-badge{display:inline-block;margin-left:6px;background:color-mix(in srgb,var(--theme-primary, #ff8c42) 20%,transparent);color:var(--theme-primary, var(--sunset-orange));font-size:9px;font-weight:700;padding:1px 6px;border-radius:99px;letter-spacing:.3px;vertical-align:middle}.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:14px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;letter-spacing:.4px;padding:15px 30px;cursor:pointer;transition:var(--t-interactive);white-space:nowrap;outline:2px solid transparent;outline-offset:2px}.ev-btn:focus-visible{outline-color:var(--theme-focus-ring)}.ev-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ev-btn-primary{background:var(--theme-cta-bg);color:var(--theme-cta-text);box-shadow:0 4px 24px color-mix(in srgb,var(--theme-primary, #ff8c42) 35%,transparent)}.ev-btn-primary:hover:not(:disabled){background:var(--theme-cta-bg-hover);transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--theme-primary, #ff8c42) 45%,transparent)}.ev-btn-primary:active:not(:disabled){transform:translateY(0)}.ev-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.ev-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.ev-btn-destructive{background:color-mix(in srgb,var(--theme-danger) 15%,transparent);color:color-mix(in srgb,var(--theme-danger) 88%,#fff);border:1px solid color-mix(in srgb,var(--theme-danger) 30%,transparent)}.ev-btn-destructive:hover:not(:disabled){background:color-mix(in srgb,var(--theme-danger) 25%,transparent);border-color:color-mix(in srgb,var(--theme-danger) 50%,transparent)}.ev-btn-ghost{background:transparent;color:var(--theme-text-secondary)}.ev-btn-ghost:hover:not(:disabled){background:#ffffff0f;color:var(--text-primary)}.ev-btn-spotify{background:#1db954;color:#fff;box-shadow:0 4px 24px #1db9544d}.ev-btn-spotify:hover:not(:disabled){transform:translateY(-2px);background:#1ed760}.ev-btn-sm{padding:10px 22px;font-size:13px;border-radius:var(--radius-sm);letter-spacing:.2px}.ev-btn-lg{padding:18px 40px;font-size:18px;border-radius:18px}.ev-btn-icon{padding:10px;border-radius:50%;width:44px;height:44px}.ev-btn--loading{cursor:progress;opacity:.78}.ev-btn-spinner{display:inline-block;width:.9em;height:.9em;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:evBtnSpin .6s linear infinite;vertical-align:-.15em}@keyframes evBtnSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ev-btn-spinner{animation:evBtnSpinPulse 1.2s ease-in-out infinite alternate}@keyframes evBtnSpinPulse{0%{opacity:.4}to{opacity:1}}}.ev-input{width:100%;background:var(--bg-surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;outline:none;transition:var(--t-color)}.ev-input:focus{border-color:var(--theme-focus-ring)}.ev-input::placeholder{color:var(--theme-text-muted)}.ev-input:disabled{opacity:.5;cursor:not-allowed}.ev-input-error{border-color:color-mix(in srgb,var(--theme-danger) 60%,transparent)!important}.ev-input-error:focus{border-color:var(--theme-danger)!important}.event-curated-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--theme-highlight, rgba(255, 215, 0, .12));border:1px solid var(--theme-highlight-border, rgba(255, 215, 0, .35));color:var(--text-primary, #fff);font-size:12px;font-weight:600;letter-spacing:.2px}.ev-field{display:flex;flex-direction:column;gap:6px}.ev-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.ev-field-helper{font-size:12px;color:var(--text-muted)}.ev-field-error{font-size:12px;color:#ff6b8a;font-weight:600}.modal-content:focus{outline:none}.home-screen{min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .4s ease}.home-nav{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:#1a0e2eb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100}.home-nav-logo{display:flex;align-items:center;gap:10px}.home-nav-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--gradient-tropical);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff8c424d;flex-shrink:0}.home-nav-brand{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:2px;background:var(--gradient-tropical);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-nav-auth{display:flex;align-items:center;gap:10px}.home-nav-btn{font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--t-interactive);white-space:nowrap}.home-nav-btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.15)}.home-nav-btn--ghost:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff40}.home-nav-btn--primary{background:var(--theme-cta-bg);color:var(--theme-cta-text);box-shadow:0 4px 16px color-mix(in srgb,var(--theme-primary, #ff8c42) 30%,transparent)}.home-nav-btn--primary:hover{background:var(--theme-cta-bg-hover);transform:translateY(-1px);box-shadow:0 6px 24px color-mix(in srgb,var(--theme-primary, #ff8c42) 40%,transparent)}.home-nav-user-wrapper{position:relative}.home-nav-user-btn{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:5px 14px 5px 6px;cursor:pointer;transition:var(--t-color)}.home-nav-user-btn:hover{background:#ffffff1c}.home-nav-avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-tropical);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.home-nav-username{font-size:13px;font-weight:600;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-nav-chevron{font-size:10px;color:var(--text-muted);transition:transform .2s ease;display:inline-block}.home-nav-chevron.open{transform:rotate(180deg)}.home-nav-menu{position:absolute;top:calc(100% + 8px);right:0;background:#1e1236f5;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px;min-width:180px;box-shadow:0 12px 40px #00000080;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:200;animation:menuSlideIn .15s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.home-nav-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;text-align:left}.home-nav-menu-item:hover{background:#ffffff12;color:var(--text-primary)}.home-nav-menu-item--danger{color:#ff6482cc}.home-nav-menu-item--danger:hover{background:#ff4d6d1a;color:#ff4d6d}.home-nav-menu-divider{height:1px;background:#ffffff12;margin:4px 0}.home-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:199}.home-hero{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:72px 24px 60px}.home-hero-eyebrow{font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.home-hero-title{font-family:Space Grotesk,sans-serif;font-size:clamp(56px,10vw,100px);font-weight:700;letter-spacing:-3px;line-height:1;background:var(--gradient-tropical);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}.home-hero-tagline{font-size:clamp(16px,2.5vw,22px);color:var(--text-secondary);font-weight:400;max-width:500px;line-height:1.55;margin-bottom:36px}.home-hero-auth{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.home-hero-btn{font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:14px 32px;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--t-transform),var(--t-shadow)}.home-hero-btn--primary{background:var(--gradient-main);color:#fff;box-shadow:0 6px 28px #ff8c4266}.home-hero-btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #ff8c4280}.home-hero-btn--ghost{background:#ffffff12;color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}.home-hero-btn--ghost:hover{background:#ffffff1c;border-color:#ffffff40}.home-hero-welcome{font-size:16px;color:var(--text-secondary);margin-top:4px}.home-hero-welcome strong{color:var(--text-primary)}.home-games{flex:1;padding:0 24px 60px;max-width:1100px;width:100%;margin:0 auto}.home-games-title{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.home-games-grid{display:grid;grid-template-columns:1fr;gap:16px}.home-game-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.home-game-card--active{border-color:#ff8c4240;box-shadow:0 4px 32px #ff8c421a}.home-game-card--active:hover{transform:translateY(-3px);box-shadow:0 12px 48px #ff8c4233;border-color:#ff8c4266}.home-game-card--soon{opacity:.55;cursor:default}.home-game-card-art{height:120px;background:linear-gradient(135deg,#ff8c4226,#ff4d6d33,#ef476f1a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.home-game-card-art--placeholder{background:#ffffff0a}.home-game-art-icon{width:68px;height:68px;border-radius:18px;background:var(--gradient-tropical);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ff8c4266;animation:logoPulse 3s ease-in-out infinite;z-index:1}.home-game-art-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(255,140,66,.15) 0%,transparent 70%);pointer-events:none}.home-game-placeholder-icon{font-size:40px;opacity:.5}.home-game-card-body{padding:20px 20px 24px;display:flex;flex-direction:column;gap:10px}.home-game-card-tags{display:flex;gap:6px;flex-wrap:wrap}.home-game-tag{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;background:#ffffff12;color:var(--text-muted);letter-spacing:.3px}.home-game-tag--live{background:#06d6a026;color:var(--seafoam);border:1px solid rgba(6,214,160,.3)}.home-game-tag--soon{background:#ffffff12;color:var(--text-muted)}.home-game-name{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.2}.home-game-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.home-game-play-btn{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:13px 24px;background:var(--gradient-main);color:#fff;border:none;border-radius:var(--radius-sm);font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:var(--t-transform),var(--t-shadow);box-shadow:0 4px 20px #ff8c4259;align-self:flex-start}.home-game-play-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px #ff8c4280}.home-footer{padding:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.home-footer-copy{font-size:12px;color:var(--text-muted)}.home-footer-links{display:flex;gap:16px}.home-footer-link{font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:0;transition:color .2s;font-family:inherit}.home-footer-link:hover{color:var(--text-secondary);text-decoration:underline}.landing-back-btn{position:absolute;top:20px;left:20px;font-size:13px;font-weight:600;color:var(--text-muted);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:7px 14px;cursor:pointer;transition:var(--t-color);font-family:Inter,sans-serif;z-index:10}.landing-back-btn:hover{color:var(--text-secondary);background:#ffffff1a;border-color:#fff3}@media (max-width: 375px){.ev-btn{padding:13px 22px;font-size:15px}.ev-btn-lg{padding:15px 28px;font-size:16px}.landing-actions{max-width:100%}.code-digit{width:44px;height:56px;font-size:24px}.modal-content{padding:24px 16px}.lobby-screen{padding:24px 16px 80px}.game-screen{padding:0}.game-play-area{padding-top:0}.lockin-guess-row{gap:6px}.home-nav{padding:0 16px}.home-nav-brand{display:none}.home-nav-btn{padding:7px 12px;font-size:12px}.home-hero{padding:48px 16px 40px}.home-hero-auth{flex-direction:column;width:100%}.home-hero-btn{width:100%}.home-games{padding:0 16px 48px}}@media (max-width: 640px){.landing-actions .ev-btn,.join-box .ev-btn{width:100%}.ev-input{font-size:16px;padding:14px 16px}.landing-title{font-size:clamp(40px,10vw,60px)}.podium{gap:6px}.podium-bar{font-size:14px;padding:6px 12px}.room-tag,.round-tag,.mode-badge,.my-score-badge{font-size:11px;padding:4px 8px}.reveal-breakdown{padding:8px 10px}.breakdown-row{font-size:12px}.lobby-settings{padding:16px;margin-bottom:20px}.setting-label{font-size:13px}.setting-desc{font-size:11px}.time-option{padding:7px 10px;font-size:12px}.home-hero-auth{flex-direction:column;align-items:center;width:100%;max-width:320px}.home-hero-btn{width:100%}}@media (min-width: 768px){.landing-actions{flex-direction:row;justify-content:center;max-width:480px}.landing-actions .ev-btn{flex:1}.players-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.lobby-screen{padding:40px 48px 100px}.game-screen{padding:0}.lockin-guess-row{max-width:500px}.modal-content{max-width:480px;padding:40px 36px}.breakdown-row{font-size:14px}.home-games-grid{grid-template-columns:repeat(2,1fr)}.home-nav{padding:0 40px}.home-hero{padding:80px 40px 64px}.home-games{padding:0 40px 64px}}@media (min-width: 1024px){.game-screen{max-width:960px;margin:0 auto}.lobby-screen{max-width:800px;margin:0 auto}.leaderboard-screen{max-width:700px;margin:0 auto}.players-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.ev-btn{padding:15px 34px}.modal-content{max-width:520px}.home-games-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.game-screen{max-width:1100px}.players-grid{grid-template-columns:repeat(2,1fr);max-width:700px}}.yt-game-disc-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;pointer-events:auto}.yt-game-disc-overlay.standalone{position:relative;top:auto;left:auto;right:auto;bottom:auto;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a 70%);border-radius:12px;padding:20px 0;max-width:320px;margin:0 auto}.yt-game-disc-overlay.easy-mode{background:radial-gradient(ellipse at center,#1a1a2ed9,#0f0f1abf 70%)}.yt-disc-inner{position:relative;width:100px;height:100px;border-radius:50%;background:conic-gradient(from 0deg,#7c3aed,#c77dff,#ff8c42,#7c3aed);display:flex;align-items:center;justify-content:center;animation:discSpin 4s linear infinite}.yt-disc-ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent}.yt-disc-center{width:28px;height:28px;border-radius:50%;background:#0f0f1a;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}.yt-disc-label{margin-top:10px;font-size:12px;color:var(--text-muted, #8888aa);letter-spacing:.5px}.yt-game-disc-overlay.compact .yt-disc-inner{width:72px!important;height:72px!important}.yt-game-disc-overlay.compact .yt-disc-center{width:22px;height:22px;font-size:11px}.yt-game-disc-overlay.compact .yt-disc-ring{top:4px;right:4px;bottom:4px;left:4px}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.room-selection{width:100%}.room-selection-subtitle{font-size:13px;color:var(--text-secondary);text-align:center;margin-bottom:12px}.room-selection-error{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);border-radius:8px;padding:10px 14px;margin-bottom:12px;font-size:13px;color:#ff4d6d;text-align:center}.room-selection-loading{text-align:center;padding:16px 0;font-size:13px;color:var(--seafoam)}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.room-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 16px;border-radius:var(--radius);background:linear-gradient(135deg,#7c3aed26,#ff4d6d1a);border:none;box-shadow:inset 0 0 0 2px #7c3aed33;cursor:pointer;transition:var(--t-shadow),var(--t-transform);text-align:center}.room-card:hover{box-shadow:inset 0 0 0 2px #7c3aed99,0 8px 24px #7c3aed40;transform:translateY(-3px)}.room-card:disabled{opacity:.5;cursor:not-allowed;transform:none}.room-card-emoji{font-size:36px;line-height:1}.room-card-name{font-size:16px;font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text-primary);letter-spacing:.5px}.room-card-count{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.room-back-btn{background:none;border:none;cursor:pointer;font-size:13px;color:var(--sunset-orange);padding:0;margin-bottom:8px;transition:color .2s}.room-back-btn:hover{color:var(--text-primary)}.room-back-btn:disabled{opacity:.5;cursor:not-allowed}.playlist-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.playlist-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-card);border:none;box-shadow:inset 0 0 0 1px #ffffff0f;transition:background-color .2s ease,box-shadow .2s ease}.playlist-row:hover{background:var(--bg-surface);box-shadow:inset 0 0 0 1px #ffffff1f}.playlist-row.selected{box-shadow:inset 0 0 0 1px var(--seafoam);background:#06d6a014}.playlist-row-info{display:flex;flex-direction:column;gap:2px}.playlist-row-name{font-size:14px;font-weight:600;color:var(--text-primary)}.playlist-row-tag{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.playlist-start-btn{padding:6px 20px;border-radius:20px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--sunset-orange),var(--tropical-pink));color:#fff;font-size:13px;font-weight:700;transition:var(--t-transform),var(--t-shadow);box-shadow:0 2px 8px #ff8c424d}.playlist-start-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #ff8c4266}.playlist-start-btn:active{transform:scale(.97)}.playlist-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-portal{display:flex;min-height:100vh;color:var(--text-primary);font-family:Inter,sans-serif}.admin-sidenav{width:240px;min-width:240px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidenav-header{padding:28px 20px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-sidenav-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.admin-sidenav-subtitle{font-size:11px;color:var(--text-muted);margin-top:4px}.admin-sidenav-links{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px 8px}.admin-sidenav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;text-align:left}.admin-sidenav-btn:hover{background:#ffffff0f;color:var(--text-primary)}.admin-sidenav-btn.active{background:#ff8c421f;color:var(--sunset-orange);font-weight:600}.admin-sidenav-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0}.admin-sidenav-footer{padding:16px 14px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}.admin-sidenav-timestamp{font-size:10px;color:var(--text-muted);text-align:center}.admin-content{flex:1;padding:28px 32px;overflow-y:auto;max-width:1200px}@media (max-width: 768px){.admin-portal{flex-direction:column}.admin-sidenav{width:100%;min-width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.admin-sidenav-header{width:100%;padding:16px 16px 12px}.admin-sidenav-links{flex-direction:row;padding:0 8px 10px;gap:4px;flex-wrap:wrap}.admin-sidenav-btn{padding:8px 12px;font-size:12px}.admin-sidenav-footer{width:100%;flex-direction:row;align-items:center;padding:8px 14px;gap:12px}.admin-content{padding:20px 14px}}.admin-grid-row{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:24px}.admin-grid-row .admin-section{margin-bottom:0}@media (min-width: 1024px){.admin-grid-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.admin-content{padding:16px 10px 60px}.admin-section{padding:16px;margin-bottom:16px}.admin-section-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-form-row{flex-direction:column;align-items:stretch}.admin-select,.admin-input{min-width:0;width:100%}.admin-title{font-size:22px}.admin-table th,.admin-table td{padding:8px;font-size:12px}.admin-btn{padding:8px 14px;font-size:13px}.admin-health-summary{gap:8px}}@media (min-width: 1600px){.admin-content{max-width:1400px;padding:36px 48px 100px}.admin-section{padding:32px}}.admin-header{margin-bottom:32px}.admin-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.admin-subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.admin-refresh-row{display:flex;align-items:center;gap:12px;margin-top:12px}.admin-last-loaded{color:var(--text-secondary);font-size:12px}.admin-usage-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:12px}.admin-usage-bar{flex:1;height:12px;background:#ffffff0f;border-radius:6px;overflow:hidden}.admin-usage-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.admin-usage-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.admin-usage-breakdown{display:flex;flex-wrap:wrap;gap:16px}.admin-usage-item{font-size:12px;color:var(--text-secondary)}.admin-usage-item strong{color:var(--text-primary);font-weight:500}.admin-section{background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:24px;margin-bottom:24px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-section-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;margin-bottom:16px}.admin-section-header .admin-section-title{margin-bottom:0}.admin-form-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.admin-select,.admin-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;font-size:14px;outline:none;transition:border-color .2s}.admin-select:focus,.admin-input:focus{border-color:var(--sunset-orange)}.admin-select{min-width:160px}.admin-input{min-width:180px;flex:1}.admin-input--wide{flex:2;min-width:280px}.admin-input--compact{min-width:unset;width:56px;flex:0 0 auto;text-align:center;padding:4px 6px;font-size:14px;font-weight:700}.admin-select--compact{min-width:unset;width:72px;flex:0 0 auto;padding:4px 6px}.admin-select option{background:#1a0e2e;color:#fff}.admin-btn{border:none;border-radius:var(--radius-sm);padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--t-interactive);white-space:nowrap}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn:focus{outline:2px solid var(--cyan-bright, #38bdf8);outline-offset:2px}.admin-btn--primary{background:var(--gradient-main);color:#fff}.admin-btn--primary:hover:not(:disabled){transform:scale(1.03);box-shadow:0 4px 16px #ff8c4259}.admin-btn--secondary{background:#ffffff1a;color:var(--text-primary)}.admin-btn--secondary:hover:not(:disabled){background:#ffffff29}.admin-btn--active{background:#38bdf833;border-color:#38bdf866}.admin-btn--sm{padding:6px 12px;font-size:12px}.admin-btn--danger{background:#ef476f33;color:var(--deep-coral)}.admin-btn--danger:hover:not(:disabled){background:#ef476f59}.admin-msg{margin-top:10px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px}.admin-msg--error{background:#ef476f26;color:var(--deep-coral)}.admin-msg--success{background:#06d6a026;color:var(--seafoam)}.admin-health-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}.admin-health-stat{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.admin-health-stat--green{background:#06d6a026;color:var(--seafoam)}.admin-health-stat--yellow{background:#ffd16626;color:var(--sandy-gold)}.admin-health-stat--red{background:#ef476f26;color:var(--deep-coral)}.admin-health-ts{color:var(--text-muted);font-size:12px;margin-left:auto}.admin-room-group{margin-bottom:24px}.admin-room-name{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;color:var(--sunset-orange);margin-bottom:10px;letter-spacing:1px;text-transform:uppercase}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.admin-table-row:hover{background:#ffffff08}.admin-td-name{font-weight:500}.admin-td-id code{font-size:11px;background:#ffffff0f;padding:2px 6px;border-radius:4px;color:var(--text-secondary);word-break:break-all}.admin-td-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.admin-td-drag{width:32px;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none}.admin-td-drag:active{cursor:grabbing}.admin-drag-handle{font-size:16px;color:var(--text-secondary);opacity:.5;transition:opacity .2s}.admin-table-row:hover .admin-drag-handle{opacity:1}.admin-td-room{font-size:12px;color:var(--text-secondary)}.admin-inline-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--text-primary);font-size:13px;padding:4px 8px;width:100%;outline:none;transition:border-color .2s}.admin-inline-input:focus{border-color:var(--sunset-orange)}.admin-inline-input--mono{font-family:monospace;font-size:11px}.admin-inline-select{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:var(--text-primary);font-size:12px;padding:4px 6px;outline:none}.admin-inline-select option{background:#1a0e2e;color:#fff}.admin-inline-error{font-size:11px;color:var(--p0);display:block;margin-top:2px}.admin-year-source{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;display:inline-block}.admin-year-source--spotify{background:#1db95433;color:#1db954}.admin-year-source--musicbrainz{background:#e372222e;color:#e37222}.admin-year-source--musicbrainz{background:#118ab233;color:var(--ocean-blue)}.admin-year-source--none{background:#8888aa26;color:var(--text-muted)}.admin-year-source--title{background:#ffd16626;color:var(--sandy-gold)}.admin-year-source--description{background:#ffd1661a;color:var(--sandy-gold)}.admin-year-source--admin-override{background:#06d6a033;color:var(--seafoam)}.admin-year-source--wikipedia{background:#c8c8c833;color:#a0a0a0}.admin-year-source--wikipedia-infobox{background:#dcdcdc47;color:#d0d0d0}.admin-year-source--wikipedia-extract{background:#b4b4b426;color:#888}.admin-year-source--google-kg{background:#4285f433;color:#4285f4}.admin-year-source--spotify\+wiki{background:linear-gradient(135deg,#1db95433,#c8c8c833);color:var(--seafoam)}.admin-year-source--musicbrainz\+wiki{background:linear-gradient(135deg,#118ab233,#c8c8c833);color:var(--seafoam)}.admin-year-source--conflict{background:#ff4d6d33;color:var(--sunset-orange)}.admin-year-source--google-kg-admin{background:#4285f426;color:#4285f4;opacity:.9}.admin-year-source--wikipedia-admin{background:#c8c8c826;color:#a0a0a0;opacity:.9}.admin-year-source--spotify-admin{background:#1db95426;color:#1db954;opacity:.9}.admin-year-source--musicbrainz-admin{background:#118ab226;color:var(--ocean-blue);opacity:.9}.admin-conflict-row{background:#ff96320a}.admin-conflict-row td:first-child{border-left:2px solid rgba(255,150,50,.5)}.admin-pair-partner td:first-child{border-left:2px solid #fbbf24}.admin-verified-tag{display:inline-block;margin-left:8px;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#06d6a026;color:var(--seafoam);text-transform:uppercase;letter-spacing:.3px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-badge--green .status-badge-dot{background:var(--seafoam)}.status-badge--green{background:#06d6a01f;color:var(--seafoam)}.status-badge--yellow .status-badge-dot{background:var(--sandy-gold)}.status-badge--yellow{background:#ffd1661f;color:var(--sandy-gold)}.status-badge--red .status-badge-dot{background:var(--deep-coral)}.status-badge--red{background:#ef476f1f;color:var(--deep-coral)}.status-badge--pulse .status-badge-dot{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 #ef476f80}50%{box-shadow:0 0 0 6px #ef476f00}}.alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:11px;background:var(--deep-coral);color:#fff;font-size:11px;font-weight:700;padding:0 6px;animation:statusPulse 1.5s ease-in-out infinite}.playlist-status-tooltip{position:absolute;top:100%;left:0;z-index:100;background:#1a0e2e;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);padding:10px 14px;min-width:240px;box-shadow:0 8px 32px #00000080;pointer-events:none}.playlist-status-tooltip-line{font-size:12px;color:var(--text-secondary);line-height:1.6}.playlist-status-tooltip-line:first-child{color:var(--text-primary);font-weight:500}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:24px}.admin-modal{background:#1a0e2e;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:28px;max-width:480px;width:100%}.admin-modal-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;margin-bottom:8px}.admin-modal-desc{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.admin-modal-old{color:var(--text-muted);font-size:13px;margin-bottom:16px}.admin-modal-old code{background:#ffffff0f;padding:2px 6px;border-radius:4px}.admin-modal .admin-input{width:100%;margin-bottom:12px;box-sizing:border-box}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-csv-hint{color:var(--text-secondary);font-size:13px;margin-bottom:14px;line-height:1.5}.admin-csv-hint code{background:#ffffff0f;padding:1px 5px;border-radius:4px;font-size:12px}.admin-csv-upload-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.admin-csv-file-label{cursor:pointer;position:relative}.admin-csv-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.admin-csv-count{color:var(--seafoam);font-size:13px;font-weight:600}.admin-csv-preview{margin-top:8px}.admin-csv-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.admin-csv-results{margin-top:12px}.admin-csv-status{font-size:12px;font-weight:600}.admin-csv-status--added{color:var(--seafoam)}.admin-csv-status--failed{color:var(--deep-coral)}.admin-csv-status--skipped{color:var(--sandy-gold)}.upgrade-prompt{margin-top:32px;padding:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:400px}.upgrade-prompt-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.upgrade-prompt-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.upgrade-prompt-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.upgrade-prompt-dismiss{background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer;padding:4px 8px;margin-top:4px}.upgrade-prompt-dismiss:hover{color:var(--text-secondary)}.upgrade-divider{display:flex;align-items:center;width:100%;margin:8px 0;gap:12px}.upgrade-divider:before,.upgrade-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.upgrade-divider span{font-size:12px;color:var(--text-muted);white-space:nowrap}.upgrade-form{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.upgrade-input{width:100%;max-width:280px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0000004d;color:var(--text-primary);font-size:14px;outline:none}.upgrade-input:focus{border-color:var(--sandy-gold)}.upgrade-error{color:var(--deep-coral);font-size:13px;margin:0}.btn-google{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-google:hover{background:#ffffff26}.auth-screen{display:flex;flex-direction:column;gap:16px;min-width:300px;max-width:380px}.auth-oauth-buttons{display:flex;flex-direction:column;gap:10px}.btn-apple{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-apple:hover{background:#ffffff26}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-consent{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-secondary);cursor:pointer}.auth-consent input[type=checkbox]{margin-top:2px;accent-color:var(--sandy-gold)}.auth-consent a{color:var(--sandy-gold);text-decoration:underline}.auth-error{color:var(--deep-coral);font-size:13px;margin:0}.auth-success{color:var(--seafoam);font-size:14px;margin:0}.auth-footer{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:4px}.auth-footer-text{font-size:13px;color:var(--text-secondary)}.auth-link{background:none;border:none;color:var(--sandy-gold);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.auth-link:hover{opacity:.8}.user-badge-wrapper{position:fixed;top:16px;right:16px;z-index:100}.user-badge{z-index:100;display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.user-badge:hover{background:#0009;border-color:#ffffff40}.user-badge--guest{font-size:13px}.user-badge-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--sandy-gold),var(--sunset-orange));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000}.user-badge-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-section{display:flex;flex-direction:column;gap:6px}.settings-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.settings-value{font-size:14px;color:var(--text-primary)}.settings-info{display:flex;flex-direction:column;gap:2px}.settings-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:4px 0}.legal-page{padding:8px 0;max-height:70vh;overflow-y:auto}.legal-page section{margin:16px 0}.legal-page h3{font-size:15px;font-weight:600;margin-bottom:6px;color:var(--text-primary, #fff)}.legal-page p{font-size:13px;line-height:1.6;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:8px}.legal-page ul{padding-left:20px;margin:8px 0}.legal-page li{font-size:13px;line-height:1.6;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:4px}.legal-page a{color:var(--sunset-orange, #ff9f1c);text-decoration:underline}.legal-meta{font-size:12px;color:var(--text-secondary, rgba(255, 255, 255, .5));margin-bottom:12px}.site-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:10px 16px;z-index:10;pointer-events:none}.footer-links{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;pointer-events:auto}.footer-link{background:none;border:none;color:#ffffff59;font-size:11px;cursor:pointer;padding:0;text-decoration:none;transition:color .2s}.footer-link:hover{color:#ffffffb3;text-decoration:underline}.footer-sep{color:#fff3;font-size:11px}.footer-copy{font-size:10px;color:#fff3;margin-top:4px}.delete-warning{background:#ff4d6d1a;border:1px solid rgba(255,77,109,.3);border-radius:8px;padding:12px;margin:8px 0}.delete-warning p{font-size:13px;color:#fffc;line-height:1.5;margin-bottom:6px}.delete-warning p:last-child{margin-bottom:0}.delete-actions{display:flex;gap:8px;margin-top:12px}.delete-actions button{flex:1}.btn-danger{background:var(--theme-danger);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.user-badge-chevron{font-size:8px;transition:transform .2s;opacity:.6}.user-badge-chevron.open{transform:rotate(180deg)}.user-badge-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.user-badge-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#140a28f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);padding:6px;display:flex;flex-direction:column;animation:fadeIn .15s ease}.user-badge-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;border-radius:6px;transition:background .15s;text-align:left}.user-badge-menu-item:hover{background:#ffffff1a}.user-badge-menu-item svg{opacity:.7;flex-shrink:0}.history-container{max-height:55vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0}.history-loading,.history-error{text-align:center;color:var(--text-secondary);padding:24px 0}.history-error{color:var(--deep-coral)}.history-empty{text-align:center;padding:32px 0;color:var(--text-secondary)}.history-empty-sub{font-size:13px;margin-top:4px;opacity:.6}.history-card{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);overflow:hidden}.history-card-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:13px;cursor:pointer;transition:background .15s;text-align:left}.history-card-header:hover{background:#ffffff0a}.history-card-left{display:flex;flex-direction:column;gap:2px}.history-date{font-size:11px;color:var(--text-muted)}.history-playlist{font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-right{display:flex;align-items:center;gap:10px;font-size:12px}.history-rank{font-weight:700;color:var(--text-secondary)}.history-rank--winner{color:var(--sandy-gold)}.history-score{color:var(--text-secondary)}.history-players{color:var(--text-muted)}.history-duration{color:var(--text-muted);font-size:11px}.history-chevron{font-size:8px;transition:transform .2s;opacity:.5}.history-chevron.open{transform:rotate(180deg)}.history-detail{padding:8px 14px 14px;border-top:1px solid rgba(255,255,255,.06);animation:fadeIn .2s ease}.history-players-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.history-player-chip{display:inline-block;padding:3px 8px;border-radius:12px;background:#ffffff0f;font-size:11px;color:var(--text-secondary)}.history-player-chip.winner{background:#ffd16626;color:var(--sandy-gold)}.history-rounds{display:flex;flex-direction:column;gap:4px}.history-round-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.03)}.round-num{font-weight:700;color:var(--text-muted);min-width:24px}.round-song{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.round-year{font-weight:600;color:var(--text-muted);min-width:36px;text-align:right}.round-result{font-weight:700;min-width:16px}.round-result.correct{color:var(--seafoam)}.round-result.wrong{color:var(--deep-coral)}.stats-container{display:flex;flex-direction:column;gap:16px;padding:4px 0}.stats-loading,.stats-error{text-align:center;color:var(--text-secondary);padding:24px 0}.stats-error{color:var(--deep-coral)}.stats-empty{text-align:center;padding:32px 0;color:var(--text-secondary)}.stats-empty-sub{font-size:13px;margin-top:4px;opacity:.6}.stats-card{background:var(--gradient-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:16px 18px}.stats-card--mt{border-color:#ff8c4226}.stats-card-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:14px;font-family:Space Grotesk,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:22px;font-weight:700;font-family:Space Grotesk,sans-serif;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-card--mt .stat-value{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.card-placed-by{font-size:11px;font-weight:600;font-style:normal;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-empty-msg{font-size:13px;color:var(--text-muted);text-align:center;padding:20px 16px;font-style:italic}.spectator-placed-placeholder{flex-shrink:0;width:140px;min-height:196px;border-radius:var(--radius-sm);border:2px dashed rgba(255,255,255,.2);background:#ffffff0a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;animation:cardDropIn .35s cubic-bezier(.34,1.56,.64,1) both}.spectator-placed-vinyl{width:64px;height:64px;border-radius:50%;background:#1a1a2e;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;position:relative}.spectator-placed-grooves{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 6px #ffffff0a}.spectator-placed-label{font-size:22px;font-weight:700;color:#ffffff4d;z-index:1}.spectator-placed-name{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--text-muted);text-align:center}.placed-preview-card{flex-shrink:0;width:140px;min-height:196px;border-radius:var(--radius-sm);border:2px dashed var(--seafoam);background:#06d6a014;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;animation:cardDropIn .35s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 2px 12px #06d6a033}.placed-preview-card:active{cursor:grabbing}.placed-preview-dragging{opacity:.3}@keyframes cardDropIn{0%{transform:scale(.5) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.placed-preview-inner{display:flex;flex-direction:column;align-items:center;gap:4px}.placed-preview-face{font-size:32px;line-height:1}.placed-preview-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--seafoam)}.unplace-hint{width:100%;height:0;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;transition:height .35s cubic-bezier(.34,1.56,.64,1),background .25s ease}.unplace-hint--drag{height:28px;background:#ff8c420d}.unplace-hint--over{background:#ff8c422e;box-shadow:inset 0 0 12px #ff8c4240}.unplace-hint--over .unplace-hint-label{color:var(--accent, #ff8c42)}.unplace-hint-label{font-size:11px;font-weight:600;letter-spacing:.5px;color:transparent;white-space:nowrap;transition:color .25s ease}.unplace-hint--drag .unplace-hint-label{color:var(--text-muted, #777)}.player-section{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.player-section.drag-unplace-active{transform:translateY(0)}.placed-vinyl-card{flex-direction:column;align-items:center;padding:8px 4px 6px;gap:4px}.placed-vinyl-disc-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.placed-vinyl-timer{position:absolute;width:80px;height:80px;pointer-events:none;z-index:1}.placed-vinyl-disc{width:64px;height:64px;border-radius:50%;position:relative;background:radial-gradient(circle at 40% 35%,#2a2a4e,#1a1a2e 30%,#0a0a18 70%,#050510);border:2px solid rgba(6,214,160,.5);box-shadow:0 0 14px #06d6a033,inset 0 0 12px #0009;animation:none}.placed-vinyl-disc.vinyl-playing{border-color:#ff8c42cc;box-shadow:0 0 20px #ff8c4259,inset 0 0 12px #00000080;animation:vinylSpin 3s steps(12) infinite}.placed-vinyl-disc.vinyl-playing.vinyl-glow-active{animation:vinylSpin 3s steps(12) infinite}.placed-vinyl-disc.vinyl-playing.vinyl-glow-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;box-shadow:0 0 8px #ff8c4226;opacity:0;animation:vinylGlowPulse 2s ease-in-out infinite alternate;will-change:opacity}.placed-vinyl-grooves{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 3px #ffffff0d,inset 0 0 0 7px #ffffff08,inset 0 0 0 11px #ffffff0d;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.01) 30%,transparent 50%,rgba(255,255,255,.05) 80%,rgba(255,255,255,.01) 100%)}.placed-vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#06d6a04d,#06d6a026);border:1.5px solid rgba(6,214,160,.5);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;animation:none;cursor:pointer;padding:0;z-index:3;transition:background .15s}.placed-vinyl-disc.vinyl-playing .placed-vinyl-center{animation:vinylSpinReverse 3s steps(12) infinite}.placed-vinyl-center:hover{background:linear-gradient(135deg,#06d6a080,#06d6a04d)}.placed-vinyl-countdown{font-size:14px;font-weight:700;color:var(--sunset-orange);text-align:center;line-height:1;animation:countdownPulse 1s ease-in-out infinite}.placed-vinyl-countdown.urgent{color:var(--error-color, #ff4d6d)}@media (max-width: 640px){.placed-preview-card{width:118px;min-height:164px}.placed-preview-face{font-size:26px}.spectator-placed-placeholder{width:118px;min-height:164px}}@media (max-width: 390px){.placed-preview-card{width:104px;min-height:148px}.placed-preview-face{font-size:22px}.spectator-placed-placeholder{width:104px;min-height:148px}}.score-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.reveal-triple-threat-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px 0 6px;animation:tripleEntrance .5s cubic-bezier(.34,1.56,.64,1)}.triple-threat-icon{font-size:22px;animation:tripleZap .6s ease-in-out infinite alternate}.triple-threat-text{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,#a78bfa,#818cf8,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes tripleEntrance{0%{transform:scale(.4) rotate(-8deg);opacity:0}60%{transform:scale(1.12) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes tripleZap{0%{transform:scale(1) rotate(-4deg)}to{transform:scale(1.15) rotate(4deg)}}.reveal-sabotage-earned{text-align:center;margin:8px 0;padding:10px 16px;border-radius:12px;background:#a855f726;border:1px solid rgba(168,85,247,.3);animation:sabotageEarnIn .5s cubic-bezier(.34,1.56,.64,1)}.sabotage-earned-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#a78bfa;margin-bottom:4px}.sabotage-earned-type{display:flex;align-items:center;justify-content:center;gap:6px;font-size:18px;font-weight:800;color:var(--text-primary);font-family:Space Grotesk,sans-serif}.sabotage-icon{font-size:22px}@keyframes sabotageEarnIn{0%{transform:scale(.5) translateY(10px);opacity:0}60%{transform:scale(1.08) translateY(-2px)}to{transform:scale(1) translateY(0);opacity:1}}.reveal-sabotage-public{text-align:center;margin:6px 0;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#c084fc;background:#a855f714;border:1px solid rgba(168,85,247,.15);animation:sabotageEarnIn .4s ease-out}.ring-sabotage-count{display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:#c084fc;white-space:nowrap;animation:fadeIn .3s ease-out}.ring-sabotage-icon{font-size:12px}.ring-streak-break{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:14px;pointer-events:none;animation:streakBreakFade 1.2s ease-out forwards}@keyframes streakBreakFade{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-18px) scale(.6)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sabotage-tray-btn-wrap{display:flex;justify-content:center;margin-top:12px;position:relative}.sabotage-tray-btn-wrap--compact{margin:0;display:inline-flex;position:relative}.sabotage-tray-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:14px;border:2px solid rgba(255,140,66,.6);background:linear-gradient(135deg,#ff8c4240,#ff4d6d40);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:var(--t-transform),var(--t-shadow);animation:sabBtnPulse 2.5s ease-in-out infinite;box-shadow:0 4px 20px #ff8c424d;font-family:Space Grotesk,sans-serif}.sabotage-tray-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 28px #ff8c4280}.sabotage-tray-btn--empty{opacity:.35;cursor:default;animation:none;border-color:#ffffff26;background:#ffffff0d;box-shadow:none}.sabotage-tray-btn-icon{font-size:20px;line-height:1}.sabotage-tray-btn-count{min-width:20px;height:20px;border-radius:10px;background:var(--tropical-pink);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;font-family:Space Grotesk,sans-serif;box-shadow:0 2px 8px #ff4d6d80}.sabotage-tray-btn-label{font-size:13px;font-weight:600;color:var(--text-primary)}.sabotage-tray-btn--empty .sabotage-tray-btn-label{color:var(--text-muted)}@keyframes sabBtnPulse{0%,to{box-shadow:0 4px 20px #ff8c424d}50%{box-shadow:0 4px 28px #ff8c428c}}.sabotage-tray-btn--compact{padding:10px 16px;border-radius:14px;gap:6px;font-size:14px}.sabotage-tray-btn--compact .sabotage-tray-btn-icon{font-size:22px}.sabotage-tray-btn--compact .sabotage-tray-btn-count{min-width:20px;height:20px;font-size:11px;border-radius:10px;padding:0 5px}.sabotage-tray-btn--armed{animation:sabBtnArmedPulse 1.8s ease-in-out infinite}@keyframes sabBtnArmedPulse{0%,to{box-shadow:0 4px 20px #ff8c4266,0 0 12px #ff4d6d4d;transform:scale(1)}50%{box-shadow:0 6px 32px #ff8c42b3,0 0 20px #ff4d6d80;transform:scale(1.06)}}.sabotage-hint-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#ff8c42f2;color:#1a0e2e;font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px;white-space:nowrap;animation:hintFadeIn .3s ease,hintBounce 1.5s ease-in-out .3s 2;pointer-events:none;font-family:Space Grotesk,sans-serif;box-shadow:0 4px 16px #ff8c4280}.sabotage-hint-arrow{position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:12px;height:12px;background:#ff8c42f2;transform:rotate(45deg);border-radius:2px}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes hintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.sabotage-received-modal{text-align:center}.sabotage-received-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.sabotage-received-flash{font-size:24px;animation:sabFlash .8s ease-in-out infinite alternate}@keyframes sabFlash{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.sabotage-received-title{font-size:22px;font-weight:800;background:linear-gradient(90deg,#ff8c42,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Space Grotesk,sans-serif;letter-spacing:-.3px}.sabotage-received-subtitle{font-size:14px;font-weight:500;color:var(--text-muted, rgba(255,255,255,.7));text-align:center;margin-top:-8px;margin-bottom:8px;letter-spacing:.02em}.sabotage-received-card{width:140px;height:180px;margin:16px auto;border-radius:16px;border:2px solid var(--sab-accent, #a78bfa);background:linear-gradient(165deg,#3c1e64d9,#140a28f2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 32px #a78bfa59,inset 0 1px #ffffff1a;animation:sabCardAppear .5s cubic-bezier(.34,1.56,.64,1)}@keyframes sabCardAppear{0%{opacity:0;transform:scale(.7) rotateY(90deg)}to{opacity:1;transform:scale(1) rotateY(0)}}.sabotage-received-card-icon{font-size:48px;line-height:1}.sabotage-received-card-name{font-size:18px;font-weight:800;color:var(--text-primary);font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px}.sabotage-received-explanation{color:var(--text-secondary);font-size:15px;line-height:1.5;max-width:280px;margin:12px auto 8px}.sabotage-received-hint{font-size:12px;color:var(--text-muted);margin:4px auto 16px;max-width:260px}.sabotage-received-hint-icon{font-size:14px}.sabotage-public-modal{text-align:center}.sabotage-public-card{width:200px;min-height:200px;margin:0 auto;border-radius:16px;border:2px solid rgba(255,140,66,.6);background:linear-gradient(165deg,#501e0ad9,#1e0a05f2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;box-shadow:0 8px 32px #ff8c424d,inset 0 1px #ffffff1a;animation:sabCardAppear .5s cubic-bezier(.34,1.56,.64,1)}.sabotage-public-icon{font-size:56px;line-height:1;animation:sabPublicPulse .6s ease-out}@keyframes sabPublicPulse{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.sabotage-public-text{font-size:16px;font-weight:600;color:var(--text-secondary);line-height:1.4}.sabotage-public-name{font-weight:800;color:var(--text-primary);font-family:Space Grotesk,sans-serif}.sabotage-inline-tray{width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 8px 6px;border-radius:16px;border:2px solid rgba(255,255,255,.12);background:#ffffff08;margin-top:8px;animation:trayFadeIn .25s ease;transition:border-color .25s,box-shadow .25s,background .25s}.sabotage-inline-tray--safe{border-color:#4ade80b3;box-shadow:0 0 18px #4ade8033,inset 0 0 18px #4ade800a;background:#4ade800a}.sabotage-inline-tray--hot{border-color:#f87171cc;box-shadow:0 0 24px #f871714d,inset 0 0 20px #f871710f;background:#f871710d}@keyframes trayFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sabotage-inline-header{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:400px;margin-bottom:4px}.sabotage-inline-instruction{font-family:Space Grotesk,sans-serif;font-size:12px;color:var(--text-muted);text-align:center;line-height:1.3}.sabotage-inline-instruction strong{color:var(--text-primary)}.sabotage-drop-hint{font-family:Space Grotesk,sans-serif;font-size:11px;color:#f8717100;text-align:center;line-height:1;height:0;overflow:hidden;transition:color .2s,height .2s,margin .2s}.sabotage-drop-hint--visible{color:#f87171e6;height:14px;margin-bottom:2px}.sabotage-tray-close{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:var(--t-color);flex-shrink:0}.sabotage-tray-close:hover{background:#ffffff14;color:var(--text-primary)}.sabotage-tray-hint{text-align:center;color:var(--text-muted);font-size:12px;margin-top:12px}.sabotage-card-fan{display:flex;justify-content:center;align-items:flex-end;gap:0;padding:16px 8px 8px;min-height:160px;perspective:600px}.sabotage-card-fan--inline{padding:8px 0;min-height:200px;width:100%;max-width:520px;justify-content:center;align-items:center}.sabotage-card{position:relative;width:100px;min-height:140px;border-radius:14px;border:2px solid var(--card-accent, rgba(255, 255, 255, .15));background:linear-gradient(160deg,#ffffff1a,#ffffff08);padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:grab;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s ease;transform-origin:bottom center;margin:0 -8px;overflow:hidden}.sabotage-card--big{width:155px;min-height:200px;padding:16px 12px;gap:10px;margin:0 -8px;border-radius:16px;cursor:grab}.sabotage-card:active{cursor:grabbing}.sabotage-card-icon{font-size:28px;line-height:1}.sabotage-card-icon--big{font-size:44px}.sabotage-card-name{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.2}.sabotage-card-name--big{font-size:18px}.sabotage-card-track{font-size:9px;color:var(--text-muted);text-align:center;line-height:1.3;font-style:italic}.sabotage-card-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid var(--card-accent, transparent);opacity:.3;pointer-events:none;box-shadow:inset 0 0 12px color-mix(in srgb,var(--card-accent) 20%,transparent),0 0 16px color-mix(in srgb,var(--card-accent) 15%,transparent);animation:cardGlowPulse 2.5s ease-in-out infinite alternate}@keyframes cardGlowPulse{0%{opacity:.2}to{opacity:.5}}.sabotage-card-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}.sabotage-card-wrap--big{touch-action:none;align-self:center}.sabotage-card-wrap--dragging{z-index:200!important;pointer-events:none}.sabotage-card-wrap--dragging .sabotage-card{box-shadow:0 12px 40px #00000080,0 0 30px color-mix(in srgb,var(--card-accent) 25%,transparent)}.sabotage-card-info-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0006;color:#ffffffb3;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:2;transition:background .15s,color .15s}.sabotage-card-info-btn--big{width:32px;height:32px;font-size:18px;top:8px;right:8px}.sabotage-card-info-btn:hover{background:#ffffff26;color:#fff}.sabotage-card-info-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:200px;background:#0f0f13f2;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:10px 12px;z-index:200;pointer-events:none;animation:tooltipFadeIn .15s ease}.sabotage-card-info-tooltip--big{width:220px;padding:12px 14px}.sabotage-card-info-tooltip strong{display:block;font-size:13px;color:#fff;margin-bottom:4px}.sabotage-card-info-tooltip p{font-size:12px;color:#ffffffb3;line-height:1.4;margin:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sabotage-target-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.sabotage-confirm-body{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.sabotage-confirm-card{width:80px;height:100px;border-radius:12px;border:2px solid var(--card-accent, rgba(255, 255, 255, .15));background:linear-gradient(160deg,#ffffff1a,#ffffff08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.sabotage-confirm-arrow{font-size:24px;color:var(--sunset-orange);animation:arrowPulse 1.2s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.sabotage-confirm-target{display:flex;flex-direction:column;align-items:center;gap:6px}.sabotage-confirm-target span{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;color:var(--text-primary)}.sabotage-confirm-text{text-align:center;color:var(--text-secondary);font-size:14px;margin:4px 0 16px}.sabotage-confirm-text strong{color:var(--text-primary)}.sabotage-confirm-actions{display:flex;gap:10px;justify-content:center}.sabotage-confirm-cancel{padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:var(--t-color)}.sabotage-confirm-cancel:hover{background:#ffffff1a;color:var(--text-primary)}.sabotage-confirm-play{padding:10px 24px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--sunset-orange),var(--tropical-pink));color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:var(--t-transform),var(--t-shadow);box-shadow:0 4px 16px #ff8c4259;font-family:Space Grotesk,sans-serif}.sabotage-confirm-play:hover{transform:scale(1.04);box-shadow:0 6px 24px #ff8c4280}.sfx-toggle-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.sfx-toggle-btn:hover{background:#ffffff1f;transform:scale(1.08)}.sfx-toggle-btn:active{transform:scale(.94)}.sfx-toggle-btn.on{background:#06d6a026;border-color:#06d6a066}.sfx-toggle-btn.pulse{animation:sfxTogglePulse 1.8s ease-in-out infinite}@keyframes sfxTogglePulse{0%,to{box-shadow:0 0 #06d6a066;border-color:#06d6a099}50%{box-shadow:0 0 10px 3px #06d6a04d;border-color:#06d6a04d}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayCardPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes overlayPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(6,214,160,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(6,214,160,.7))}}.switch-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:overlayFadeIn .25s ease-out}.switch-picker-card{width:100%;max-width:460px;background:var(--surface, #1a1a2e);border:1px solid rgba(255,200,60,.3);border-radius:20px;padding:28px 24px 20px;display:flex;flex-direction:column;gap:20px;animation:overlayCardPop .35s cubic-bezier(.34,1.56,.64,1)}.switch-picker-header{display:flex;align-items:center;gap:14px}.switch-picker-icon{font-size:36px;flex-shrink:0}.switch-picker-title{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:800;color:#ffc83c;margin:0 0 2px}.switch-picker-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.switch-picker-countdown{margin-left:auto;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;color:var(--text-secondary);min-width:40px;text-align:right;transition:color .3s}.switch-picker-countdown.urgent{color:#ff6b6b;animation:overlayPulse .6s ease-in-out infinite}.switch-picker-options{display:flex;flex-direction:column;gap:8px}.switch-picker-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s,opacity .2s;text-align:left;width:100%}.switch-picker-option:hover:not(:disabled){background:#ffc83c1f;border-color:#ffc83c66;transform:translateY(-1px)}.switch-picker-option.chosen{background:#ffc83c2e;border-color:#ffc83c}.switch-picker-option.dimmed{opacity:.35}.switch-option-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:#fff}.switch-option-artist{font-size:13px;color:var(--text-secondary)}.switch-picker-hint{font-size:12px;color:var(--text-muted, #64748b);text-align:center;margin:0}.switch-waiting-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:overlayFadeIn .25s ease-out}.switch-waiting-card{width:100%;max-width:380px;background:var(--surface, #1a1a2e);border:1px solid rgba(255,200,60,.3);border-radius:20px;padding:36px 28px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;animation:overlayCardPop .35s cubic-bezier(.34,1.56,.64,1)}.switch-waiting-icon{font-size:48px;animation:overlayPulse 1.5s ease-in-out infinite}.switch-waiting-title{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:800;color:#ffc83c;margin:0}.switch-waiting-text{font-size:15px;color:var(--text-primary, #e2e8f0);margin:0;line-height:1.4}.switch-waiting-dots{display:flex;gap:8px;margin:4px 0}.switch-waiting-dots .dot{width:10px;height:10px;border-radius:50%;background:#ffc83c;animation:switchDotBounce 1.4s ease-in-out infinite}.switch-waiting-dots .dot:nth-child(2){animation-delay:.16s}.switch-waiting-dots .dot:nth-child(3){animation-delay:.32s}@keyframes switchDotBounce{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.switch-waiting-hint{font-size:12px;color:var(--text-muted, #64748b);margin:4px 0 0}.round-announce-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4500;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#000000bf,#00000080);pointer-events:none;animation:roundOverlayIn .3s ease-out,roundOverlayOut .5s ease 2.5s forwards}.round-announce-card{display:flex;flex-direction:column;align-items:center;gap:12px;animation:roundCardPop .6s cubic-bezier(.34,1.56,.64,1)}.round-announce-number{font-family:Space Grotesk,sans-serif;font-size:5rem;font-weight:900;text-transform:uppercase;letter-spacing:8px;background:linear-gradient(135deg,#06d6a0,#48dbfb 40%,#a29bfe,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(6,214,160,.4)) drop-shadow(0 0 60px rgba(72,219,251,.2))}.round-announce-last{font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:800;text-transform:uppercase;letter-spacing:6px;color:var(--sunset-orange, #ff8c42);text-shadow:0 0 24px rgba(255,140,66,.7),0 0 48px rgba(255,140,66,.3);animation:roundLastPulse .8s ease-in-out infinite alternate}@keyframes roundOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes roundOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes roundCardPop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes roundLastPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}@media (max-width: 640px){.round-announce-number{font-size:3.5rem;letter-spacing:5px}.round-announce-last{font-size:1.3rem;letter-spacing:4px}}.sabotage-pulse-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#000c,#0009);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pulseOverlayIn .3s ease-out}.sabotage-pulse-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 56px;border-radius:28px;background:linear-gradient(160deg,#281446f7,#140a28f7);border:2px solid var(--pulse-accent, var(--sunset-orange));box-shadow:0 0 80px color-mix(in srgb,var(--pulse-accent, var(--sunset-orange)) 35%,transparent),0 0 160px color-mix(in srgb,var(--pulse-accent, var(--sunset-orange)) 15%,transparent),0 20px 60px #0009;animation:pulseCardEntry .6s cubic-bezier(.34,1.56,.64,1),pulseCardBreathe 1.8s ease-in-out .6s infinite}.sabotage-pulse-icon{font-size:72px;line-height:1;animation:pulseIconBounce .7s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 20px color-mix(in srgb,var(--pulse-accent, var(--sunset-orange)) 50%,transparent))}.sabotage-pulse-name{font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--pulse-accent, var(--sunset-orange));text-shadow:0 0 30px color-mix(in srgb,var(--pulse-accent, var(--sunset-orange)) 40%,transparent)}.sabotage-pulse-who{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;color:var(--text-secondary, #ccc);text-align:center}.sabotage-pulse-who strong{color:var(--pulse-accent, var(--sunset-orange))}@keyframes pulseOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes pulseOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes pulseCardEntry{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseCardBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes pulseIconBounce{0%{transform:scale(0) rotate(-20deg);opacity:0}50%{transform:scale(1.3) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}.listener-play-btn--sabotage-mute{background:#ff4d6d33!important;border-color:var(--tropical-pink)!important;color:var(--tropical-pink)!important;cursor:not-allowed!important;animation:sabMutePulse 1.5s ease-in-out infinite}@keyframes sabMutePulse{0%,to{opacity:.7}50%{opacity:1}}.reveal-steal-result{text-align:center;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;padding:10px 16px;border-radius:12px;margin:8px 0;animation:sabotageEarnIn .4s ease}.steal-success{background:linear-gradient(135deg,#f472b633,#a78bfa33);border:1px solid rgba(244,114,182,.4);color:#f472b6}.steal-fail{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted)}.turn-skipped-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:flex;align-items:center;justify-content:center;background:#00000080;pointer-events:none;animation:fadeIn .2s ease,bannerFadeOut .5s ease 1.5s forwards}.turn-skipped-content{display:flex;align-items:center;gap:12px;padding:20px 32px;border-radius:16px;background:linear-gradient(135deg,#f97316e6,#ff4d6de6);box-shadow:0 8px 32px #00000080;animation:traySlideUp .4s cubic-bezier(.34,1.56,.64,1)}.turn-skipped-icon{font-size:32px}.turn-skipped-text{font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700;color:#fff}.player-ring--reversing{animation:ringReverseFlip .8s cubic-bezier(.34,1.56,.64,1)}@keyframes ringReverseFlip{0%{transform:scaleX(1);opacity:1}40%{transform:scaleX(.02);opacity:.5}60%{transform:scaleX(.02);opacity:.5}to{transform:scaleX(1);opacity:1}}@media (max-width: 640px){.sabotage-tray-btn{padding:8px 16px}.sabotage-tray-btn-icon{font-size:18px}.sabotage-tray-btn-label{font-size:12px}.sabotage-inline-tray{padding:6px 0 2px}.sabotage-card--big{width:130px;min-height:175px;padding:12px 8px}.sabotage-card-icon--big{font-size:36px}.sabotage-card-name--big{font-size:15px}.sabotage-card-info-btn--big{width:28px;height:28px;font-size:16px}.sabotage-card-name{font-size:11px}.sabotage-card-track{font-size:8px}.sabotage-pulse-card{padding:28px 36px}.sabotage-pulse-icon{font-size:52px}.sabotage-pulse-name{font-size:26px;letter-spacing:2px}.sabotage-pulse-who{font-size:13px}}.gameplay-active .landing-logo .logo-icon,.gameplay-active .logo-pulse,.gameplay-active .sound-wave .bar,.gameplay-active .edge-hint--glow,.gameplay-active .ring-pulse,.gameplay-active .gap-placed-marker,.gameplay-active .player-section.drag-hint-active .gap-target.gap-active,.gameplay-active .drag-discovery-arrow,.gameplay-active .lockin-ring,.gameplay-active .turn-streak-badge.on-fire,.gameplay-active .ring-streak--fire,.gameplay-active .reveal-streak-fire,.gameplay-active .song-timer.warning,.gameplay-active .sabotage-confirm-arrow,.gameplay-active .sfx-toggle-btn.pulse,.gameplay-active .status-badge--pulse .status-badge-dot,.gameplay-active .switch-picker-countdown.urgent,.gameplay-active .triple-threat-icon,.gameplay-active .disconnect-spinner,.gameplay-active .cold-start-spinner,.gameplay-active .lobby-settings--needs-playlist,.gameplay-active .yt-game-disc-overlay.disc-urgent .yt-disc-inner{animation-play-state:paused!important}.playback-physical-remote{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0}.playback-physical-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#ffffff0a;border-radius:12px;font-size:13px;color:var(--text-muted)}.playback-physical-icon{font-size:18px}.playback-physical-text{opacity:.7}.remote-play-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#ffffff0f;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--t-color),var(--t-transform)}.remote-play-btn:active{transform:scale(.92)}.remote-play-btn.playing{border-color:var(--accent);background:#ff8d4226}.remote-play-btn.error{border-color:#ff6b6b;background:#ff6b6b26;animation:remote-play-btn-error-shake .4s ease-in-out}@keyframes remote-play-btn-error-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.physical-presenter{overflow:hidden}.presenter-topbar{position:relative;z-index:10}.presenter-timer-wrap{display:flex;align-items:center;gap:10px;flex:0 1 300px;margin:0 16px}.presenter-timer-bar{flex:1;height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.presenter-timer-fill{height:100%;border-radius:4px;background:var(--gradient-warm);transition:width 1s linear}.presenter-timer-bar.urgent .presenter-timer-fill{background:linear-gradient(90deg,#ff4757,#ff6b81)}.presenter-timer-text{font-family:Space Grotesk,monospace;font-size:18px;font-weight:700;min-width:40px;text-align:right}.presenter-timer-text.urgent{color:#ff4757}.presenter-body{flex:1;display:flex;flex-direction:column;padding:16px 24px;gap:12px;overflow:hidden}.presenter-content{flex:1;display:flex;gap:20px;overflow:hidden}.presenter-turn-banner{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.presenter-turn-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);font-weight:600}.presenter-turn-name{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.presenter-timeline-area{flex:1;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:20px;scroll-behavior:smooth}.presenter-timeline-track{display:flex;gap:12px;min-width:min-content;align-items:stretch}.presenter-card{width:150px!important;min-height:180px!important;padding:16px 12px!important;box-shadow:0 2px 8px #00000040,0 1px 3px #00000026;border-width:2px}.presenter-card .card-year{font-size:28px!important}.presenter-card .card-title{font-size:13px!important}.presenter-card .card-artist{font-size:11px!important}.presenter-card-player{font-size:11px;font-weight:600;margin-top:4px}.presenter-timeline-empty{font-size:22px;color:var(--text-muted);opacity:.5;margin:auto}.presenter-audio-section{padding:8px 0;flex-shrink:0}.presenter-sidebar{width:260px;flex-shrink:0;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:16px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.presenter-leaderboard-title{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:4px}.presenter-lb-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff0a;border-radius:var(--radius-sm);transition:background .2s}.presenter-lb-row.active-turn{background:#ff8c421f;border:1px solid rgba(255,140,66,.3)}.presenter-lb-rank{font-size:14px;font-weight:700;color:var(--text-muted);width:22px;text-align:center}.presenter-lb-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.presenter-lb-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.presenter-lb-name{flex:1;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presenter-lb-streak{font-size:11px;color:gold}.presenter-lb-score{font-family:Space Grotesk,monospace;font-size:18px;font-weight:800;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.presenter-sabotage-counts{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.presenter-sabotage-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:6px}.presenter-sab-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.presenter-sab-count{font-weight:700}.presenter-game-over{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px;text-align:center}.presenter-game-over-title{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:800;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.presenter-winner{font-size:24px;font-weight:600;color:gold}.presenter-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000a6;z-index:90;animation:presenterSabFadeIn .3s ease-out}.presenter-reveal-card{text-align:center;padding:40px 60px;background:var(--gradient-card);border:2px solid rgba(255,255,255,.12);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;gap:8px;animation:presenterSabPulse .5s ease-out}.presenter-reveal-song-title{font-size:28px;font-weight:700;color:var(--text-primary)}.presenter-reveal-song-artist{font-size:18px;color:var(--text-secondary)}.presenter-reveal-year{font-family:Space Grotesk,monospace;font-size:56px;font-weight:800;background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:8px 0}.presenter-reveal-result{font-size:24px;font-weight:700}.presenter-reveal-result.correct{color:#06d6a0}.presenter-reveal-result.incorrect{color:#ff4757}.presenter-reveal-pts{margin-left:8px;color:gold}.presenter-reveal-player{font-size:16px;color:var(--text-muted);margin-top:4px}.presenter-sabotage-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:100;animation:presenterSabFadeIn .3s ease-out}.presenter-sabotage-anim{font-family:Space Grotesk,sans-serif;text-align:center;padding:40px 60px;background:#0f0f13e6;border:2px solid rgba(255,140,66,.4);border-radius:24px;animation:presenterSabPulse .6s ease-in-out;display:flex;flex-direction:column;align-items:center;gap:8px}.presenter-sab-icon{font-size:56px;line-height:1}.presenter-sab-title{font-size:36px;font-weight:800;color:var(--text-primary)}.presenter-sab-detail{font-size:18px;font-weight:500;color:var(--text-secondary)}@keyframes presenterSabFadeIn{0%{opacity:0}to{opacity:1}}@keyframes presenterSabPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.presenter-waiting{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-primary, #fff);text-align:center;padding:24px}.presenter-lobby{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:48px 40px 32px;color:var(--text-primary, #fff)}.presenter-lobby-header{text-align:center;margin-bottom:32px}.presenter-lobby-title{font-size:36px;margin:0 0 6px;background:linear-gradient(135deg,var(--seafoam, #56d6a0),var(--p4, #a29bfe));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.presenter-lobby-room{font-size:20px;color:var(--text-muted, #888);margin:0}.presenter-lobby-room strong{color:var(--text-primary);letter-spacing:2px}.presenter-lobby-body{display:flex;gap:48px;width:100%;max-width:960px;align-items:flex-start}.presenter-lobby-qr-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:12px}.presenter-lobby-scan-hint{font-size:14px;color:#ffffff80;margin:0}.presenter-lobby-players-section{flex:1;min-width:0}.presenter-lobby-player-count{font-size:15px;color:var(--text-muted);margin:0 0 14px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.presenter-lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.presenter-lobby-footer{margin-top:32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.presenter-lobby-start-btn{padding:14px 48px;font-size:20px;font-weight:700;border:none;border-radius:14px;background:var(--theme-cta-bg);color:var(--theme-cta-text);cursor:pointer;letter-spacing:.5px;box-shadow:0 4px 24px color-mix(in srgb,var(--theme-primary, #ff8c42) 35%,transparent);transition:transform .15s ease,box-shadow .15s ease}.presenter-lobby-start-btn:hover{transform:scale(1.04);background:var(--theme-cta-bg-hover);box-shadow:0 8px 32px color-mix(in srgb,var(--theme-primary, #ff8c42) 45%,transparent)}.presenter-lobby-start-btn:active{transform:scale(.97)}.presenter-lobby-hint{font-size:14px;color:var(--text-muted);opacity:.65;margin:0}.presenter-lobby-music-source{margin-top:32px;display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:720px;margin-left:auto;margin-right:auto}.presenter-lobby-music-source .selected-playlist-badge{align-self:center}.presenter-lobby-start-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.presenter-lobby-start-btn:disabled:hover{transform:none;background:var(--theme-cta-bg);box-shadow:none}@media (max-width: 768px){.presenter-lobby{padding:24px 16px}.presenter-lobby-body{flex-direction:column;align-items:center;gap:24px}.presenter-lobby-grid{grid-template-columns:1fr}.presenter-lobby-title{font-size:28px}.presenter-lobby-music-source{margin-top:24px}}.presenter-badge{font-size:11px;background:#ffffff14;color:var(--text-muted, #999);padding:3px 10px;border-radius:6px;letter-spacing:.5px}.presenter-game .lockin-bar,.presenter-game .lockin-guess-row,.presenter-game .lockin-btn,.presenter-game .turn-indicator--mine,.presenter-game .player-chips{display:none!important}.presenter-game{font-size:1.2rem;display:flex;flex-direction:column;height:100vh;width:100vw;max-width:none!important;margin:0!important;overflow:hidden}.presenter-game.presenter-final-screen{height:auto;min-height:100vh;overflow:visible;overflow-y:auto;padding:32px 24px 48px;gap:24px;align-items:center}.presenter-final-actions{display:flex;flex-direction:row;gap:16px;justify-content:center;align-items:center;margin-top:24px;flex-wrap:wrap}.presenter-final-actions .btn{min-width:220px;font-size:18px;padding:14px 28px}.presenter-game .timeline-card{width:200px;min-height:284px;padding:24px 17px;gap:7px;border-radius:16px}.presenter-game .timeline-card .card-year{font-size:40px;margin-bottom:3px}.presenter-game .timeline-card .card-title{font-size:18px;margin-bottom:3px}.presenter-game .timeline-card .card-artist{font-size:17px}.presenter-game .mystery-vinyl{width:240px;height:240px}.presenter-game .vinyl-timer-ring,.presenter-game .vinyl-timer-wrap{width:270px;height:270px}.presenter-game .mystery-vinyl-center{width:80px;height:80px;font-size:28px}.presenter-game .vinyl-seek-btn{width:60px;height:60px}.presenter-game .vinyl-seek-btn svg{width:34px;height:34px}.presenter-game .active-song-card{padding:24px 40px;border-radius:24px}.pres-topbar{width:100%;padding:10px 24px;flex-shrink:0}.pres-topbar .game-info{font-size:16px;width:100%;max-width:none}.pres-topbar .room-tag{font-size:16px;padding:5px 14px}.pres-topbar .round-tag{font-size:15px}.pres-topbar .presenter-badge{font-size:14px;padding:4px 12px}.pres-layout{display:flex;flex:1;min-height:0;overflow:hidden;width:100%}.pres-main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:8px 0 16px}.presenter-game .timeline-track{justify-content:center}.pres-turn-indicator{display:flex;justify-content:center;padding:8px 16px 2px;flex-shrink:0}.pres-turn-text{font-size:28px;font-weight:700;color:var(--sunset-orange, #FF8C42);text-shadow:0 0 24px rgba(255,140,66,.35);animation:presenterTurnPulse 2s ease-in-out infinite}@keyframes presenterTurnPulse{0%,to{opacity:1}50%{opacity:.7}}.pres-point-counter{display:flex;justify-content:center;padding:2px 16px 0;flex-shrink:0}.pres-vinyl-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px 16px;flex:1;min-height:0}.pres-sidebar{position:relative;width:280px;flex-shrink:0;display:flex;order:1;transition:width .3s ease;will-change:width}.pres-sidebar--collapsed{width:48px}.pres-sidebar-tab{position:absolute;left:-24px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:none;background:none;color:#ffffff59;cursor:pointer;font-size:14px;transition:color .2s}.pres-sidebar-tab:hover{color:#ffffffb3}.pres-sidebar-tab-icon{font-size:16px}.pres-sidebar-tab-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff4d}.pres-sidebar-panel{flex:1;display:flex;flex-direction:column;background:#ffffff0a;border-left:1px solid rgba(255,255,255,.06);overflow:hidden;transition:opacity .3s ease}.pres-sidebar--collapsed .pres-sidebar-panel{opacity:0;pointer-events:none}.pres-sidebar-header{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.06)}.pres-sidebar-title{font-size:20px;font-weight:700;color:#fff;margin:0}.pres-sidebar-round{font-size:13px;color:#ffffff73}.pres-sidebar-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.pres-sidebar-row{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:background .2s,border-color .2s,box-shadow .3s}.pres-sidebar-row--active{background:#ff8c421a;border-color:#ff8c424d}.pres-sidebar-row--active:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:var(--sunset-orange, #FF8C42);border-radius:0 3px 3px 0}.pres-sidebar-rank{font-size:20px;min-width:34px;text-align:center}.pres-sidebar-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.pres-sidebar-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pres-sidebar-name{font-size:17px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pres-sidebar-badges{display:flex;gap:6px;font-size:13px;color:#ffffff80}.pres-sidebar-fire{color:#ff6b35}.pres-sidebar-score{font-size:18px;font-weight:700;color:var(--seafoam, #56d6a0);white-space:nowrap}.presenter-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px;color:#ff8fa3;text-align:center}.presenter-error button{margin-top:12px;padding:10px 24px;border-radius:8px;border:none;background:var(--p4, #6c5ce7);color:#fff;cursor:pointer;font-size:14px}.presenter-final-lb{max-width:600px;margin:0 auto;padding:40px 24px}.presenter-final-title{font-size:28px;text-align:center;margin-bottom:24px;background:linear-gradient(135deg,gold,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.presenter-final-list{display:flex;flex-direction:column;gap:8px}.presenter-final-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.presenter-final-row--winner{background:#ffd70014;border-color:#ffd70033}.presenter-final-rank{font-size:24px;min-width:40px;text-align:center}.presenter-final-name{flex:1;font-size:18px;font-weight:500}.presenter-final-score{font-size:16px;color:var(--seafoam, #56d6a0);font-weight:600}.presenter-link-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-top:12px}.presenter-link-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.presenter-link-icon{font-size:24px}.presenter-link-title{font-size:14px;font-weight:600;color:var(--text-primary, #fff)}.presenter-link-desc{font-size:12px;color:var(--text-muted, #888)}.presenter-link-status{margin-left:auto;font-size:12px;color:var(--seafoam, #56d6a0);font-weight:500}.presenter-link-body{display:flex;align-items:center;gap:16px}.presenter-link-qr{flex-shrink:0;background:#0000004d;border-radius:8px;padding:8px}.presenter-link-actions{flex:1;display:flex;flex-direction:column;gap:8px}.presenter-link-url{font-size:11px;color:var(--text-muted, #888);word-break:break-all;line-height:1.3}.presenter-link-copy{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text-primary, #fff);font-size:13px;cursor:pointer;transition:background .2s}.presenter-link-copy:hover{background:#ffffff1f}.tooltip-host{position:relative;display:inline-block}.tooltip-bubble{position:absolute;z-index:1100;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)));padding:10px 14px;border-radius:10px;background:#0f0f14f7;border:1px solid rgba(255,255,255,.14);box-shadow:0 6px 24px #00000073;color:var(--text-primary, #f1f5f9);font-size:13px;line-height:1.45;font-weight:500;text-align:center;pointer-events:none;animation:tooltipFadeIn .16s ease;white-space:normal;width:max-content;max-width:min(92vw,320px)}.tooltip-top{bottom:calc(100% + 8px)}.tooltip-bottom{top:calc(100% + 8px)}.tooltip-left{right:calc(100% + 8px);left:auto;top:50%;transform:translateY(-50%)}.tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip-bubble:after{content:"";position:absolute;width:10px;height:10px;background:#0f0f14f7;border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.tooltip-top:after{left:calc(50% + var(--tooltip-arrow-x, 0px));bottom:-6px;transform:translate(-50%) rotate(45deg)}.tooltip-bottom:after{left:calc(50% + var(--tooltip-arrow-x, 0px));top:-6px;transform:translate(-50%) rotate(-135deg)}.start-gate-highlight{animation:startGatePulse 1.6s ease-in-out infinite}.player-card.invite-card.start-gate-highlight,.presenter-link-card.start-gate-highlight{border-color:#ffa500b3;background:#ffa50014}@keyframes startGatePulse{0%,to{box-shadow:0 0 #ffa5008c;transform:scale(1)}50%{box-shadow:0 0 0 10px #ffa50000;transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.start-gate-highlight{animation:none;box-shadow:0 0 0 3px #ffa50073}}.gameplay-active .start-gate-highlight{animation-play-state:paused!important}.start-gate-helper{display:flex;align-items:center;gap:8px;margin:10px auto 14px;padding:8px 14px;max-width:360px;border-radius:999px;background:#ffa5001f;border:1px solid rgba(255,165,0,.45);color:#fff8ec;font-size:13px;line-height:1.35;text-align:center;justify-content:center;animation:startGateHelperFade .24s ease-out}.start-gate-helper-icon{font-size:14px;line-height:1;opacity:.9;flex:0 0 auto}.start-gate-helper-text{flex:1 1 auto;min-width:0}@keyframes startGateHelperFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.start-gate-helper{animation:none}}.mode-picker-screen{padding-top:88px}.mode-picker-card{background:var(--surface-2, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:16px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease;color:inherit;font:inherit;text-align:center}.mode-picker-card:hover:not(:disabled){border-color:var(--accent, #6c5ce7);transform:translateY(-1px)}.mode-picker-card:disabled{opacity:.6;cursor:not-allowed}.mode-picker-card.is-pending{border-color:var(--accent, #6c5ce7)}.mode-picker-icon{font-size:48px;line-height:1}.mode-picker-title{font-size:18px;font-weight:600}.mode-picker-desc{font-size:13px;color:var(--text-muted);line-height:1.4;max-width:260px}.mode-picker-spinner{margin-top:8px;font-size:12px;color:var(--accent, #6c5ce7)}@media (min-width: 720px){.mode-picker-cards{flex-direction:row!important;max-width:700px!important}.mode-picker-card{flex:1}}.physical-setup-screen{padding-top:88px;display:flex;flex-direction:column;align-items:center}.physical-setup-card{background:var(--surface-2, rgba(255, 255, 255, .05));border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:16px;padding:16px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}.physical-setup-url{font-family:monospace;font-size:13px;color:var(--text-secondary, rgba(255, 255, 255, .8));word-break:break-all;text-align:center;padding:8px;background:var(--surface-1, rgba(0, 0, 0, .2));border-radius:8px}.physical-setup-qr-wrap{margin-top:24px;display:flex;flex-direction:column;align-items:center}.physical-setup-continue-wrap{margin-top:32px;width:100%;display:flex;justify-content:center}.lobby-mode-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--surface-2, rgba(255, 255, 255, .06));border:1px solid var(--border, rgba(255, 255, 255, .1));color:var(--text-secondary);margin-bottom:8px}.playlist-list{width:100%;display:flex;flex-direction:column;gap:12px}.playlist-list-search{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border, rgba(255, 255, 255, .1));background:var(--surface-1, rgba(0, 0, 0, .2));color:inherit;font-size:14px}.playlist-list-rows{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.playlist-list-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .04));border:1px solid transparent;transition:background .12s ease,border-color .12s ease}.playlist-list-row:hover{background:var(--surface-3, rgba(255, 255, 255, .07))}.playlist-list-row.selected{border-color:var(--accent, #6c5ce7)}.playlist-list-row-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-list-row-name{font-size:14px;font-weight:500}.playlist-list-row-shelf{font-size:11px;color:var(--text-muted)}.playlist-list-row-meta{font-size:11px;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.playlist-list-row-tracks{color:var(--text-muted);white-space:nowrap}.playlist-list-row-start{background:var(--accent, #6c5ce7);color:#fff;border:none;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.playlist-list-row-start:disabled{opacity:.6;cursor:not-allowed}.playlist-list-empty,.playlist-list-loading,.playlist-list-error{font-size:13px;color:var(--text-muted);padding:12px;text-align:center}.playlist-list-error{color:var(--error-color, #ff8fa3)}.guess-autocomplete-wrap{position:relative;flex:1}.guess-autocomplete-wrap .guess-input{width:100%;box-sizing:border-box}.autocomplete-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--bg-dark, #1a0e2e);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);overflow:hidden;z-index:100;box-shadow:0 -4px 16px #0006}.autocomplete-option{padding:0 14px;min-height:44px;display:flex;align-items:center;font-size:15px;color:#ffffffd9;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .1s}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:active,.autocomplete-option:hover{background:#ffffff12}.reveal-momentum-picker{display:flex;flex-direction:column;gap:8px;width:100%;padding:12px 10px;margin-top:10px;margin-bottom:10px;background:#8b5cf60f;border:1px solid rgba(139,92,246,.18);border-radius:10px}.momentum-picker-header{color:#a78bfa;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.momentum-picker-sub{color:#94a3b8;font-size:12px;margin-bottom:2px}.momentum-picker-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.momentum-picker-row{background:#8b5cf61f;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;color:inherit;font-family:inherit;width:100%}.momentum-picker-row:active{transform:scale(.98)}.momentum-picker-icon{font-size:18px}.momentum-picker-title{color:#f1f5f9;font-size:13px;font-weight:600}.momentum-picker-artist{color:#94a3b8;font-size:11px}.momentum-picker-foot{color:#64748b;font-size:11px;text-align:center;margin-top:2px}.momentum-picker-empty{color:#94a3b8;font-size:12px;text-align:center;padding:12px 8px}.reveal-compact-skip-hint{color:#64748b;font-size:11px;letter-spacing:.02em;margin-top:2px}.reveal-compact-skip-hint strong{color:#f59e0b;font-weight:700}.momentum-playback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f19eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.momentum-playback-card{background:#0f0f1a;border-radius:14px;padding:16px;max-width:480px;width:100%;text-align:center;border:1px solid rgba(139,92,246,.2)}.momentum-playback-banner{background:linear-gradient(135deg,#8b5cf626,#06d6a01a);border:1px solid rgba(139,92,246,.25);border-radius:10px;padding:8px 12px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.momentum-playback-icon{font-size:18px}.momentum-playback-banner-text{text-align:left}.momentum-playback-banner-head{color:#f1f5f9;font-size:13px;font-weight:700}.momentum-playback-banner-sub{color:#94a3b8;font-size:11px}.momentum-playback-video{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden;margin-bottom:10px}.momentum-playback-meta{margin-bottom:10px}.momentum-playback-title{color:#f1f5f9;font-size:14px;font-weight:700}.momentum-playback-artist{color:#94a3b8;font-size:12px}.momentum-playback-skip{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:9px 12px;color:#f87171;font-size:13px;font-weight:600;cursor:pointer;width:100%;font-family:inherit;margin-top:8px}.momentum-playback-skip:active{transform:scale(.98)}.momentum-playback-skip-note{color:#475569;font-size:10px;margin-top:4px}.momentum-holding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f19f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.momentum-holding-card{background:#0f0f1a;border-radius:14px;padding:24px 18px;max-width:360px;width:100%;text-align:center;border:1px solid rgba(139,92,246,.2)}.momentum-holding-icon{font-size:36px;margin-bottom:10px}.momentum-holding-head{color:#f1f5f9;font-size:16px;font-weight:700;margin-bottom:4px}.momentum-holding-sub{color:#94a3b8;font-size:13px;margin-bottom:14px}.momentum-holding-song{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:10px;padding:12px;margin-bottom:14px}.momentum-holding-song-title{color:#f1f5f9;font-size:14px;font-weight:600}.momentum-holding-song-meta{color:#64748b;font-size:11px}.momentum-holding-foot{color:#475569;font-size:11px}.perf-tooltip-trigger:hover .perf-tooltip-content,.perf-tooltip-trigger:focus .perf-tooltip-content{opacity:1!important;visibility:visible!important}.lockin-chip-strip{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.lockin-chip-caption{font-size:14px;font-weight:600;color:var(--text-secondary)}.lockin-chip-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:720px}.lockin-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:13px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-secondary);transition:var(--t-color)}.lockin-chip.locked{background:#56d6a02e;color:#5cd6a0;border-color:#56d6a066}.lockin-chip.pending{opacity:.7}.lockin-chip--result{font-weight:600;padding:6px 12px}.now-playing-indicator{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:var(--radius-sm, 10px);background:#ffffff0a;margin:8px auto;width:fit-content}.now-playing-vinyl{width:32px;height:32px;border-radius:50%;background:#111;position:relative;animation:vinylSpin 4s linear infinite}.now-playing-vinyl-grooves{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 0 2px #ffffff0a}.now-playing-eq{display:flex;align-items:flex-end;gap:2px;height:18px}.now-playing-bar{width:3px;background:var(--seafoam, #56d6a0);border-radius:1px;animation:eqBar .9s ease-in-out infinite alternate}@keyframes eqBar{0%{height:4px}to{height:18px}}.now-playing-caption{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .55))}.party-host-reveal{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.party-host-reveal-card{padding:24px 36px;border-radius:var(--radius, 16px);background:var(--gradient-card, rgba(255, 255, 255, .04));text-align:center;min-width:280px}.party-host-reveal-card .card-year{font-size:36px;font-weight:800;color:var(--sunset-orange, #ff8c42);margin-bottom:8px}.party-host-reveal-card .card-title{font-size:22px;font-weight:700;margin-bottom:4px}.party-host-reveal-card .card-artist{font-size:16px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.party-host-reveal-results{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:720px}.party-locked-waiting{text-align:center;font-size:16px;font-weight:600;color:#5cd6a0;padding:16px 0}.room-disbanded-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .25s ease;padding:24px}.room-disbanded-card{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:360px;width:100%;padding:32px 28px;border-radius:20px;background:linear-gradient(135deg,#282d3cf2,#191c28f2);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 48px #0009;text-align:center}.room-disbanded-icon{font-size:48px;line-height:1}.room-disbanded-card h2{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;color:#fff;margin:4px 0 0}.room-disbanded-card p{font-size:15px;color:var(--text-muted, rgba(255, 255, 255, .7));margin:0 0 8px}.room-disbanded-cta{margin-top:8px;padding:12px 28px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--sunset-orange, #ff8c42),var(--coral-red, #ff4d6d));color:#fff;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px #ff4d6d59}.room-disbanded-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff4d6d73}.room-disbanded-cta:active{transform:translateY(0)}