:root{--bg:#120f1f;--panel:#1d1930;--panel-border:#2f2950;--text:#f2eefc;--muted:#a49cc4;--accent:#ff3d8b;--accent-hover:#ff6aa6;--correct:#2bd67b;--wrong:#ff5a5a;--card-w:112px;--card-h:150px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2{margin:0 0 .75rem}h2{font-size:1.1rem}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{border:1px solid var(--panel-border);color:var(--text);background:0 0}button.secondary:hover:not(:disabled){background:var(--panel-border)}input,select{font:inherit;border:1px solid var(--panel-border);background:var(--bg);color:var(--text);border-radius:8px;padding:.55rem .7rem}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:1px solid var(--panel-border);border-radius:14px;padding:1.25rem}.header{border-bottom:1px solid var(--panel-border);align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.brand{letter-spacing:.15em;color:var(--muted);white-space:nowrap;font-weight:600}.brand strong{color:var(--accent);font-weight:900}.room-code{letter-spacing:.2em;font-family:ui-monospace,monospace;font-weight:700}.reconnecting{color:var(--wrong);font-size:.9rem}.spacer{flex:1}.locale-toggle{border:1px solid var(--panel-border);border-radius:8px;display:flex;overflow:hidden}.locale-toggle button{color:var(--muted);background:0 0;border-radius:0;padding:.35rem .7rem}.locale-toggle button.active{background:var(--panel-border);color:var(--text)}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{flex-direction:column;align-items:center;margin-bottom:.25rem;line-height:1;display:flex}.logo-top{letter-spacing:.5em;text-transform:uppercase;color:var(--muted);margin-right:-.5em;font-size:1.1rem;font-weight:600}.logo-main{letter-spacing:.15em;color:var(--accent);margin-right:-.15em;font-size:2.6rem;font-weight:900}.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;flex:1;font-family:ui-monospace,monospace}.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{letter-spacing:.25em;margin:0;font-family:ui-monospace,monospace;font-size:3rem;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{background:radial-gradient(#1f4a3a 0%,#163428 60%,#10261d 100%);border:6px solid #3a2a1c;border-radius:28px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:inset 0 0 40px #00000073}.opponents{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.75rem;display:grid}.seat{background:#00000040;border:1px solid #ffffff14;border-radius:14px;min-width:0;padding:.75rem}.seat.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 24px #ff3d8b40}.seat.compact{--card-w:64px;--card-h:86px}.seat.compact .card-year{font-size:1.15rem}.seat.compact .card-artist,.seat.compact .card-title{font-size:.6rem}.seat.compact .mystery-mark{font-size:2rem}.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{min-height:calc(var(--card-h) + 1rem);justify-content:center;align-items:center;gap:1.5rem;display:flex;position:relative}.deck-pile{color:#fff;background:repeating-linear-gradient(45deg,#ff3d8b,#ff3d8b 8px,#c42a6b 8px 16px);border-radius:10px;justify-content:center;align-items:center;width:70px;height:94px;font-weight:900;display:flex;box-shadow:3px 3px #7a1a43,6px 6px #5a1232,0 8px 18px #00000080}.deck-pile span{background:#00000073;border-radius:6px;padding:.1rem .4rem}.center-text{text-align:center;flex-direction:column;align-items:center;gap:.4rem;max-width:420px;display:flex}.center-text p{margin:0}.turn-label{font-size:1.25rem;font-weight:800}.goal{position:absolute;bottom:0;right:.25rem}.my-seat .seat{background:#00000059}.timeline{flex-wrap:wrap;align-items:center;row-gap:.75rem;display:flex}.gap{min-width:28px;height:var(--card-h);border-radius:10px;justify-content:center;align-items:center;transition:background .15s;display:flex}.gap.filled{padding:0 .5rem}.gap.over{background:#ff3d8b2e}.gap-button{border:2px dashed var(--panel-border);width:24px;height:60%;color:var(--muted);background:0 0;border-radius:6px;padding:0}.gap-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:0 0}.card{width:var(--card-w);height:var(--card-h);border-radius:12px;flex-shrink:0}.song-card{text-align:center;background:hsl(var(--hue) 70% 55%);color:#14101f;border:3px solid #0000;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;row-gap:.2rem;padding:.6rem .5rem;display:grid}.song-card.correct{border-color:var(--correct);box-shadow:0 0 18px var(--correct)}.song-card.wrong{border-color:var(--wrong);box-shadow:0 0 18px var(--wrong)}.card-year{font-size:2rem;font-weight:900}.card-artist,.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.card-artist{align-self:end}.card-title{align-self:start;font-style:italic}.mystery-card{background:repeating-linear-gradient(45deg,#ff3d8b,#ff3d8b 10px,#c42a6b 10px 20px);justify-content:center;align-items:center;display:flex;box-shadow:0 6px 18px #0006}.mystery-card.draggable{cursor:grab;touch-action:none}.mystery-card.drag-source{opacity:.35}.mystery-card.dragging{cursor:grabbing;z-index:10;position:relative}.mystery-mark{color:#fff;font-size:3.5rem;font-weight:900}.result{font-size:1.6rem;font-weight:900}.result.correct{color:var(--correct)}.result.wrong{color:var(--wrong)}.end{flex-direction:column;gap:1.25rem;display:flex}.end>section:first-child{text-align:center}.winner{color:var(--accent);font-size:1.5rem;font-weight:700}.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)}.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)}