@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#101013;--surface:#1b1a1e;--surface2:#242126;--line:#513036;--red:#cf2935;--red2:#8a1925;--text:#f4eeee;--muted:#b9aeb1}
*{box-sizing:border-box}html{font-family:Inter,Arial,sans-serif}body{margin:0;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f4b3b6;outline-offset:2px}.hidden{display:none!important}
.host-body{min-height:100vh;background:radial-gradient(ellipse at 90% 0%,#33161b 0,transparent 44%),var(--bg)}.site-shell{max-width:1740px;margin:auto;padding:24px clamp(18px,3vw,52px) 12px}.brandline{display:flex;align-items:center;gap:17px;margin:0 0 22px}.brandmark{display:grid;place-items:center;position:relative;width:56px;height:56px;background:#c02531;font:800 34px 'Barlow Condensed',Arial,sans-serif;transform:skew(-8deg)}.brandmark span{font-size:16px;position:absolute;right:7px;bottom:5px;color:#26080b}.brandline h1{font:800 32px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em;margin:2px 0}.brandline h1 span{color:#e6444d}.eyebrow{color:#d9626a;font:700 12px/1.2 'Barlow Condensed',Arial,sans-serif;letter-spacing:.18em;margin:0}.host-tag{margin-left:auto;color:#c6b0b4;border:1px solid #654047;padding:8px 12px;letter-spacing:.14em;font-size:11px;font-weight:700}.panel{background:linear-gradient(135deg,#242025,#1a191d);border:1px solid var(--line);box-shadow:0 10px 28px #0003}.top-controls{display:flex;align-items:stretch;gap:18px;padding:12px;margin-bottom:12px;border-top:3px solid var(--red)}.player-strip{flex:1;min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.player-card{min-height:83px;background:#141417;border:1px solid #533238;border-left:3px solid var(--red2);padding:11px 12px;display:flex;flex-direction:column;justify-content:space-between;gap:7px;min-width:0}.player-card.current{border-color:#e44852;border-left-color:#f8515b;background:#311c22}.player-card.removed{opacity:.5}.player-card.empty{color:#82777a;align-items:center;justify-content:center;font:700 14px 'Barlow Condensed',Arial,sans-serif}.player-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card input{width:100%;background:transparent;border:0;border-bottom:1px solid #6b444c;color:#fff;padding:4px 0;border-radius:0;outline:none}.player-card input::placeholder{color:#86787b}.card-score{font:700 20px 'Barlow Condensed',Arial,sans-serif;color:#f6d4d5}.top-actions{display:flex;gap:10px;align-items:stretch}.top-actions button{min-width:128px}.primary,.danger,.secondary{border:0;padding:12px 17px;color:#fff;font-weight:700;transition:background .15s,transform .15s}.primary{background:#b9222f}.primary:not(:disabled):hover{background:#dd3442}.danger{background:#321a1f;border:1px solid #8a303b}.danger:not(:disabled):hover{background:#7e2631}.secondary{background:#302a2f;border:1px solid #72444d}.secondary:not(:disabled):hover{background:#543039}.setup{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;margin-bottom:12px}.setup h2,.control-panel h2,.side-panel h2{font:700 25px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.04em;margin:4px 0}.setup p:not(.eyebrow){margin:3px 0;color:var(--muted);font-size:13px}.setup-options{display:flex;gap:16px}.setup-options label{display:grid;gap:5px;color:#d5c7ca;font-size:12px}.setup select,.login-panel input{background:#141316;border:1px solid #72444d;color:white;padding:10px;min-width:145px}.question-panel{min-height:168px;padding:18px 28px 25px;border-top:3px solid #a3202b}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{border:1px solid #73383f;background:#311f24;padding:6px 10px;color:#e9b7bb;font:700 12px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em}.question-text{font:700 clamp(25px,2.25vw,41px)/1.2 'Barlow Condensed',Arial,sans-serif;letter-spacing:.01em;margin-top:19px;max-width:1450px}.answer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 24px}.answer{text-align:left;color:#f4eeee;min-height:125px;padding:20px;display:flex;align-items:center;gap:15px;font:600 clamp(16px,1.3vw,23px)/1.25 'Barlow Condensed',Arial,sans-serif}.answer:not(:disabled):hover{border-color:#df5963;background:#3a2228}.answer-letter{flex:none;display:grid;place-items:center;background:#99202b;font:800 22px 'Barlow Condensed',Arial,sans-serif;width:38px;height:38px}.answer.selected{border-color:#ef8d93;background:#39252a}.answer.correct{border-color:#6ab982;background:#1b3126;opacity:1}.answer.incorrect{border-color:#e6555d;background:#422126;opacity:1}.answer.correct .answer-letter{background:#277644}.answer.incorrect .answer-letter{background:#b92c38}.answer-content{overflow-wrap:anywhere}.lower-layout{display:grid;grid-template-columns:minmax(310px,410px) minmax(0,1fr);gap:20px;align-items:start}.control-panel,.side-panel{padding:22px;min-height:345px}.control-panel{border-top:3px solid var(--red)}.side-panel{border-top:3px solid #684048}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.action-stack{display:grid;gap:8px;margin:16px 0}.action-stack button{text-align:left}.divider{border-top:1px solid #52353c;margin:19px 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.stat{background:#151417;padding:10px 12px;display:grid;gap:5px}.stat span{font:600 11px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.12em;color:#caa7ac}.stat strong{font:700 26px 'Barlow Condensed',Arial,sans-serif}.import-row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.text-link{color:#f2848b;font-size:12px}.upload{display:inline-block;cursor:pointer;font-size:12px}.scoreboard{display:grid;gap:9px;margin-top:20px}.score-row{background:#161519;border-left:3px solid var(--red2);padding:11px 14px;display:flex;align-items:center;gap:15px}.score-row.removed{opacity:.6}.score-row>div{min-width:0;display:grid;gap:4px;flex:1}.score-row strong{overflow-wrap:anywhere}.score-row small{font-size:11px;color:var(--muted)}.score-row b{font:700 27px 'Barlow Condensed',Arial,sans-serif}.remove{background:none;border:1px solid #7c424a;color:#f0acb1;font-size:11px;padding:7px 8px}.remove:hover{background:#642630}.stream-link-row{display:flex;gap:7px;flex-wrap:wrap}.stream-link-row input{flex:1;min-width:200px;background:#151417;border:1px solid #604249;color:#e9d3d5;padding:10px}.stream-link-row button{font-size:12px}.login-panel{max-width:520px;margin:8vh auto 20vh;padding:32px;background:#211b20;border:1px solid #704049;border-top:4px solid var(--red)}.login-panel h2{font:700 36px 'Barlow Condensed',Arial,sans-serif;margin:8px 0 25px}.login-panel label{font-size:13px;display:block;margin-bottom:7px}.login-row{display:flex;gap:8px}.login-row input{min-width:0;flex:1}.error{color:#ff9a9f}footer{padding:32px 0 18px;color:#836f74;font-size:11px}#toast{position:fixed;right:25px;bottom:25px;max-width:min(440px,90vw);background:#4a222a;border-left:4px solid #e54d58;padding:14px 18px;box-shadow:0 12px 30px #0008;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s;white-space:pre-line}#toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.top-controls{flex-direction:column}.top-actions button{flex:1}.lower-layout{grid-template-columns:1fr}.answer-grid{gap:8px}.answer{padding:12px;min-height:110px}}
@media(max-width:650px){.site-shell{padding:16px}.player-strip{grid-template-columns:repeat(2,1fr)}.setup{display:block}.setup-options{margin-top:12px}.answer-grid{grid-template-columns:1fr}.answer{min-height:76px}.top-actions button{min-width:0}.question-panel{min-height:140px}.host-tag{display:none}}
/* OBS view: only painted elements below have backgrounds. The canvas stays transparent. */
.stream-body{background:transparent!important;overflow:hidden}.overlay{position:relative;width:100vw;height:100vh;color:#fff;font-family:Inter,Arial,sans-serif}.overlay-scores{position:absolute;top:3.3%;left:2.6%;width:clamp(200px,15.5vw,340px);background:#151316;border:1px solid #9f2934;border-top:4px solid #cf2935;box-shadow:0 10px 30px #0008}.score-title{font:800 clamp(17px,1.35vw,28px) 'Barlow Condensed',Arial,sans-serif;letter-spacing:.1em;padding:13px 16px;border-bottom:1px solid #75353e}.score-title span{color:#ef3643;font-size:1.25em}.overlay-player{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #482a31;font-size:clamp(12px,.87vw,19px)}.overlay-player:last-child{border:0}.overlay-player.active{background:#3b2027;border-left:4px solid #e5404d;padding-left:12px}.overlay-player.out{opacity:.52}.overlay-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}.overlay-name small{display:block;font:600 10px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.08em}.overlay-player strong{font:700 clamp(18px,1.3vw,27px) 'Barlow Condensed',Arial,sans-serif}.overlay-quiz{position:absolute;left:2.6%;right:2.6%;bottom:4%;display:grid;gap:clamp(8px,1.1vh,17px)}.overlay-question{min-height:clamp(76px,10vh,155px);padding:clamp(13px,1.5vw,27px) clamp(18px,1.8vw,35px);background:#151316;border-left:5px solid #d12b38;box-shadow:0 8px 25px #000a;display:flex;flex-direction:column;justify-content:center;font:700 clamp(20px,2vw,41px)/1.2 'Barlow Condensed',Arial,sans-serif;overflow-wrap:anywhere}.overlay-label{display:block;font:700 clamp(11px,.8vw,16px) 'Barlow Condensed',Arial,sans-serif;color:#e76e77;letter-spacing:.18em;margin-bottom:7px}.overlay-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,20px)}.overlay-answer{min-height:clamp(70px,8vh,125px);background:#171518;border-bottom:3px solid #9e2732;box-shadow:0 8px 25px #0009;padding:clamp(10px,1vw,20px);display:flex;align-items:center;gap:clamp(9px,1vw,20px);font:600 clamp(15px,1.35vw,28px)/1.18 'Barlow Condensed',Arial,sans-serif;overflow-wrap:anywhere}.overlay-answer b{display:grid;place-items:center;flex:none;width:clamp(29px,2.5vw,50px);height:clamp(29px,2.5vw,50px);background:#9e2732}.overlay-answer.correct{background:#183324;border-color:#60bd7a}.overlay-answer.correct b{background:#287845}.overlay-answer.incorrect{background:#3c1b22;border-color:#eb4b55}.overlay-answer.incorrect b{background:#c42c39}@media(max-aspect-ratio:1/1){.overlay-scores{width:36vw}.overlay-answers{grid-template-columns:1fr}.overlay-answer{min-height:6vh}.overlay-quiz{bottom:2%}}