:root{--bg:#14111f;--bg2:#1e1930;--panel:#241e38;--line:#3a3155;--text:#f4f1ff;--muted:#a49bc2;--accent:#ff4f8b;--accent2:#3ec7ff;--good:#3ddc84;--bad:#ff5c5c;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 20% -10%, #3a1f5c 0%, transparent 60%), radial-gradient(900px 500px at 110% 10%, #12405a 0%, transparent 55%), var(--bg);min-height:100vh;color:var(--text);background-attachment:fixed;margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}a{color:var(--accent2)}code{background:var(--bg2);border-radius:6px;padding:1px 6px}.muted{color:var(--muted);font-size:.9em}.hint{color:var(--muted);font-size:.85em}.center{text-align:center}.error{border:1px solid var(--bad);color:#ffd6dc;background:#4a1d2a;border-radius:10px;margin:12px 0;padding:10px 14px}.btn-primary,.btn-secondary,.chip,.btn-icon{cursor:pointer;border:0;border-radius:999px;transition:transform .1s,filter .15s,opacity .15s}.btn-primary{background:linear-gradient(135deg, var(--accent), #ff8a3d);color:#fff;padding:10px 22px;font-weight:700;box-shadow:0 6px 20px #ff4f8b40}.btn-secondary{background:var(--bg2);border:1px solid var(--line);padding:9px 16px}.btn-big{padding:14px 30px;font-size:1.1rem}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.chip:hover:not(:disabled){filter:brightness(1.15)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.btn-link{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.btn-icon{color:var(--muted);background:0 0;width:34px;height:34px}.setup,.game,.winner,.login{max-width:980px;margin:0 auto;padding:16px}.game,.winner{max-width:1680px}.topbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.topbar-info{flex:1;min-width:0}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.device-select{background:var(--bg2);border:1px solid var(--line);border-radius:999px;max-width:180px;padding:6px 10px}.logo{letter-spacing:-.03em;margin:0;font-size:1.6rem;font-weight:900}.logo span{background:linear-gradient(135deg, var(--accent), var(--accent2));color:#0000;-webkit-background-clip:text;background-clip:text}.logo.small{font-size:1.25rem}.logo.big{font-size:clamp(2.6rem,9vw,4.5rem)}.panel{background:color-mix(in srgb, var(--panel) 85%, transparent);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px 18px}.panel h2{margin:0 0 12px;font-size:1.1rem}input[type=text],input:not([type]),select{background:var(--bg2);border:1px solid var(--line);border-radius:10px;min-width:0;padding:9px 12px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}.login{text-align:center;padding-top:12vh}.login .panel{text-align:left;max-width:560px;margin:24px auto}.tagline{color:var(--muted);max-width:460px;margin:12px auto 28px;font-size:1.15rem}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-head h2{margin:0}.stepper{align-items:center;gap:10px;display:flex}.stepper .btn-secondary{width:40px;height:40px;padding:0;font-size:1.3rem;line-height:1}.stepper-value{text-align:center;min-width:70px;font-weight:700}.team-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.team-row{background:var(--bg2);border:1px solid var(--line);border-left:4px solid var(--pc);border-radius:12px;padding:10px 12px}.team-row-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.team-row-head input{background:var(--bg);flex:1}.avatar{line-height:1}.avatar-lg{background:color-mix(in srgb, var(--pc) 25%, transparent);border:2px solid var(--pc);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.9rem;display:grid}.avatar-picker{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;padding:0;font-size:1.35rem}.avatar-option:hover:not(:disabled){background:#ffffff12}.avatar-option.avatar-selected{border-color:var(--pc);background:color-mix(in srgb, var(--pc) 22%, transparent)}.avatar-option:disabled{opacity:.2}.turn-avatar{margin-top:8px;font-size:clamp(3rem,12vw,4.5rem);line-height:1.1}.link-row{gap:8px;margin-bottom:10px;display:flex}.link-row input{flex:1}.filter{width:100%;margin-bottom:12px}.selected-playlist{border:1px solid var(--accent);background:linear-gradient(135deg,#ff4f8b30,#3ec7ff20);border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:10px;display:flex}.selected-playlist img,.selected-playlist .pl-noart{object-fit:cover;border-radius:8px;width:56px;height:56px}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;max-height:420px;padding:2px;display:grid;overflow-y:auto}.pl-tile{text-align:left;background:var(--bg2);cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;gap:2px;padding:8px;display:flex}.pl-tile img,.pl-tile .pl-noart{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;margin-bottom:4px}.pl-noart{background:var(--line);color:var(--muted);place-items:center;font-size:2rem;display:grid}.pl-selected{border-color:var(--accent)}.pl-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.pl-warn{color:#ffc53d;font-size:.72rem}.selected-playlist .pl-warn{font-size:.85rem}.pl-empty{text-align:center;border:1px dashed var(--line);color:var(--muted);border-radius:12px;padding:18px}.rules{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.rules label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}.rules label.check{color:var(--text);flex-direction:row;grid-column:1/-1;align-items:flex-start;gap:8px}.start-bar{background:linear-gradient(transparent, var(--bg) 40%);justify-content:center;padding:14px 0;display:flex;position:sticky;bottom:0}.scoreboard{gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.score{background:var(--bg2);border:2px solid #0000;border-radius:999px;flex:none;align-items:center;gap:8px;padding:6px 12px;display:flex}.score-name{color:var(--pc);font-weight:600}.score-cards{font-variant-numeric:tabular-nums}.score-active{border-color:var(--pc);box-shadow:0 0 18px color-mix(in srgb, var(--pc) 45%, transparent)}.tokens{color:#ffc53d;letter-spacing:1px;font-size:.8rem}.stage{background:color-mix(in srgb, var(--panel) 80%, transparent);border:1px solid var(--line);border-top:4px solid var(--active);border-radius:var(--radius);min-height:360px;padding:20px 16px}.turn-intro{text-align:center;padding:40px 0}.turn-label{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);font-size:.8rem}.turn-name{margin:4px 0 24px;font-size:clamp(2rem,8vw,3.4rem);font-weight:900}.instruction{text-align:center;margin:18px 0 6px}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.mystery{flex-direction:column;align-items:center;gap:12px;display:flex}.mystery-card{background:linear-gradient(145deg, var(--accent), #7b3dff 55%, var(--accent2));border-radius:16px;place-items:center;width:130px;height:170px;font-size:4rem;font-weight:900;display:grid;position:relative;box-shadow:0 10px 40px #7b3dff60}.mystery-card .eq{align-items:flex-end;gap:4px;height:26px;display:flex;position:absolute;bottom:14px}.eq i{opacity:.85;background:#fff;border-radius:3px;width:5px;height:6px}.playing .eq i{animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-delay:-.3s!important}.eq i:nth-child(3){animation-delay:-.6s!important}.eq i:nth-child(4){animation-delay:-.15s!important}.eq i:nth-child(5){animation-delay:-.45s!important}@keyframes eq{0%{height:4px}to{height:26px}}.controls{gap:8px;display:flex}.timeline{scroll-snap-type:x proximity;padding:14px 4px;overflow-x:auto}.timeline-track{align-items:center;width:max-content;margin:0 auto;display:flex}.timeline-item{align-items:center;display:flex}.card{--hl:transparent;scroll-snap-align:center;background:linear-gradient(160deg, hsl(var(--hue) 75% 52%), hsl(calc(var(--hue) + 40) 70% 38%));color:#fff;text-shadow:0 1px 2px #0005;border-radius:12px;flex-direction:column;gap:4px;width:108px;min-height:132px;padding:10px;display:flex;box-shadow:0 4px 14px #0006}.card-year{font-size:1.7rem;font-weight:900;line-height:1}.card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.card-artist{opacity:.9;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.card-compact{border-radius:8px;width:auto;min-height:0;margin-right:4px;padding:4px 8px}.card-compact .card-year{font-size:.9rem}.card-highlight{outline:3px solid var(--hl);outline-offset:3px;animation:.5s ease-out pop}@keyframes pop{0%{opacity:0;transform:scale(.6)rotate(-6deg)}}.slot{border:2px dashed var(--line);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:44px;height:132px;margin:0 4px;transition:width .2s,background .2s,border-color .2s;display:flex}.slot:disabled{opacity:1;cursor:default}.slot:not(.slot-selected):hover:not(:disabled){border-color:var(--muted);background:#ffffff0a}.slot-plus{color:var(--muted);font-size:1.4rem}.slot-selected{border:3px solid var(--slot-color,var(--accent));background:color-mix(in srgb, var(--slot-color,var(--accent)) 25%, transparent);width:84px}.slot-mystery{font-size:2.2rem;font-weight:900}.slot-correct{border:3px solid var(--good);background:#3ddc8422}.slot-marker{color:#14111f;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.7rem;font-weight:800;display:grid}.slot-spacer{width:10px}.timeline-compact{padding:4px 0}.timeline-compact .timeline-track{margin:0}.challengers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{background:var(--bg2);border:2px solid var(--pc);align-items:center;gap:8px;padding:6px 14px;display:inline-flex}.chip-picking{background:color-mix(in srgb, var(--pc) 30%, transparent);animation:1s infinite pulse}.chip-on{background:var(--pc);color:#14111f;font-weight:700}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--pc) 25%, transparent)}}.revealed{flex-direction:column;align-items:stretch;display:flex}.reveal{background:linear-gradient(135deg, hsl(var(--hue) 70% 45%), hsl(calc(var(--hue) + 50) 65% 30%));border-radius:18px;align-self:center;align-items:center;gap:16px;width:100%;max-width:560px;padding:14px;animation:.6s ease-out flip;display:flex;box-shadow:0 12px 40px #0008}@keyframes flip{0%{opacity:0;transform:perspective(800px)rotateY(90deg)}}.reveal-art{object-fit:cover;border-radius:10px;flex:none;width:110px;height:110px}.reveal-year{font-size:2.8rem;font-weight:900;line-height:1}.reveal-title{margin-top:4px;font-size:1.2rem;font-weight:800}.reveal-artist{opacity:.9}.reveal-note{opacity:.8;margin-top:6px;font-size:.78rem}.outcome{text-align:center;margin:16px 0 0;font-size:1.25rem;font-weight:800}.outcome-good{color:var(--good)}.outcome-bad{color:var(--bad)}.outcome-steal{color:#ffc53d}.all-timelines{margin-top:20px}.all-timelines h3{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-size:.85rem}.mini{border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.mini-name{text-overflow:ellipsis;white-space:nowrap;flex:none;width:120px;font-weight:700;overflow:hidden}.mini .timeline{flex:1;min-width:0}.winner{text-align:center;padding-top:8vh;position:relative;overflow:hidden}.winner-name{margin:6px 0 24px;font-size:clamp(2.4rem,10vw,4.5rem);font-weight:900}.standings{text-align:left}.standing{background:var(--panel);border-radius:var(--radius);margin-bottom:10px;padding:10px 14px}.standing-head{justify-content:space-between;display:flex}.confetti{pointer-events:none;position:fixed;inset:0}.confetti i{top:-20px;left:calc(var(--i) * 2.5%);background:var(--c);width:10px;height:16px;animation:fall calc(2.5s + var(--i) * 50ms) linear calc(var(--i) * -.13s) infinite;opacity:.85;border-radius:2px;position:absolute}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.confetti{display:none}}@media (width>=900px){.game,.winner{padding:16px 24px}.card:not(.card-compact){width:clamp(88px,6.6vw,124px)}.slot{width:30px;margin:0 2px}.slot-selected{width:72px}}@media (width<=600px){.topbar-info{flex-basis:100%;order:3}.card:not(.card-compact){width:92px;min-height:118px}.slot{width:36px;height:118px}.slot-selected{width:70px}.reveal-art{width:80px;height:80px}.reveal-year{font-size:2.2rem}}