: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)}.carousel{list-style:none;margin:0;padding:4px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.carousel>li{scroll-snap-align:center;flex:0 0 auto;width:200px}.carousel__nav{display:flex;gap:6px}.tile{width:100%;height:100%;display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-sunken);cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-sunken))}.tile:disabled{cursor:default;opacity:.5}.tile__icon{font-size:40px;line-height:1.1}.tile__title{font-size:18px;font-weight:600}.tile__meta{font-size:12px;color:var(--text-muted)}.tile__text{font-size:13px;color:var(--text-muted);line-height:1.4}.tile__warn{font-size:12px;color:var(--warn)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.probes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.probes__row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bg-sunken);font-size:14px}.probes__ping{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px;min-width:56px;text-align:right}.pill--warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn)}.logo{display:flex;align-items:center;gap:12px;justify-content:center}.logo__mark{flex:none}.logo__word{font-size:32px;font-weight:700;letter-spacing:-.03em}.footer{margin-top:auto;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px}@media(min-width:900px){.screen--stage{max-width:900px}.carousel>li{width:240px}.screen--stage .invite__value{font-size:76px}.screen--stage .stage__headline{font-size:44px}.screen--stage .countdown__value{font-size:52px}}:root,:root[data-theme=vataga]{--bg: #15102b;--bg-raised: #1f1840;--bg-sunken: #120d24;--border: #322a5c;--border-strong: #4a3f85;--text: #f7f3ff;--text-muted: #a99ed4;--accent: #ff7a59;--accent-strong: #ff5c8a;--ok: #3ddc97;--warn: #ffd166;--danger: #ff5c5c;--brand-bg: #1a1430;--brand-1: #ff6b6b;--brand-2: #ffd166;--brand-3: #4ecdc4;--radius: 18px;color-scheme:dark}:root[data-theme=calm]{--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;--brand-bg: #12101a;--brand-1: #8b7bf0;--brand-2: #a29cbb;--brand-3: #6f5ce0;--radius: 14px}body{background-color:var(--bg);background-image:radial-gradient(46rem 30rem at 12% -8%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 60%),radial-gradient(38rem 26rem at 92% 4%,color-mix(in srgb,var(--brand-3) 22%,transparent),transparent 62%),radial-gradient(50rem 34rem at 50% 108%,color-mix(in srgb,var(--accent-strong) 20%,transparent),transparent 64%);background-attachment:fixed}.card,.invite,.stage,.anchor{background:linear-gradient(160deg,color-mix(in srgb,var(--bg-raised) 92%,white 8%),var(--bg-raised) 60%);box-shadow:0 10px 30px #00000047}.brand__title,.logo__word{background:linear-gradient(92deg,var(--brand-2),var(--accent) 45%,var(--accent-strong));-webkit-background-clip:text;background-clip:text;color:transparent}.brand__tagline{font-size:15px}.button--primary{background:linear-gradient(96deg,var(--accent),var(--accent-strong));color:#1a1430;font-weight:600;border:none;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 34%,transparent)}.button--primary:hover:not(:disabled){background:linear-gradient(96deg,var(--accent-strong),var(--accent));color:#1a1430}.button--primary:active:not(:disabled){transform:translateY(1px)}.invite__value{background:linear-gradient(92deg,var(--brand-2),var(--brand-3));-webkit-background-clip:text;background-clip:text;color:transparent}.carousel>li:nth-child(4n+1) .tile.is-active{border-color:var(--brand-1);background:color-mix(in srgb,var(--brand-1) 18%,var(--bg-sunken))}.carousel>li:nth-child(4n+2) .tile.is-active{border-color:var(--brand-2);background:color-mix(in srgb,var(--brand-2) 18%,var(--bg-sunken))}.carousel>li:nth-child(4n+3) .tile.is-active{border-color:var(--brand-3);background:color-mix(in srgb,var(--brand-3) 18%,var(--bg-sunken))}.carousel>li:nth-child(4n) .tile.is-active{border-color:var(--accent-strong);background:color-mix(in srgb,var(--accent-strong) 18%,var(--bg-sunken))}.tile__icon{filter:drop-shadow(0 4px 10px rgb(0 0 0 / 35%))}.handset--correct .handset__verdict,.handset--correct .handset__points{animation:pop .42s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.board__row:first-child{background:linear-gradient(96deg,color-mix(in srgb,var(--brand-2) 26%,var(--bg-sunken)),var(--bg-sunken) 70%);border:1px solid color-mix(in srgb,var(--brand-2) 40%,transparent)}.board__row:first-child .board__rank{color:var(--brand-2);font-weight:700}.tracks__row.is-playing{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 0 0 6px transparent}}@media(prefers-reduced-motion:reduce){.handset--correct .handset__verdict,.handset--correct .handset__points,.tracks__row.is-playing{animation:none}.tile:hover:not(:disabled){transform:none}}@media(min-width:900px){.screen--stage .stage{border-width:2px}.screen--stage .board__row{font-size:22px;padding:16px}}