:root{--trivia-bg:#09051e;--trivia-panel:#170d3b;--trivia-line:#d8b4fe47;--trivia-soft:#e2e8f0;--trivia-pink:#e657e9;--trivia-blue:#6557ed;--trivia-cyan:#55dce5;--trivia-gold:#ffd052}*{box-sizing:border-box}html{background:var(--trivia-bg)}body{margin:0;overflow-x:hidden;color:#fff;background:radial-gradient(circle at 83% 12%,#5a258a55,transparent 28rem),linear-gradient(145deg,#09051e,#14072f 58%,#08051b);font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}.trivia-shell{width:min(1080px,calc(100% - 24px));min-height:calc(100dvh - 64px);margin:auto;padding:clamp(18px,4vw,42px) 0}.trivia-screen{display:none}.trivia-screen.active{display:grid}.setup-screen{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(22px,5vw,56px);border:1px solid var(--trivia-line);border-radius:24px;background:radial-gradient(circle at 18% 24%,#a530ba3d,transparent 26%),linear-gradient(145deg,#1b0d45,#0f092d);box-shadow:0 22px 60px #0007}.eyebrow{margin:0 0 8px;color:#f185ef;font:800 11px/1.4 "Space Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.setup-copy h1{margin:0;font:800 clamp(48px,8vw,86px)/.9 "Space Grotesk",sans-serif;letter-spacing:-.06em}.setup-copy h1 span{display:block;color:transparent;background:linear-gradient(90deg,#ee5ce8,#7a75ff 55%,#55dce5);background-clip:text;-webkit-background-clip:text}.tagline{max-width:35ch;margin:20px 0;color:var(--trivia-soft);font-size:clamp(15px,2vw,18px);line-height:1.5}.duel-art{min-height:180px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.duel-player{display:grid;place-items:center;aspect-ratio:1;border:1px solid #ffffff26;border-radius:50%;background:linear-gradient(145deg,#e653e4,#623edd);box-shadow:0 15px 32px #0007;font-size:clamp(42px,6vw,68px)}.duel-player.two{background:linear-gradient(145deg,#3b83ed,#1a286e)}.duel-vs{font:900 22px "Space Grotesk",sans-serif}.setup-panel{min-width:0;display:grid;gap:16px}.player-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.player-fields label,.round-picker{display:grid;gap:6px;color:#d8b4fe;font-size:11px;font-weight:800}.player-fields input,.round-picker select{width:100%;min-height:48px;padding:0 13px;border:1px solid #b58adb58;border-radius:12px;color:#fff;background:#ffffff08}.player-fields input:focus,.round-picker select:focus{border-color:var(--trivia-cyan);outline:3px solid #55dce529}.topic-picker{margin:0;padding:0;border:0}.topic-picker legend{margin-bottom:9px;font-weight:850}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.topic-chip{position:relative;min-width:0;cursor:pointer}.topic-chip input{position:absolute;opacity:0}.topic-chip span{min-height:48px;display:flex;align-items:center;justify-content:center;padding:7px;border:1px solid #ffffff20;border-radius:12px;color:#e2e8f0;background:#ffffff06;font-size:11px;font-weight:750;text-align:center}.topic-chip input:checked+span{border-color:#ed70e9;color:#fff;background:linear-gradient(120deg,#a52ab9,#5645c8);box-shadow:0 0 18px #c449d829}.topic-chip input:focus-visible+span{outline:3px solid #67e8f9;outline-offset:2px}.all-topics{grid-column:1/-1}.start-button{min-height:52px;padding:0 24px;border:0;border-radius:14px;color:#fff;background:linear-gradient(110deg,#b52dcc,#4f46e5);box-shadow:0 12px 28px #9b32c852;font-weight:900;cursor:pointer}.start-button:hover,.start-button:focus-visible{transform:translateY(-2px);outline:3px solid #67e8f9;outline-offset:3px}.setup-status{min-height:18px;margin:0;color:#ff9cac;font-size:12px;text-align:center}.play-screen{gap:12px}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.score-card{min-width:0;padding:12px 16px;border:1px solid var(--trivia-line);border-radius:16px;background:#ffffff07}.score-card:last-child{text-align:right}.score-card small,.score-card b{display:block}.score-card small{overflow:hidden;color:#d8b4fe;font:700 10px "Space Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.score-card b{font:800 28px "Space Grotesk",sans-serif}.timer{--time:360deg;position:relative;width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--trivia-cyan) var(--time),#ffffff13 0);box-shadow:inset 0 0 0 7px #12082d}.timer strong{font:800 20px "Space Mono",monospace}.timer.urgent{background:conic-gradient(#ff5f78 var(--time),#ffffff13 0);animation:pulse .7s infinite alternate}.progress{height:8px;overflow:hidden;border-radius:999px;background:#ffffff0c}.progress i{height:100%;display:block;width:0;border-radius:inherit;background:linear-gradient(90deg,#e956e9,#5adbe2);transition:width .35s}.turn-banner{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 16px;border:1px solid #e36de758;border-radius:16px;background:linear-gradient(90deg,#81288e42,#2d286c42)}.turn-banner strong{font:800 clamp(16px,3vw,21px) "Space Grotesk",sans-serif}.turn-banner small{color:#d8b4fe;font:700 10px "Space Mono",monospace}.question-card{min-height:450px;display:grid;align-content:start;padding:clamp(20px,5vw,46px);border:1px solid var(--trivia-line);border-radius:24px;background:radial-gradient(circle at 50% 0,#5222724d,transparent 36%),linear-gradient(145deg,#190d3e,#10092e);box-shadow:0 18px 48px #0006;text-align:center}.topic-label{justify-self:center;margin:0;padding:7px 12px;border:1px solid #e678e851;border-radius:999px;color:#f0b9f4;background:#ad3eb029;font:800 10px "Space Mono",monospace;text-transform:uppercase}.question-card h2{max-width:800px;min-height:90px;margin:22px auto 20px;font:750 clamp(25px,4vw,40px)/1.15 "Space Grotesk",sans-serif;letter-spacing:-.025em}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers button{min-height:67px;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #ffffff21;border-radius:14px;color:#fff;background:#ffffff07;text-align:left;cursor:pointer}.answers button:hover,.answers button:focus-visible{border-color:#ef6dea;background:#a737b521;outline:3px solid #67e8f932}.answers button>span{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#26103c;background:#e9b9f1;font-weight:900}.answers button b{font-size:14px}.answers button.correct{border-color:#55dfab;color:#08291d;background:#55dfab}.answers button.wrong{border-color:#ff6b83;background:#8a2438}.feedback{min-height:23px;margin:18px 0 0;color:#c9bed8;font-size:12px;font-weight:750}.feedback.good{color:#6cf0c1}.feedback.bad{color:#ff9bad}.result-screen{place-items:center;max-width:880px;margin:auto;padding:clamp(30px,6vw,62px);border:1px solid var(--trivia-line);border-radius:24px;background:radial-gradient(circle at 50% 15%,#71339b55,transparent 26%),linear-gradient(145deg,#1a0d43,#0e092b);text-align:center}.winner-icon{font-size:72px}.result-screen h2{margin:8px 0;font:800 clamp(38px,7vw,68px)/1 "Space Grotesk",sans-serif}.winner-copy{max-width:55ch;color:#e2e8f0}.final-scores{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:20px 0}.final-scores article{padding:18px;border:1px solid #ffffff1d;border-radius:16px;background:#ffffff07}.final-scores small,.final-scores strong,.final-scores em{display:block}.final-scores small{color:#d8b4fe;font:700 10px "Space Mono",monospace}.final-scores strong{margin:5px;font:800 35px "Space Grotesk",sans-serif}.final-scores em{color:#c6bbd3;font-size:11px;font-style:normal}.topic-results{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.topic-results span{padding:10px;border-radius:12px;background:#ffffff06}.topic-results b,.topic-results small{display:block}.topic-results b{font-size:11px}.topic-results small{margin-top:3px;color:#c9bed8;font-size:9px}.result-actions{display:flex;align-items:center;gap:14px}.result-actions a{min-height:44px;display:inline-flex;align-items:center;color:#e7c5ed}@keyframes pulse{to{transform:scale(1.06)}}@media(max-width:760px){.setup-screen{grid-template-columns:1fr}.setup-copy{text-align:center}.tagline{margin-inline:auto}.duel-art{max-width:320px;min-height:130px;margin:auto}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-topics{grid-column:1/-1}.question-card{min-height:0}.topic-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.trivia-shell{width:calc(100% - 16px);padding-top:10px}.setup-screen{padding:18px 14px}.setup-copy h1{font-size:48px}.player-fields{grid-template-columns:1fr}.topic-grid{gap:6px}.topic-chip span{font-size:10px}.scoreboard{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.timer{width:58px;height:58px}.score-card{padding:8px 10px}.score-card b{font-size:22px}.turn-banner{align-items:flex-start;flex-direction:column;gap:2px}.question-card{padding:18px 12px}.question-card h2{min-height:0;margin:17px auto;font-size:25px}.answers{grid-template-columns:1fr}.answers button{min-height:54px}.final-scores{grid-template-columns:1fr}.final-vs{display:none}.topic-results{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-actions .start-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.topic-note{margin:0 0 10px;color:var(--trivia-soft);font-weight:600}.topic-note strong{color:var(--trivia-gold)}