:root{--navy:#05071a;--magenta:#ff2bd6;--cyan:#2be8ff;--purple:#8a4dff;--gold:#ffc24a}*{box-sizing:border-box}html,body{background:var(--navy);color:#e8ecff;-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.overlay{background:radial-gradient(at 50% 80%,#8a4dff40,#0000 60%),linear-gradient(#05071aeb,#05071abf);place-items:center;padding:16px;transition:opacity .6s;display:grid;position:fixed;inset:0}.overlay.gone{opacity:0;pointer-events:none}.card{text-align:center;width:100%;max-width:640px}.title{white-space:nowrap;letter-spacing:.06em;color:#fff;--glow-a:var(--magenta);--glow-b:var(--purple);text-shadow:0 0 6px var(--glow-a), 0 0 18px var(--glow-a), 0 0 42px var(--glow-b);margin:0;font-size:clamp(40px,13vw,88px);font-weight:900}.title.long{white-space:normal;text-wrap:balance;font-size:clamp(30px,8.5vw,64px)}.artist{letter-spacing:.4em;color:var(--gold);text-shadow:0 0 12px #ffc24a99;margin:4px 0 36px;font-weight:800}.panel{flex-direction:column;align-items:center;gap:14px;display:flex}.hidden{display:none!important}.btn{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#05071a99;border:2px solid;border-radius:14px;width:min(320px,100%);padding:20px 24px;font-size:24px;font-weight:800}.btn-gold{color:var(--gold);box-shadow:0 0 18px #ffc24a73,inset 0 0 12px #ffc24a40}.btn-cyan{color:var(--cyan);box-shadow:0 0 18px #2be8ff59,inset 0 0 12px #2be8ff33}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default}.songs{flex-direction:column;gap:14px;width:min(420px,100%);display:flex}.song{text-align:left;color:#fff;border:2px solid var(--glow-a);box-shadow:0 0 18px color-mix(in srgb, var(--glow-a) 45%, transparent), inset 0 0 14px color-mix(in srgb, var(--glow-b) 30%, transparent);cursor:pointer;background:#05071a99;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 22px;display:flex}.song:active{transform:scale(.98)}.song:disabled{opacity:.4;cursor:default;box-shadow:none}.song-title{letter-spacing:.08em;text-shadow:0 0 8px var(--glow-a), 0 0 22px var(--glow-b);font-size:26px;font-weight:900}.song-tag{letter-spacing:.06em;opacity:.75;font-size:14px}.hint{opacity:.7;margin:4px 0 0;font-size:14px}.quality{opacity:.85;align-items:center;gap:10px;font-size:14px;display:flex}.quality select{font:inherit;color:#e8ecff;background:#05071acc;border:1px solid #2be8ff66;border-radius:8px;padding:6px 10px}.status{min-height:1.2em;color:var(--magenta);margin-top:18px;font-size:14px}.perf{white-space:pre;color:#9ff;pointer-events:none;background:#0009;border-radius:6px;padding:6px 10px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;position:fixed;top:8px;left:8px}.version{color:#9fffff99;pointer-events:none;font:12px ui-monospace,Menlo,Consolas,monospace;position:fixed;bottom:8px;left:8px}.perf-toggle{color:#9ff;cursor:pointer;background:#00000080;border:1px solid #2be8ff66;border-radius:6px;padding:6px 10px;font:700 12px ui-monospace,Menlo,Consolas,monospace;position:fixed;top:8px;right:8px}.marker{color:#e8ecff;background:#000000bf;border:1px solid #ffc24a80;border-radius:8px;width:340px;padding:10px 12px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;position:fixed;bottom:8px;right:8px}.marker-now{color:var(--gold);font-size:18px;font-weight:700}.marker-help{opacity:.7;margin:4px 0 6px}.marker-list{white-space:pre;margin:0 0 8px}.marker-line{white-space:pre-wrap;color:#7dffd8;margin:0 0 8px}.marker-copy{font:inherit;color:var(--gold);border:1px solid var(--gold);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px}.together{border-top:1px solid #ffffff14;margin-top:18px;padding-top:14px}.together>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.btn-small{color:#9ff;cursor:pointer;background:#00000059;border:1px solid #2be8ff73;border-radius:6px;padding:7px 12px;font:700 13px ui-monospace,Menlo,Consolas,monospace}.room-code{letter-spacing:.2em;text-align:center;text-transform:uppercase;color:#fff;background:#0006;border:1px solid #fff3;border-radius:6px;width:7.5em;padding:6px;font:700 15px ui-monospace,Menlo,Consolas,monospace}