:root{--bg:#14121f;--surface:#1f1c30;--surface-2:#3a3555;--border:#5a5478;--text:#f3f0ff;--muted:#b3acd0;--accent:#7c5cff;--accent-text:#fff;--good:#4ade80;--bad:#ff8a8a;--warn-bg:#3b2f12;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f6f4ff;--surface:#fff;--surface-2:#e3defa;--border:#b8b0dc;--text:#1a1730;--muted:#5d5680;--accent:#5a3fe0;--good:#15803d;--bad:#b42323;--warn-bg:#fff2cc}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}main{flex-direction:column;gap:.75rem;max-width:28rem;margin:0 auto;padding:1.5rem 16px 6rem;display:flex}h1,h2,h3{margin:0}h2{font-size:1.1rem}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}label{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}input,select{font:inherit;border:1px solid var(--border);background:var(--surface);min-height:3rem;color:inherit;border-radius:.5rem;padding:.7rem}button{font:inherit;background:var(--accent);min-height:3rem;color:var(--accent-text);cursor:pointer;border:0;border-radius:.5rem;padding:.8rem}button.secondary{background:var(--surface-2);color:var(--text)}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:default}hr{border:0;border-top:1px solid var(--surface-2);width:100%}.error{color:var(--bad);margin:0}.notice{opacity:.7;font-size:.8rem}.hint{color:var(--muted);text-align:center;margin:0}.hint.big{padding:2rem 0;font-size:1.3rem}.banner{background:var(--warn-bg);border-radius:.5rem;margin:0;padding:.7rem .9rem}.label{color:var(--muted);font-size:.85rem}.code-card{background:var(--surface);border-radius:.75rem;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;display:flex}.code{letter-spacing:.2em;font-variant-numeric:tabular-nums;padding-left:.2em;font-size:3.5rem;font-weight:800}.code-card button{width:100%}.list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--surface);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.list li.away{opacity:.55}.settings{flex-direction:column;gap:.6rem;display:flex}.enable-sound{z-index:5;background:var(--good);color:#052e14;min-height:4rem;font-size:1.25rem;font-weight:700;position:sticky;top:.5rem}.round-label{text-align:center;color:var(--muted);margin:0;font-size:.9rem}.countdown{flex-direction:column;align-items:center;padding:2rem 0;display:flex}.digit{font-size:8rem;font-weight:800;line-height:1}.timer{background:var(--surface-2);border-radius:.3rem;height:.6rem;overflow:hidden}.timer-fill{background:var(--accent);height:100%;transition:width .1s linear}.picker{flex-direction:column;gap:.5rem;display:flex}.grid{gap:.5rem;display:grid}.decades{grid-template-columns:repeat(3,1fr)}.years{grid-template-columns:repeat(5,1fr)}.choice{background:var(--surface-2);min-height:3.25rem;color:var(--text);padding:.4rem;font-weight:600}.choice.selected{background:var(--accent);color:var(--accent-text);outline:3px solid var(--text);outline-offset:-3px}.lock{min-height:3.5rem;font-size:1.1rem;font-weight:700}.locked{text-align:center;color:var(--good);margin:0;font-size:1.4rem;font-weight:700}.chips{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--surface-2);border-radius:1rem;padding:.35rem .7rem;font-size:.9rem}.chip.done{background:var(--good);color:#052e14}.song{background:var(--surface);border-radius:.75rem;align-items:center;gap:1rem;margin:.5rem 0;padding:.75rem;display:flex}.song img{object-fit:cover;background:var(--surface-2);border-radius:.5rem;flex:none;width:6rem;height:6rem}.song .year{font-size:2.2rem;font-weight:800}.song .title{font-weight:700}.song .artist{color:var(--muted)}.guess{color:var(--muted);margin-left:auto}.points{font-variant-numeric:tabular-nums;font-weight:700}.ranking .place{width:1.5rem;font-weight:800}.ranking .name{flex:1}.ranking li:first-child{outline:2px solid var(--accent)}.toast{background:var(--bad);color:#fff;text-align:center;z-index:10;border-radius:.5rem;max-width:26rem;margin:0 auto;padding:.8rem 1rem;position:fixed;bottom:1rem;left:16px;right:16px}@media (prefers-color-scheme:light){.toast{background:#b42323}}main.host-main{max-width:80rem;padding:2rem 3vw 6rem;font-size:clamp(1rem,1.6vw,1.5rem)}.host{flex-direction:column;gap:1.25rem;display:flex}.host h2{font-size:1.5em}.host h3{font-size:1em}.host-code .code{font-size:clamp(4rem,14vw,11rem)}.host-code .label{font-size:1.2em}.join-link{color:var(--muted);margin:0;font-size:1.4em}.join-link strong{color:var(--text);overflow-wrap:anywhere}.host-cols{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start;gap:1.5rem;display:grid}.host-cols section{flex-direction:column;gap:.6rem;display:flex}.host-chips{gap:.6rem}.host .chip{border-radius:2rem;padding:.5rem 1.1rem;font-size:1.3em}.chip.away{opacity:.55}.host-setting{margin:0;font-size:1.3em}.host-round{font-size:1.4em}.host .timer{border-radius:1rem;height:2rem}.host .digit{font-size:clamp(8rem,28vw,20rem)}.host .list li{padding:.8rem 1.1rem;font-size:1.3em}.host-song{gap:2rem;padding:1.25rem}.host-song img{width:clamp(8rem,18vw,15rem);height:clamp(8rem,18vw,15rem)}.host-song .year{font-size:clamp(3.5rem,9vw,7rem);line-height:1}.host-song .title{font-size:2.2em}.host-song .artist{font-size:1.6em}.host-final{font-size:2.2em}.host .ranking .place{width:2.5rem}