:root{--bg: #0b0d12;--fg: #f4f6fb;--muted: #8a93a6;--accent: #7c5cff;--accent-fg: #ffffff;--warn: #f0b429;--ok: #19c37d;--card: #161a23;--border: #232938}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}input,button,textarea{font:inherit;color:inherit;touch-action:manipulation}.screen{max-width:720px;margin:0 auto;padding:24px 20px;display:flex;flex-direction:column;gap:20px}.screen--host{max-width:1200px;padding:32px}.title{font-size:64px;margin:0;letter-spacing:-2px}.subtitle{color:var(--muted);margin:0 0 20px}.field{display:flex;flex-direction:column;gap:6px}.field span{color:var(--muted);font-size:14px}.field input,.broadcast-input input{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font-size:18px;outline:none}.field input:focus,.broadcast-input input:focus{border-color:var(--accent)}.actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.btn{border:none;border-radius:10px;padding:14px 18px;font-size:16px;cursor:pointer}.btn--primary{background:var(--accent);color:var(--accent-fg);font-weight:600}.btn--ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.error{color:var(--warn);margin:0}.host-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.host-room-code{font-size:96px;margin:0;letter-spacing:4px}.host-join-url{color:var(--muted);font-size:24px;margin:4px 0 0}.host-section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.player-list li{display:flex;justify-content:space-between;padding:12px 14px;background:#ffffff08;border-radius:8px;font-size:18px}.player--gone{opacity:.4}.player-role{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:1px;align-self:center}.muted{color:var(--muted)}.pill{padding:6px 12px;border-radius:999px;font-size:13px;background:var(--card);border:1px solid var(--border)}.pill--ok{border-color:var(--ok);color:var(--ok)}.pill--warn{border-color:var(--warn);color:var(--warn)}.broadcast-input{display:flex;gap:8px;margin-bottom:12px}.broadcast-input input{flex:1}.broadcast-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.broadcast-log li{padding:8px 12px;background:#ffffff0a;border-radius:6px;font-size:15px}.player-header{display:flex;justify-content:space-between;align-items:center}.room-code-small{font-size:22px;letter-spacing:2px;font-weight:600}.phase{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}.phase-eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--muted)}.phase-title{font-size:32px;margin:0;letter-spacing:-.5px}.phase-subtitle{color:var(--muted);margin:0;font-size:16px;line-height:1.5}.phase-question{font-size:26px;margin:0;line-height:1.3}.player--me{outline:1px solid var(--accent)}.answer-form{display:flex;flex-direction:column;gap:10px}.answer-form textarea{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;font:inherit;color:inherit;font-size:18px;resize:vertical;outline:none}.answer-form textarea:focus{border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.vote-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.btn--vote{background:var(--card);color:var(--fg);border:1px solid var(--border);font-size:48px;font-weight:700;padding:36px 0;border-radius:16px}.btn--vote-on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.leaderboard li{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:#ffffff08;border-radius:8px;font-size:18px}.leaderboard-rank{color:var(--muted);font-variant-numeric:tabular-nums}.leaderboard-score{font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.leaderboard--big li{font-size:24px;padding:16px 18px}.host-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.host-phase{font-size:28px;font-weight:700;letter-spacing:1px}.host-section h2{margin:0 0 12px;font-size:20px;color:var(--muted);font-weight:500}.host-big{font-size:36px;margin:0}.host-question{font-size:44px;line-height:1.2;margin:0 0 12px;letter-spacing:-.5px}.host-advance{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.btn--big{font-size:22px;padding:18px 32px;min-width:280px}.btn--abort{margin-top:4px;font-size:14px;color:var(--muted);padding:6px 14px;border:1px solid transparent}.btn--abort:hover{border-color:var(--warn);color:var(--warn)}.player-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.player--target{outline:1px solid var(--accent)}.vote-tally{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}.vote-tally-cell{background:#ffffff0a;border-radius:12px;padding:24px;text-align:center}.vote-tally-label{font-size:18px;color:var(--muted);letter-spacing:2px}.vote-tally-count{font-size:64px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.seed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:seed}.seed-item{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;counter-increment:seed}.seed-item:before{content:counter(seed) ".";color:var(--muted);font-size:14px;letter-spacing:1px}.seed-item textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font:inherit;color:inherit;font-size:16px;resize:vertical;outline:none}.seed-item textarea:focus{border-color:var(--accent)}.seed-q{margin:0;font-size:18px;line-height:1.3}.seed-a{margin:0;padding:10px 12px;background:#7c5cff1a;border-left:2px solid var(--accent);border-radius:4px;font-size:16px;color:var(--fg)}.seed-item--locked{opacity:.85}.phase-progress{margin:0;color:var(--muted);font-size:14px;letter-spacing:1px;text-transform:uppercase}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.answer-card{background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:200px}.answer-card-label{font-size:56px;font-weight:800;color:var(--accent);letter-spacing:2px;line-height:1}.answer-card-source{margin-top:auto;font-size:16px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.stream{font-size:22px;line-height:1.45;margin:0;white-space:pre-wrap;word-break:break-word}.stream-empty{font-size:18px;line-height:1.4;margin:0;color:var(--muted);font-style:italic}.stream-cursor{display:inline-block;width:.6ch;height:1em;background:var(--accent);margin-left:2px;vertical-align:text-bottom;animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}@media (max-width: 720px){.answers-grid{grid-template-columns:1fr}}.answer-pending{font-size:22px;color:var(--muted);font-style:italic}.answer-pending--ready{color:var(--ok);font-style:normal;font-weight:600}.answer-pending .dot-1,.answer-pending .dot-2,.answer-pending .dot-3{display:inline-block;animation:pending-dot 1.4s infinite}.answer-pending .dot-2{animation-delay:.2s}.answer-pending .dot-3{animation-delay:.4s}@keyframes pending-dot{0%,60%,to{opacity:.2}30%{opacity:1}}.host-pending-hint{text-align:center;margin-top:8px}.vote-tally-cell--correct{outline:2px solid var(--ok)}.score-delta{color:var(--ok);font-size:.75em;font-weight:600}.results-reveal{display:flex;flex-direction:column;gap:8px}.results-reveal-row{display:flex;align-items:center;gap:12px;font-size:18px;padding:10px 14px;background:#ffffff08;border-radius:8px}.results-label{font-size:24px;font-weight:800;color:var(--accent);min-width:28px}.join-blurb{color:var(--muted);font-size:15px;line-height:1.6;margin:0}.disconnect-banner{background:var(--warn);color:#000;font-weight:600;font-size:15px;text-align:center;padding:10px 16px;border-radius:10px;margin-bottom:4px;animation:pulse-banner 1.5s ease-in-out infinite}@keyframes pulse-banner{0%,to{opacity:1}50%{opacity:.7}}.host-seed-progress{font-size:28px;color:var(--muted);margin:0}.host-seed-progress--done{color:var(--ok)}.syncing .dot-1,.syncing .dot-2,.syncing .dot-3{display:inline-block;animation:pending-dot 1.4s infinite}.syncing .dot-2{animation-delay:.2s}.syncing .dot-3{animation-delay:.4s}@media (max-width: 480px){.btn--primary,.btn--ghost{padding:16px 18px;font-size:17px;border-radius:12px}.btn--vote{padding:40px 0}.answer-form textarea,.seed-item textarea{min-height:80px;font-size:17px}.phase-question{font-size:22px}.screen{padding:16px 14px;gap:16px}.vote-buttons{gap:14px}}.music-player{display:flex;align-items:center;gap:10px;padding:8px 14px;background:var(--card);border:1px solid var(--border);border-radius:999px;font-size:14px;color:var(--muted);align-self:flex-end;max-width:480px}.music-btn{background:transparent;border:none;color:var(--fg);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px}.music-btn:hover{background:#ffffff0f}.music-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:13px}.music-volume{width:80px;accent-color:var(--accent)}.round-progress{display:flex;flex-direction:column;gap:6px}.round-progress-label{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600}.round-progress-track{display:flex;gap:6px}.round-progress-seg{flex:1;height:6px;border-radius:999px;background:var(--border);transition:background .3s}.round-progress-seg--done{background:var(--accent);opacity:.5}.round-progress-seg--active{background:var(--accent)}.player-row-actions{display:flex;gap:8px;align-items:center}.btn--kick{color:var(--warn);border-color:var(--warn);opacity:.7}.btn--kick:hover{opacity:1}