:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111213;color:#f4f1ea;--panel: #1d1f21;--panel-2: #272a2d;--line: #3b4045;--muted: #a9b0b5;--text: #f4f1ea;--amber: #ff7a1a;--red: #d9480f;--green: #2f9e44;--blue: #f59f00}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,rgba(255,122,26,.22),transparent 32%),radial-gradient(circle at 92% 18%,rgba(245,159,0,.2),transparent 28%),#111213}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.app-shell{min-height:100vh;width:min(1440px,100%);margin:0 auto;padding:24px}.setup-shell{display:grid;grid-template-columns:minmax(340px,500px) minmax(0,1fr);gap:18px;align-items:start}.setup-panel,.questions-panel,.arena{border:1px solid var(--line);background:#1d1f21eb;box-shadow:0 24px 80px #00000057}.setup-panel,.questions-panel{border-radius:8px;padding:20px}.brand-row,.panel-heading,.arena-topbar,.player-meta,.player-stats,.controls-dock,.participant-row,.question-editor{display:flex;align-items:center}.brand-row{gap:14px;margin-bottom:22px}.mark{display:grid;grid-template-columns:repeat(2,18px);grid-template-rows:repeat(2,18px);gap:4px;padding:10px;border:1px solid var(--line);background:#141618}.mark span{background:var(--amber)}.mark span:nth-child(2){background:var(--blue)}.mark span:nth-child(3){background:var(--green)}.mark span:nth-child(4){background:var(--red)}.eyebrow{margin:0 0 5px;color:var(--amber);font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,4.8rem);line-height:1;letter-spacing:0}h2{margin-bottom:0;font-size:1.1rem}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:22px}.settings-grid label:last-child{grid-column:1 / -1}label{color:var(--muted);display:grid;gap:7px;font-size:.83rem}input,select{width:100%;border:1px solid var(--line);border-radius:6px;background:#121416;color:var(--text);min-height:42px;padding:0 11px}input:focus,select:focus,button:focus-visible{border-color:var(--amber);outline:2px solid rgba(255,122,26,.22)}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.participants-list,.questions-list{display:grid;gap:8px}.participant-row,.question-editor{gap:8px;border:1px solid var(--line);border-radius:6px;background:#121416b8;padding:8px}.participant-row.selected{border-color:var(--amber)}.select-player,.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:1px solid var(--line);border-radius:6px;background:#141618;color:var(--text)}.danger{color:#ff8c8c}.wins{min-width:84px;color:var(--muted);font-size:.8rem;text-align:right}.primary-action,.secondary-action,.control-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;min-height:44px;padding:0 16px;color:var(--text)}.primary-action{width:100%;margin-top:16px;background:var(--amber);color:#1b1405;font-weight:800}.secondary-action{background:#141618;border-color:var(--line)}.full-width{width:100%;margin-top:10px}.question-editor{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(180px,280px)}.question-editor span{color:var(--amber);font-weight:800}.question-editor input[data-field=imageUrl]{grid-column:3 / -1}.question-thumb{width:96px;aspect-ratio:3 / 2;border:1px solid var(--line);border-radius:6px;background:#0f1113;object-fit:cover}.upload-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;grid-column:3 / -1;min-height:38px;border:1px solid var(--line);border-radius:6px;background:#141618;color:var(--text);cursor:pointer}.upload-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.match-shell{display:flex}.topic-select-shell{display:grid;gap:18px;align-content:start}.topic-select-header,.empty-topics{border:1px solid var(--line);border-radius:8px;background:#1d1f21f0;box-shadow:0 24px 80px #00000057}.topic-select-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px}.topic-select-header h1{font-size:clamp(1.8rem,4vw,3.4rem)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.topic-card{display:grid;align-content:space-between;min-height:132px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(255,122,26,.18),transparent 60%),var(--panel);color:var(--text);padding:16px;text-align:left}.topic-card:hover{border-color:var(--amber)}.topic-card span{color:var(--muted);font-size:.82rem}.topic-card strong{overflow-wrap:anywhere;font-size:1.35rem}.empty-topics{display:grid;justify-items:center;gap:8px;padding:40px 20px;text-align:center}.arena{display:grid;grid-template-rows:auto auto auto 1fr auto;width:100%;min-height:calc(100vh - 48px);border-radius:8px;overflow:hidden}.arena-topbar{justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.player-view-links{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:#17191b}.player-view-links a{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:6px;padding:0 12px;color:var(--text);text-decoration:none}.player-view-links a:first-child{border-color:#ff7a1aa8;background:#ff7a1a1a}.topic-chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;min-width:150px;border:1px solid rgba(255,122,26,.66);border-radius:999px;color:var(--amber);font-weight:800}.scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.player-card{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:16px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:18px}.player-card.active{border-color:var(--amber);box-shadow:inset 0 0 0 1px #ff7a1a5c}.player-meta{align-items:flex-start;flex-direction:column;justify-content:center;min-width:0}.player-meta span,.player-stats span,.answer-reveal span,.turn-label,.event-line{color:var(--muted);font-size:.82rem}.player-meta h2{max-width:100%;overflow-wrap:anywhere;font-size:clamp(1.35rem,3vw,2.4rem)}.timer-ring{--value: 100%;display:grid;place-items:center;align-content:center;width:132px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,var(--panel-2) 58%,transparent 59%),conic-gradient(var(--amber) var(--value),#111416 0)}.timer-ring strong{font-size:2.6rem;line-height:1}.timer-ring span{color:var(--muted);font-size:.75rem}.player-stats{grid-column:1 / -1;gap:8px}.player-stats div{flex:1;border-top:1px solid var(--line);padding-top:10px}.player-stats strong{display:block;margin-top:3px;font-size:1.35rem}.question-stage{display:grid;align-content:center;justify-items:center;gap:18px;min-height:310px;padding:32px 24px;text-align:center;background:linear-gradient(90deg,rgba(217,72,15,.18),transparent 24%),linear-gradient(270deg,rgba(245,159,0,.18),transparent 24%),#17191b}.question-stage h1{width:min(980px,100%);overflow-wrap:anywhere;font-size:clamp(1.9rem,3.8vw,4.1rem);line-height:1.05}.image-question{display:grid;justify-items:center;gap:14px;width:min(680px,100%);margin:0}.image-question img{width:min(520px,100%);aspect-ratio:3 / 2;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#0f1113}.image-question figcaption{color:var(--text);font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800}.answer-reveal{display:inline-grid;gap:4px;min-width:min(460px,100%);border:1px solid var(--line);border-radius:6px;background:#121416e0;padding:12px 18px}.answer-reveal strong{font-size:1.25rem}.event-line{min-height:20px;margin-bottom:0}.controls-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px;border-top:1px solid var(--line)}.control-button{min-height:58px;font-weight:800}.correct{background:var(--green);color:#06130d}.wrong{background:var(--red)}.pass{background:var(--blue)}.neutral{background:#141618;border-color:var(--line)}.timer-start{background:var(--amber);color:#1b1405}.player-screen{display:grid;place-items:stretch;width:100%;max-width:none}.player-only-panel,.player-waiting{display:grid;min-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:8px;background:#1d1f21f0;overflow:hidden}.broadcast-panel{position:relative;background:linear-gradient(120deg,rgba(255,122,26,.22),transparent 34%),linear-gradient(300deg,rgba(217,72,15,.18),transparent 32%),#101113}.broadcast-stripes{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 7%,rgba(255,122,26,.08) 7% 8%,transparent 8% 16%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%,transparent 82%,rgba(255,122,26,.08));opacity:.8}.player-waiting{place-items:center;text-align:center}.player-only-panel.active{border-color:var(--amber)}.player-only-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px;border-bottom:1px solid var(--line);background:#0c0d0fbd}.player-only-top h1{overflow-wrap:anywhere;font-size:clamp(3.2rem,9vw,9.5rem);text-transform:uppercase}.player-topic{margin:10px 0 0;color:var(--muted);font-size:clamp(1rem,2vw,1.45rem);font-weight:800}.timer-ring.large{width:clamp(168px,18vw,260px);background:radial-gradient(circle at center,#101113 57%,transparent 58%),conic-gradient(var(--amber) var(--value),#25282b 0);box-shadow:0 0 48px #ff7a1a2e}.timer-ring.large strong{font-size:clamp(3.4rem,6vw,6.4rem)}.player-broadcast-stats{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-bottom:1px solid var(--line);background:#141618e0}.player-broadcast-stats div{display:grid;gap:5px;padding:18px 28px;border-right:1px solid var(--line)}.player-broadcast-stats div:last-child{border-right:0}.player-broadcast-stats span{color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase}.player-broadcast-stats strong{font-size:clamp(1.8rem,4vw,4rem);line-height:1;text-transform:uppercase}.player-question{position:relative;display:grid;align-content:center;justify-items:center;gap:22px;min-height:420px;padding:48px 32px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(255,122,26,.18),transparent 34%),linear-gradient(90deg,rgba(255,122,26,.14),transparent 34%),#17191b}.player-question h1,.player-question h2{width:min(980px,100%);overflow-wrap:anywhere;font-size:clamp(2rem,5.4vw,5.1rem);line-height:1.05}.player-answer{border-color:var(--amber)}.audience-screen{display:grid;place-items:stretch;width:100%;max-width:none;--cyber-bg: #070912;--cyber-panel: rgba(10, 14, 28, .88);--cyber-cyan: #ff8a1f;--cyber-magenta: #ff4f1f;--cyber-yellow: #ffd166;--cyber-line: rgba(255, 138, 31, .3);--cyber-muted: #c4a389}.audience-board,.audience-waiting{position:relative;min-height:calc(100vh - 48px);border:1px solid var(--cyber-line);border-radius:8px;overflow:hidden;background:linear-gradient(rgba(255,138,31,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,79,31,.05) 1px,transparent 1px),radial-gradient(circle at 16% 12%,rgba(255,79,31,.3),transparent 26%),radial-gradient(circle at 84% 18%,rgba(255,138,31,.26),transparent 24%),linear-gradient(135deg,#100805,#1b1110 52%,#080706);background-size:42px 42px,42px 42px,auto,auto,auto;box-shadow:0 24px 90px #0000009e,inset 0 0 80px #ff8a1f14}.audience-board:before,.audience-waiting:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 10%),repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.42}.audience-waiting{display:grid;place-items:center;text-align:center}.audience-header{position:relative;padding:28px 32px;border-bottom:1px solid var(--cyber-line);background:linear-gradient(90deg,rgba(255,138,31,.17),transparent 42%),linear-gradient(270deg,rgba(255,79,31,.13),transparent 38%),#040710d6;box-shadow:0 1px 24px #ff8a1f21}.audience-brand{display:flex;align-items:center;gap:18px}.audience-header h1{color:#f7fbff;font-size:clamp(2.2rem,5.2vw,5.8rem);text-shadow:0 0 14px rgba(255,138,31,.44),3px 0 0 rgba(255,79,31,.34),-2px 0 0 rgba(255,209,102,.2);text-transform:uppercase}.audience-topic{margin:10px 0 0;color:var(--cyber-muted);font-size:clamp(1rem,2vw,1.55rem);font-weight:800}.audience-player span,.audience-score span,.audience-turn-badge{color:var(--cyber-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.audience-topic strong{color:var(--cyber-cyan);text-shadow:0 0 12px rgba(255,138,31,.42)}.audience-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 32px}.audience-player{position:relative;display:grid;grid-template-columns:108px minmax(0,1fr) 150px 130px;align-items:center;gap:18px;border:1px solid rgba(255,138,31,.28);border-radius:8px;background:linear-gradient(135deg,rgba(255,138,31,.09),transparent 40%),#0f0908e8;padding:18px;box-shadow:inset 0 0 0 1px #ff4f1f14}.audience-player.active{border-color:var(--cyber-cyan);background:linear-gradient(90deg,rgba(255,138,31,.26),rgba(255,79,31,.1) 58%,transparent),#120a08fa;box-shadow:inset 0 0 0 2px #00e5ff75,0 0 34px #ff8a1f38,0 0 64px #ff4f1f21}.audience-player.winner{border-color:var(--cyber-yellow);box-shadow:inset 0 0 0 2px #f8f87175,0 0 54px #f8f8712e}.audience-turn-badge{display:grid;place-items:center;min-height:76px;border:1px solid rgba(255,79,31,.3);border-radius:6px;background:#040710eb}.audience-player.active .audience-turn-badge{color:#001015;background:var(--cyber-cyan);border-color:var(--cyber-cyan);box-shadow:0 0 20px #ff8a1f5c}.audience-player.winner .audience-turn-badge{color:#161500;background:var(--cyber-yellow);border-color:var(--cyber-yellow)}.audience-player h2{color:#f7fbff;overflow-wrap:anywhere;font-size:clamp(1.6rem,3vw,3.4rem);text-shadow:0 0 12px rgba(255,138,31,.28);text-transform:uppercase}.audience-time{--value: 100%;display:grid;place-items:center;align-content:center;width:138px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#060914 57%,transparent 58%),conic-gradient(var(--cyber-cyan) var(--value),rgba(255,79,31,.22) 0);box-shadow:0 0 26px #ff8a1f2e}.audience-time strong{color:#f7fbff;font-size:3rem;line-height:1;text-shadow:0 0 14px rgba(255,138,31,.44)}.audience-time span{color:var(--cyber-muted);font-size:.72rem}.audience-score{display:grid;justify-items:center;gap:5px;border-left:1px solid rgba(255,138,31,.26);padding-left:18px}.audience-score strong{color:var(--cyber-magenta);font-size:clamp(2.4rem,5vw,5rem);line-height:1;text-shadow:0 0 18px rgba(255,79,31,.46)}.audience-main{padding:8px 32px 24px}.audience-question{position:relative;display:grid;align-content:center;justify-items:center;gap:18px;min-height:320px;border:1px solid rgba(255,138,31,.36);border-radius:8px;background:linear-gradient(90deg,rgba(255,79,31,.13),transparent 22%,transparent 78%,rgba(255,138,31,.12)),radial-gradient(circle at 50% 0,rgba(255,138,31,.22),transparent 40%),#100907ed;padding:32px;text-align:center;box-shadow:inset 0 0 0 1px #ff4f1f24,0 0 50px #ff8a1f1f;will-change:opacity,transform,filter}.audience-question:before{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid rgba(255,79,31,.2);border-radius:5px}.audience-question.question-transition{animation:audience-question-in .42s ease both}.audience-question h1,.audience-question h2{color:#f7fbff;width:min(1040px,100%);overflow-wrap:anywhere;font-size:clamp(2rem,4.2vw,4.8rem);line-height:1.06;text-shadow:0 0 18px rgba(255,138,31,.34),2px 0 0 rgba(255,79,31,.2)}.audience-answer{border-color:var(--cyber-yellow);background:#f8f8711f;box-shadow:0 0 26px #f8f87124}.audience-footer{display:grid;gap:10px;padding:0 32px 28px}.audience-footer p{margin:0;color:var(--cyber-muted);text-align:center}.audience-progress{height:12px;border:1px solid rgba(255,138,31,.3);border-radius:999px;background:#060914;overflow:hidden}.audience-progress span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,var(--cyber-cyan),var(--cyber-magenta),var(--cyber-yellow));box-shadow:0 0 18px #ff8a1f66}@keyframes audience-question-in{0%{opacity:0;filter:blur(8px);transform:translateY(18px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@media(max-width:980px){.setup-shell,.scoreboard,.audience-scoreboard,.audience-main{grid-template-columns:1fr}.question-editor{grid-template-columns:32px 1fr}.question-editor input,.question-editor select,.question-editor input[data-field=imageUrl],.upload-control{grid-column:2}.question-thumb{width:100%}}@media(max-width:680px){.app-shell{padding:12px}.settings-grid,.controls-dock,.player-card{grid-template-columns:1fr}.timer-ring{justify-self:center}.arena-topbar{align-items:stretch;flex-direction:column}.topic-chip{width:100%}.topic-select-header{grid-template-columns:1fr}.player-only-top{align-items:stretch;flex-direction:column}.timer-ring.large{justify-self:center}.player-broadcast-stats,.audience-player{grid-template-columns:1fr}.audience-brand{align-items:flex-start;flex-direction:column}.audience-time,.audience-score{justify-self:center}.audience-score{border-left:0;border-top:1px solid var(--line);padding:14px 0 0}}