#app{min-height:100vh}.host-setup{display:grid;min-height:100vh;grid-template-columns:minmax(300px,.75fr) minmax(560px,1.25fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding:clamp(2rem,4vw,4rem)}.host-setup__copy{max-width:850px}.host-setup__copy>p:last-child{max-width:700px;font-size:clamp(1.15rem,2vw,1.55rem)}.host-setup__form{display:grid;gap:1.2rem;padding:clamp(1.5rem,3vw,2.5rem)}.setup-fieldset{min-width:0;margin:0;border:0;padding:0}.setup-fieldset legend{margin-bottom:.65rem;color:#dbe5f3;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.category-option{display:flex;min-height:44px;align-items:center;gap:.55rem;border:1px solid var(--border);border-radius:12px;padding:.55rem .7rem;color:#dbe5f3;background:#0f172a7a;cursor:pointer}.category-option--mixed{border-color:#22d3ee66}.category-option input{width:18px;height:18px;accent-color:var(--primary)}.category-option:has(input:checked){border-color:#8b5cf6bf;background:#7c3aed2e}.category-option:has(input:disabled){cursor:default;opacity:.72}.setup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.pool-status{min-height:1.5rem;margin:0;color:var(--success);font-weight:700}.pool-status--warning{color:#fcd34d}.host-lobby{min-height:100vh;padding:clamp(1.5rem,3vw,3rem)}.host-lobby__header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:clamp(1.5rem,3vw,3rem)}.brand{font-size:clamp(1.15rem,2vw,1.7rem)}.room-code{display:flex;align-items:baseline;gap:1rem;color:var(--muted);font-weight:700}.room-code strong{color:#fff;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:.16em;line-height:1}.host-lobby__content{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(420px,1.15fr);gap:clamp(1.5rem,3vw,3rem)}.join-panel,.players-panel{min-height:min(70vh,720px);padding:clamp(1.5rem,3vw,2.5rem)}.join-panel{display:flex;align-items:center;flex-direction:column;text-align:center}.join-panel>p:first-child{margin-bottom:.8rem;font-size:clamp(1rem,1.5vw,1.3rem)}.qr-code{display:block;width:min(34vw,360px)!important;height:min(34vw,360px)!important;max-width:100%;margin-bottom:1.25rem;border:12px solid #fff;border-radius:18px;background:#fff}.join-link{display:grid;width:100%;gap:.35rem;margin-bottom:1rem;color:var(--muted)}.join-link code{overflow:hidden;color:#dbeafe;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.copy-link{width:100%}.network-hint{margin:1rem 0 0;color:#fcd34d;font-weight:700}.players-panel{display:flex;flex-direction:column}.players-panel h2{display:flex;justify-content:space-between;margin-bottom:1.25rem}.player-count{color:var(--accent)}.players-panel .player-list{overflow-y:auto}.players-panel .player-row{min-height:68px;font-size:clamp(1rem,1.6vw,1.3rem)}.empty-state{display:grid;min-height:180px;place-items:center;color:var(--muted);text-align:center}.start-requirement{margin:auto 0 0;padding-top:1.5rem;text-align:center}.start-game{width:100%;margin-top:auto;font-size:clamp(1rem,1.7vw,1.3rem)}.host-game{display:flex;min-height:100vh;flex-direction:column;padding:clamp(1.5rem,3vw,3rem)}.game-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;color:var(--muted);font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800}.game-header>:last-child{justify-self:end}.host-countdown{--countdown-progress: 100%;position:relative;display:grid;width:clamp(76px,7vw,110px);aspect-ratio:1;place-items:center;border:0;border-radius:50%;color:#fff;background:conic-gradient(var(--accent) var(--countdown-progress),rgba(148,163,184,.18) 0)}.host-countdown:before{position:absolute;border-radius:inherit;background:#11182a;content:"";inset:7px}.host-countdown strong{position:relative;z-index:1;font-size:clamp(2rem,4vw,4rem)}.host-countdown.countdown--urgent{color:#fff1f2;background:conic-gradient(var(--danger) var(--countdown-progress),rgba(251,113,133,.16) 0);animation:urgent-pulse .7s ease-in-out infinite}.host-game>.countdown-track{margin:1.25rem 0 clamp(1.5rem,3vw,3rem)}.question-stage{display:flex;flex:1;flex-direction:column;justify-content:center}.question-stage .question-text{max-width:1500px;margin:0 auto clamp(2rem,4vw,4rem);font-size:clamp(2.5rem,4.7vw,5.2rem);line-height:1.12;text-align:center}.host-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.7rem)}.host-option{display:grid;min-height:clamp(110px,14vh,170px);grid-template-columns:auto 1fr;align-items:center;gap:1.2rem;border:2px solid var(--border);border-radius:24px;padding:clamp(1rem,2vw,1.7rem);background:var(--surface);animation:host-option-in .43s both;animation-delay:calc(var(--item-index, 0) * 65ms)}.host-option>span{display:grid;width:54px;aspect-ratio:1;place-items:center;border-radius:15px;color:#fff;background:#8b5cf68c;font-size:1.35rem;font-weight:900}.host-option strong{font-size:clamp(1.4rem,2.4vw,2.5rem)}.game-footer{padding-top:1.4rem;text-align:center}.answer-progress{color:var(--accent);font-size:clamp(1.3rem,2vw,2rem)}.host-option--correct{border-color:var(--success);background:#10b98140;box-shadow:0 0 50px #10b98126;animation:host-option-in .3s both,correct-option-pulse .9s .24s ease-out both}.host-option--correct>span{background:var(--success)}.host-option--dimmed{opacity:.42}.reveal-label{color:var(--success)}.host-reveal .question-text{margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,3.8rem)}.host-reveal .host-option{min-height:90px}.reveal-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.5rem 0 0;padding:0;list-style:none}.reveal-result{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;border-radius:14px;padding:.8rem 1rem;background:#0f172aad;animation:reveal-result-in .38s both;animation-delay:calc(var(--item-index, 0) * 45ms)}.reveal-result--correct{color:#a7f3d0}.reveal-result--wrong,.reveal-result--unanswered{color:#fda4af}.scoreboard-screen{display:flex;width:min(1000px,100%);min-height:100vh;flex-direction:column;justify-content:center;margin:0 auto;padding:clamp(2rem,5vw,5rem);text-align:center}.scoreboard-screen .ranking-list{margin-top:1rem;text-align:left}.scoreboard-screen .ranking-row{min-height:68px;font-size:clamp(1.15rem,2vw,1.65rem)}.winner-copy{color:#fde68a;font-size:clamp(1.25rem,2.5vw,2rem);font-weight:900}.game-over-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.countdown-track--urgent{background:var(--danger)!important;box-shadow:0 0 24px #fb718585}@keyframes host-option-in{0%{opacity:0;transform:translateY(18px) scale(.985)}}@keyframes correct-option-pulse{45%{transform:scale(1.025);box-shadow:0 0 80px #34d39952}}@keyframes reveal-result-in{0%{opacity:0;transform:translateY(12px)}}@media(min-width:1600px)and (min-height:900px){.question-stage .question-text{font-size:clamp(4rem,4.4vw,6.4rem)}.host-option strong{font-size:clamp(2rem,2.15vw,3.2rem)}.answer-progress{font-size:2.25rem}}@media(max-width:900px){.host-setup,.host-lobby__content{grid-template-columns:1fr}.host-setup{align-content:center}.category-grid,.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.join-panel,.players-panel{min-height:auto}.qr-code{width:min(70vw,360px)!important;height:min(70vw,360px)!important}.reveal-results{grid-template-columns:repeat(2,minmax(0,1fr))}}