.live-shell{max-width:1200px;padding-block:2rem 4rem}.live-hero{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.live-hero-wabi{flex-shrink:0;width:220px}.live-home-grid{grid-template-columns:1.2fr .8fr;gap:1.5rem;display:grid}.live-settings{gap:1rem;display:grid}.live-settings label{min-width:0}.live-settings select{text-overflow:ellipsis;max-width:100%}.live-mode-notes{gap:1.5rem;padding:2rem .5rem;display:grid}.live-avatars{grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;margin-block:1rem;display:grid}.live-avatar{background:var(--color-sky-soft);border:2px solid #0000;border-radius:18px;min-width:36px;min-height:44px}.live-avatar[aria-pressed=true]{border-color:var(--color-sky-deep);background:var(--color-paper)}.live-code-input{letter-spacing:.2em;text-transform:uppercase;font-weight:800}.live-error{background:var(--color-paper);border:2px solid var(--color-coral-deep);color:var(--color-coral-deep);border-radius:16px;margin-block:1rem;padding:1rem}.live-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.live-code-small{font-family:var(--font-mono);letter-spacing:.15em;margin-inline-start:auto;font-weight:700}.live-room-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.5rem;display:grid}.live-main,.live-side{min-width:0}.live-side{gap:1rem;display:grid}.live-stage{text-align:center;padding:clamp(1.2rem,3vw,2.5rem)}.live-question{overflow-wrap:anywhere}.live-timer{background:var(--color-sun);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;min-width:3rem;min-height:3rem;font-size:1.3rem;font-weight:800;display:inline-grid}.live-countdown{font-family:var(--font-display);color:var(--color-sky-deep);font-size:clamp(4rem,14vw,8rem);font-weight:800;line-height:1.2}.live-options{text-align:start;gap:.8rem;display:grid}.live-option{text-align:start;overflow-wrap:anywhere;align-items:center;gap:.8rem;width:100%;min-height:60px;padding:1rem;font-size:1rem;display:flex}.live-option:disabled{opacity:.75;cursor:default}.live-option[aria-pressed=true]{outline:3px solid var(--color-sky-deep);outline-offset:2px;opacity:1}.live-option[data-correct=true]{background:var(--color-mint);color:var(--color-ink);opacity:1}.live-option-letter{background:var(--color-sky-soft);width:1.8rem;height:1.8rem;color:var(--color-ink);border-radius:8px;flex-shrink:0;place-items:center;font-weight:800;display:grid}.live-spotlight{overflow-wrap:anywhere;background:var(--color-sun);border-radius:20px;max-width:100%;margin-bottom:.5rem;padding:.5rem 1rem;font-weight:800;display:inline-block}.live-reveal{background:var(--color-sky-soft);border-radius:20px;margin-top:1rem;padding:1.5rem;animation:.35s ease-out live-pop}.live-players{gap:.5rem;margin-top:.7rem;display:grid}.live-players li{align-items:center;gap:.5rem;display:flex}.live-kick{border-radius:50%;min-width:44px;min-height:44px;font-size:1.5rem}.live-kick:hover{background:var(--color-sky-soft)}.live-invite{text-align:center}.live-room-code{font-family:var(--font-display);letter-spacing:.15em;margin-block:.8rem;font-size:2.5rem;font-weight:800}.live-qr{background:#fff;border-radius:10px;width:160px;height:160px;margin:.8rem auto;padding:.3rem}.live-qr svg{width:100%;height:100%}.live-scores{gap:.7rem;margin-top:1.5rem;display:grid}.live-scores li{background:var(--color-sky-soft);border-radius:18px;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.live-scores li[data-mine=true]{box-shadow:inset 0 0 0 2px var(--color-sky-deep)}.live-scores strong{text-align:end;font-size:.85rem}.live-rank{min-width:1.5rem;font-weight:800}.live-podium li:nth-child(-n+3){background:var(--color-sun);animation:.5s ease-out both live-pop}.live-podium li:nth-child(2){animation-delay:80ms}.live-podium li:nth-child(3){animation-delay:.16s}.live-audio{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 0 .5rem;display:flex}.live-audio button[aria-pressed=true]{background:var(--color-sky-soft);box-shadow:inset 0 0 0 2px var(--color-sky-deep)}.live-volume{align-items:center;min-height:44px;display:flex}.live-volume input{max-width:110px;accent-color:var(--color-sky-deep)}.live-credits{text-align:center;color:var(--color-ink-2);flex-basis:100%;margin-top:.7rem;font-size:.75rem}.live-credits summary{cursor:pointer;min-height:30px}.live-credits a{text-decoration:underline}.live-screen{max-width:1600px}.live-screen .live-question{font-size:clamp(1.7rem,3.5vw,3.5rem)}.live-screen .live-option{font-size:clamp(1rem,2vw,1.7rem)}@keyframes live-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@media (max-width:760px){.live-shell{padding-top:1rem}.live-home-grid,.live-room-grid{grid-template-columns:minmax(0,1fr)}.live-hero-wabi{width:100px}.live-hero .t-h1{font-size:2rem}.live-side{grid-template-columns:minmax(0,1fr)}.live-avatars{grid-template-columns:repeat(4,minmax(0,1fr))}.live-avatar{justify-self:center;max-width:68px}.live-scores li{padding-inline:.5rem}}@media (prefers-reduced-motion:reduce){.live-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
