:root{--bg: #12101a;--bg-raised: #1c1929;--bg-sunken: #0d0b14;--border: #2e2a40;--border-strong: #453f5e;--text: #f2effa;--text-muted: #a29cbb;--accent: #8b7bf0;--accent-strong: #6f5ce0;--ok: #4bbf94;--warn: #e0a63c;--danger: #e2685f;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}.screen{max-width:560px;margin:0 auto;padding:24px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;min-height:100dvh}.screen--centered{justify-content:center}.brand{text-align:center}.brand__title{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em}.brand__tagline{margin:8px 0 0;color:var(--text-muted)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;gap:12px}.row--between{justify-content:space-between}.muted{color:var(--text-muted);margin:0}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.input{width:100%;padding:14px 16px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:10px;outline:none}.input:focus{border-color:var(--accent)}.input--code{font-size:28px;letter-spacing:.32em;text-align:center;text-transform:uppercase}.button{padding:15px 20px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-weight:500;transition:background .15s ease,border-color .15s ease}.button--primary{background:var(--accent);color:#14101f}.button--primary:hover:not(:disabled){background:var(--accent-strong);color:var(--text)}.button--primary:disabled{opacity:.6;cursor:default}.button--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-muted)}.button--ghost:hover{color:var(--text);border-color:var(--accent)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px}.segmented__option{display:flex;flex-direction:column;gap:2px;padding:14px 12px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:left}.segmented__option small{color:var(--text-muted);font-size:13px}.segmented__option.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-sunken))}.notice{margin:0;padding:12px 14px;border-radius:10px;font-size:14px}.notice--error{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.banner{padding:12px 16px;border-radius:10px;text-align:center;font-size:14px}.banner--warning{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.banner--error{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger);cursor:pointer}.invite{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);text-align:center}.invite__label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.invite__value{display:block;font-size:44px;font-weight:600;letter-spacing:.18em;margin-top:4px}.invite__qr{background:#fff;padding:12px;border-radius:12px;line-height:0}.invite__hint{font-size:13px;word-break:break-all}.lobby--stage .invite__value{font-size:76px}.lobby--stage .invite{padding:40px 24px}.mode{margin:4px 0 0;font-size:18px}.pill{padding:6px 12px;border-radius:999px;font-size:13px;white-space:nowrap}.pill--ok{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok)}.pill--pending{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.checklist{margin:0;padding-left:20px;color:var(--text-muted);font-size:14px;display:flex;flex-direction:column;gap:6px}.slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.slots__item{display:flex;justify-content:space-between;padding:10px 12px;background:var(--bg-sunken);border-radius:10px;font-size:14px}.slots__role{color:var(--text-muted)}.slots__holder.is-empty{color:var(--danger)}.roles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.role{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:left}.role.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-sunken))}.role__name{font-weight:500}.role__hint{font-size:12px;color:var(--text-muted);line-height:1.35}.roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.roster__row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:var(--bg-sunken);border-radius:10px}.roster__row.is-offline{opacity:.55}.roster__name{display:flex;align-items:center;gap:8px}.roster__you{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.roster__owner{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--warn)}.role.is-locked{cursor:default;opacity:.5}.roster__roles{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.badge{padding:4px 9px;border-radius:999px;font-size:12px;background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--accent);white-space:nowrap}.badge--muted{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted)}.anchor{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.anchor__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.anchor__label{display:flex;align-items:center;gap:8px;font-size:14px}.anchor__hint{font-size:13px}.dot{width:8px;height:8px;border-radius:50%;flex:none}.dot--ok{background:var(--ok)}.dot--warn{background:var(--warn)}.button--small{padding:8px 14px;font-size:14px}.stage{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:28px 20px;display:flex;flex-direction:column;gap:16px;text-align:center}.stage__eyebrow{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stage__headline{margin:0;font-size:30px;font-weight:600;letter-spacing:-.02em}.countdown{display:flex;flex-direction:column;align-items:center;gap:8px}.countdown__value{font-size:34px;font-weight:600;font-variant-numeric:tabular-nums}.countdown.is-urgent .countdown__value{color:var(--danger)}.countdown--paused{color:var(--warn);font-size:14px;text-transform:uppercase;letter-spacing:.08em}.countdown__bar{display:block;width:100%;max-width:320px;height:4px;background:var(--bg-sunken);border-radius:999px;overflow:hidden}.countdown__fill{display:block;height:100%;background:var(--accent);transition:width .2s linear}.answered__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.badge--ok{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}.reveal{display:flex;align-items:center;gap:16px;justify-content:center;text-align:left}.reveal__cover{width:88px;height:88px;border-radius:10px;object-fit:cover;flex:none}.reveal__subtitle{margin:6px 0 0;color:var(--text-muted)}.results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.results__row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bg-sunken);font-size:14px}.results__row.is-correct{background:color-mix(in srgb,var(--ok) 14%,var(--bg-sunken))}.results__answer{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results__points{font-variant-numeric:tabular-nums;font-weight:500}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.board__row{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:12px;border-radius:10px;background:var(--bg-sunken)}.board__rank{color:var(--text-muted);font-variant-numeric:tabular-nums}.board__delta{color:var(--ok);font-size:13px;font-variant-numeric:tabular-nums}.board__score{font-weight:600;font-variant-numeric:tabular-nums}.handset{text-align:center}.handset__prompt{margin:0;font-size:18px;text-align:left}.handset__message{margin:0;font-size:20px}.handset__verdict{margin:0;font-size:24px;font-weight:600}.handset--correct .handset__verdict{color:var(--ok)}.handset--wrong .handset__verdict{color:var(--danger)}.handset__points{margin:0;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}.handset__answer{margin:0;font-size:20px}.options{display:flex;flex-direction:column;gap:8px}.option{padding:16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-sunken);cursor:pointer;text-align:left}.option.is-chosen{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-sunken))}.option:disabled{cursor:default;opacity:.7}.packs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pack{width:100%;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:10px;border:1px solid var(--border);background:var(--bg-sunken);cursor:pointer;text-align:left}.pack.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-sunken))}.pack__meta{font-size:13px;color:var(--text-muted)}.pack__title{display:flex;align-items:center;gap:8px;justify-content:space-between}.pack__badge{font-size:12px;color:var(--text-muted);white-space:nowrap}.pack__meta--warn{color:var(--warn)}.pack:disabled{cursor:default;opacity:.55}.rounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:round}.rounds__row{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--bg-sunken)}.rounds__title{font-size:15px}.rounds__meta{font-size:13px;color:var(--text-muted)}.stage__lead{margin:0;font-size:18px}.stage--locked{padding:44px 20px}.waiting{display:flex;flex-direction:column;gap:8px;align-items:center}.tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.tracks__row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--bg-sunken)}.tracks__row.is-playing{background:color-mix(in srgb,var(--accent) 18%,var(--bg-sunken))}.tracks__cover{width:36px;height:36px;border-radius:6px;object-fit:cover;flex:none}.tracks__title{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;font-size:15px}.tracks__title small{color:var(--text-muted);font-size:13px}.conductor__phase{margin:4px 0 0;font-size:18px}.conductor__answer{margin:0;display:flex;flex-direction:column;gap:4px;font-size:18px}.conductor__controls{display:grid;grid-template-columns:1fr auto auto;gap:8px}.review{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.review__row{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--bg-sunken)}.review__who{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review__name{color:var(--text-muted);font-size:14px}.review__answer{font-size:16px}.review__actions{display:flex;gap:8px}.chip{padding:8px 14px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--text-muted);cursor:pointer;font-size:14px}.chip.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}@media(min-width:900px){.screen--stage{max-width:900px}.screen--stage .invite__value{font-size:76px}.screen--stage .stage__headline{font-size:44px}.screen--stage .countdown__value{font-size:52px}}