@font-face{font-family:Yellowtail;font-style:normal;font-display:swap;font-weight:400;src:url(./yellowtail-latin-400-normal-BfFX3xIh.woff2)format("woff2"),url(./yellowtail-latin-400-normal-qKkxeRph.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(./barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(./barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(./barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(./rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(./rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:500;src:url(./rubik-latin-500-normal-1os41rQk.woff2)format("woff2"),url(./rubik-latin-500-normal-LZYVHeqz.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(./rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(./rubik-latin-700-normal-KHOtubUA.woff)format("woff")}:root{--bg:#12071a;--panel:#1a0a24;--panel-border:#4a1f5e;--line:#2b1238;--text:#f4eafa;--muted:#c6b0d6;--accent:#ff3ea5;--accent-hover:#ff6dbb;--accent-ink:#2a0618;--violet:#8b5cf6;--glow-text:#ffe0f2;--correct:#2bd67b;--wrong:#ff7a9e;--vinyl:#0d0610;--card-w:124px;--card-h:124px;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--script:Yellowtail, "Brush Script MT", cursive;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Rubik,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% 0%, #8b5cf61f, transparent 70%), var(--bg);min-height:100vh;margin:0}h1,h2{font-family:var(--display);letter-spacing:.04em;margin:0 0 .75rem;font-weight:800}h2{font-size:1.35rem}button{font:inherit;background:var(--accent);color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.25rem;font-weight:700;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 16px #ff3ea573}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{border:2px solid var(--panel-border);color:var(--text);background:0 0;padding:calc(.65rem - 2px) calc(1.25rem - 2px);font-weight:500}button.secondary:hover:not(:disabled){border-color:var(--violet);box-shadow:none;background:#8b5cf626}input,select{font:inherit;border:2px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:10px;padding:.55rem .8rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=range]{background:0 0;border:none;padding:0}label{flex-direction:column;gap:.35rem;display:flex}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--wrong)}.panel{background:var(--panel);border:2px solid var(--line);border-radius:18px;padding:1.25rem}.tube.pink{filter:drop-shadow(0 0 3px #ff2bd6)drop-shadow(0 0 12px #ff2bd6)}.tube.violet{filter:drop-shadow(0 0 3px #9d4dff)drop-shadow(0 0 12px #9d4dff)}.tube.rose{filter:drop-shadow(0 0 3px #ff5c8a)drop-shadow(0 0 10px #ff5c8a)}.neon-jukebox{flex-shrink:0;overflow:visible}.header{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.6rem 1.5rem;display:flex;box-shadow:0 2px #4a1f5e99}.brand{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.room-code{font-family:var(--display);letter-spacing:.25em;color:#ffc6e6;background:#2a1036;border-radius:999px;padding:.2rem .5rem .2rem .75rem;font-size:1.05rem;font-weight:700}.reconnecting{color:var(--wrong);font-size:.9rem}.spacer{flex:1}.locale-toggle{border:2px solid var(--panel-border);border-radius:999px;display:flex;overflow:hidden}.locale-toggle button{color:var(--muted);background:0 0;border-radius:0;padding:.3rem .75rem}.locale-toggle button:hover:not(:disabled){box-shadow:none;background:#8b5cf626}.locale-toggle button.active{color:var(--glow-text);background:#2a1036}main{max-width:1300px;margin:0 auto;padding:1.5rem}.home{text-align:center;flex-direction:column;gap:1rem;max-width:400px;margin:3rem auto;display:flex}.logo{letter-spacing:normal;flex-direction:column;align-items:center;gap:.75rem;margin:.5rem 0 .25rem;font-weight:400;display:flex}.wordmark{flex-direction:column;align-items:center;line-height:1;display:flex}.wordmark-top{font-family:var(--script);color:#f1e2ff;text-shadow:0 0 4px #9d4dff,0 0 14px #9d4dff,0 0 30px #9d4dff;font-size:3rem;transform:rotate(-4deg)}.wordmark-main{font-family:var(--display);letter-spacing:.2em;color:var(--glow-text);text-shadow:0 0 4px #ff2bd6,0 0 14px #ff2bd6,0 0 36px #ff2bd6;margin-right:-.2em;font-size:3.4rem;font-weight:800}.wordmark.small .wordmark-top{text-shadow:0 0 3px #9d4dff,0 0 10px #9d4dff;margin-bottom:-.1rem;font-size:1.35rem}.wordmark.small .wordmark-main{letter-spacing:.16em;text-shadow:0 0 3px #ff2bd6,0 0 10px #ff2bd6;margin-right:-.16em;font-size:1.35rem}.logo .neon-jukebox{animation:1.4s ease-out both neon-on}@keyframes neon-on{0%,12%,22%{opacity:.15}10%,18%,30%,to{opacity:1}}.home form>button{width:100%}.divider{color:var(--muted);margin:.25rem 0}.join-row{gap:.5rem;display:flex}.code-input{text-transform:uppercase;letter-spacing:.3em;text-align:center;font-family:var(--display);flex:1;font-weight:700}.lobby{grid-template-columns:1fr 1.4fr 1.2fr;align-items:start;gap:1.25rem;display:grid}.lobby section{flex-direction:column;gap:.9rem;display:flex}.big-code{font-family:var(--display);color:var(--glow-text);text-shadow:0 0 6px var(--accent), 0 0 18px var(--accent);letter-spacing:.25em;margin:0;font-size:3.6rem;font-weight:800}.setting{flex-direction:row;justify-content:space-between;align-items:center}.player-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--bg);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:.3rem;padding:.6rem .75rem;display:flex}.player-row{align-items:center;gap:.5rem;display:flex}.player-name{font-weight:600}.dot{border-radius:50%;width:8px;height:8px}.dot.online{background:var(--correct)}.dot.offline{background:var(--muted)}.badge{text-transform:uppercase;letter-spacing:.05em;background:var(--panel-border);color:var(--muted);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.badge.warn{color:var(--wrong)}.table{border:2px solid var(--line);background:radial-gradient(60% 45% at 50% 45%,#ff3ea514,#0000 70%),#150920;border-radius:24px;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.opponents{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.75rem;display:grid}.seat{border:2px solid var(--line);background:#0003;border-radius:16px;min-width:0;padding:.75rem}.seat.active{border-color:var(--accent);box-shadow:0 0 20px #ff3ea54d,inset 0 0 20px #ff3ea50f}.seat .player-name{font-family:var(--display);letter-spacing:.02em;font-size:1.3rem;font-weight:800}.my-seat .seat .player-name{color:var(--glow-text)}.seat.compact{--card-w:76px;--card-h:76px}.seat.compact .card-year{font-size:1.3rem}.seat.compact .card-artist{-webkit-line-clamp:1;font-size:.55rem}.seat.compact .card-title{display:none}.seat.compact .gap{min-width:18px}.seat.compact .gap-button{width:14px}.seat-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.table-center{grid-template-columns:minmax(0,1fr) minmax(0,580px) minmax(0,1fr);grid-template-areas:"deck arch goal";align-items:center;gap:1rem 1.75rem;display:grid}.jukebox-arch{border:3px solid var(--accent);min-height:360px;box-shadow:0 0 0 6px #150920, 0 0 0 8px var(--violet), 0 0 28px #ff3ea573, inset 0 0 30px #ff3ea524;background:#1a0a24;border-radius:290px 290px 24px 24px;flex-direction:column;grid-area:arch;justify-content:center;align-items:center;gap:.75rem;padding:3rem 2rem 1.5rem;display:flex}.turntable{align-items:center;gap:1.25rem;display:flex}.turntable-record{--size:150px;width:var(--size);height:var(--size);background:conic-gradient(from 20deg, transparent 0 8%, #ffffff21 12%, transparent 17% 52%, #ffffff17 57%, transparent 62%), repeating-radial-gradient(circle, #160a1c 0 3px, #241030 3px 4px), var(--vinyl);border:2px solid #3a1a48;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 22px #8b5cf659,0 8px 20px #00000080}.turntable-record.spinning{animation:1.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.record-label{background:radial-gradient(circle, var(--vinyl) 0 5%, var(--accent) 6%);width:40%;height:40%;color:var(--accent-ink);font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:1.35rem;font-weight:800;display:flex}.sleeve-slot{border:2px dashed var(--panel-border);border-radius:8px}.deck-pile{background:repeating-radial-gradient(circle, #160a1c 0 6px, #2c1338 6px 7px), var(--vinyl);border:2px solid #3a1a48;border-radius:50%;grid-area:deck;justify-content:center;justify-self:end;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 0 18px #8b5cf640}.deck-pile span{background:var(--accent);width:38px;height:38px;color:var(--accent-ink);font-family:var(--display);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex}.goal{font-family:var(--display);flex-direction:column;grid-area:goal;gap:.2rem;display:flex}.goal-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:.9rem;font-weight:700}.goal-count{color:var(--glow-text);font-size:3rem;font-weight:800;line-height:1}.center-text{text-align:center;flex-direction:column;align-items:center;gap:.4rem;max-width:440px;display:flex}.center-text p{margin:0}.turn-label{font-family:var(--script);color:var(--glow-text);text-shadow:0 0 6px var(--accent), 0 0 20px var(--accent);font-size:2.4rem;line-height:1.1}.my-seat .seat{background:#0000004d}.timeline{flex-wrap:wrap;align-items:center;row-gap:.75rem;display:flex}.gap{min-width:28px;height:var(--card-h);border-radius:999px;justify-content:center;align-items:center;transition:background .15s;display:flex}.gap.filled{padding:0 .5rem}.gap.over{background:#ff3ea52e}.gap-button{border:2px dashed var(--panel-border);width:22px;height:64%;color:var(--muted);background:0 0;border-radius:999px;padding:0}.gap-button:hover:not(:disabled){border:2px solid var(--accent);color:var(--accent);box-shadow:none;background:#ff3ea526}.card{width:var(--card-w);height:var(--card-h);flex-shrink:0}.record{width:calc(var(--card-w) * 1.32);position:relative}.vinyl{left:calc(var(--card-w) * .4);width:calc(var(--card-h) * .9);height:calc(var(--card-h) * .9);background:repeating-radial-gradient(circle, #160a1c 0 calc(var(--card-h) * .07), #2c1338 0 calc(var(--card-h) * .075)), var(--vinyl);border:2px solid #3a1a48;border-radius:50%;position:absolute;top:5%}.sleeve{border-radius:8px;box-shadow:0 6px 16px #00000073}.record .sleeve{width:var(--card-w);position:absolute;inset:0 auto 0 0}.song-card{text-align:left;background:linear-gradient(160deg, #ffffff24, transparent 45%), var(--sleeve);color:#fff;border:2px solid #ffffff1f;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:start;row-gap:.15rem;padding:.55rem .6rem;display:grid}.record.correct .sleeve{border-color:var(--correct);box-shadow:0 0 18px var(--correct)}.record.wrong .sleeve{border-color:var(--wrong);box-shadow:0 0 18px var(--wrong)}.card-year{font-family:var(--display);font-size:2.4rem;font-weight:800;line-height:1}.card-artist,.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.15;display:-webkit-box;overflow:hidden}.card-artist{text-transform:uppercase;letter-spacing:.03em;align-self:end;font-weight:700}.card-title{align-self:start;font-style:italic}.mystery-card{background:radial-gradient(circle at 50% 50%, transparent 0 58%, #00000021 59% 60.5%, transparent 61.5%), radial-gradient(circle at 50% 42%, #ffffff59, transparent 58%), var(--wash,linear-gradient(135deg, #ff3ea5, #7c3aed));border:2px solid #ffffff24;position:relative;overflow:hidden}.cover-art{width:100%;height:100%;display:block;position:absolute;inset:0}.mystery-card.draggable{cursor:grab;touch-action:none;box-shadow:0 0 0 2px var(--glow-text), 0 0 24px #ff3ea599, 0 6px 16px #00000073}.mystery-card.drag-source{opacity:.35}.mystery-card.dragging{cursor:grabbing;z-index:10;position:relative;transform:rotate(-4deg)}.mystery-mark{aspect-ratio:1;color:#c21f7a;width:24%;font-family:var(--display);font-weight:800;font-size:calc(var(--card-w) * .17);background:#fff3c4;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:6%;right:6%;transform:rotate(12deg);box-shadow:0 2px 4px #00000059}.result{font-family:var(--script);font-size:2.4rem;line-height:1.1}.result.correct{color:#d6ffe8;text-shadow:0 0 6px var(--correct), 0 0 18px var(--correct)}.result.wrong{color:#ffe0e8;text-shadow:0 0 6px var(--wrong), 0 0 18px var(--wrong)}@media (width<=860px){.table-center{grid-template-columns:1fr 1fr;grid-template-areas:"arch arch""deck goal"}.jukebox-arch{padding:2.5rem 1rem 1.25rem}.turntable-record{--size:110px}}@media (prefers-reduced-motion:reduce){.turntable-record.spinning,.logo .neon-jukebox{animation:none}}.end{flex-direction:column;gap:1.25rem;display:flex}.end>section:first-child{text-align:center}.winner{font-family:var(--script);color:var(--glow-text);text-shadow:0 0 6px var(--accent), 0 0 20px var(--accent);font-size:2.6rem}.end .timeline{gap:.5rem}@media (width<=900px){.lobby{grid-template-columns:1fr}}.lobby .deck-panel{grid-column:1/-1}.source-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.source-list li{background:var(--bg);border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .75rem;display:flex}.source-list li.error-row .source-label .muted{color:var(--wrong)}.source-icon{color:var(--accent);font-size:1.1rem}.source-label{flex:1;min-width:0}.small-button{padding:.2rem .55rem;font-size:.85rem}.library{flex-direction:column;gap:.5rem;display:flex}.library-account{justify-content:space-between;align-items:center;gap:.5rem;margin:0;display:flex}.library-list{max-height:18rem;overflow-y:auto}.library-list .source-label strong{overflow-wrap:anywhere}.enable-audio{white-space:nowrap}.volume{flex-direction:row;align-items:center;gap:.4rem;display:flex}.volume input{width:6rem;accent-color:var(--accent)}.mute-button{background:0 0;padding:.2rem .35rem;font-size:1.05rem;line-height:1}.mute-button:hover:not(:disabled){box-shadow:none;background:#8b5cf626}.paste-login .small{margin:.5rem 0 .35rem}.paste-row{gap:.5rem;display:flex}.paste-row input{flex:1;min-width:0}.actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.countdown{background:var(--bg);border-radius:999px;width:12rem;max-width:100%;height:1.25rem;margin:.25rem auto;position:relative;overflow:hidden}.countdown-bar{background:var(--accent);opacity:.6;transition:width .2s linear;position:absolute;inset:0 auto 0 0}.countdown-text{text-align:center;font-size:.8rem;line-height:1.25rem;display:block;position:relative}.gap{position:relative}.gap.claimed{outline:2px dashed var(--accent);outline-offset:2px;border-radius:8px}.claim-chip{background:var(--accent);color:var(--bg);white-space:nowrap;z-index:1;border-radius:999px;padding:0 .35rem;font-size:.7rem;font-weight:600;position:absolute;top:-.6rem;left:50%;transform:translate(-50%)}.vote{flex-direction:column;align-items:center;gap:.35rem;display:flex}.correct-text{color:var(--correct)}button.secondary.active{border-color:var(--wrong);color:var(--wrong)}.correct-year{flex-direction:column;align-items:center;gap:.25rem;display:flex}.correct-year input{text-align:center;width:5rem}.offline-notice{color:var(--wrong);margin-top:.5rem}.token-count.empty{color:var(--wrong);font-weight:700}.token-hint{color:var(--wrong)}.replay-button{padding:.25rem .75rem;font-size:.85rem}.audio-status{flex-direction:column;align-items:center;gap:.25rem;display:flex}.jukebox-button{font-family:var(--display);letter-spacing:.05em;margin:.25rem 0;padding:.75rem 1.75rem;font-size:1.6rem;font-weight:800;box-shadow:0 0 18px #ff3ea580}.link-button{color:var(--muted);background:0 0;padding:.25rem .5rem;font-weight:500;text-decoration:underline}.link-button:hover:not(:disabled){color:var(--text);background:0 0}.pick-hint{color:var(--accent);font-weight:700}.gap-button.pick,.seat.compact .gap-button.pick{border:2px solid var(--accent);background:var(--accent);width:auto;height:auto;color:var(--accent-ink);white-space:nowrap;margin:0 .75rem;padding:.35rem .6rem;font-size:.75rem;font-weight:800;animation:1.2s ease-in-out infinite pick-pulse}.gap-button.pick:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-ink)}@keyframes pick-pulse{50%{box-shadow:0 0 14px #ff3ea5cc}}@media (prefers-reduced-motion:reduce){.gap-button.pick{animation:none}}