@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=Silkscreen&display=swap');
:root{--bg:#f0ede7;--panel:#faf9f6;--ink:#282723;--muted:#77756f;--line:#dcd8d0;--accent:#efaa48;--dark:#25282e;--pixel:'Silkscreen',monospace;--font:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button,a,input,select,textarea{outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{height:90px;display:flex;align-items:center;gap:60px;padding:0 max(36px,calc((100vw - 1344px)/2));background:#faf9f6;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:23px;letter-spacing:-1px;white-space:nowrap}.logo{display:flex;align-items:center;justify-content:center;background:var(--ink);color:#f4c078;width:38px;height:38px;font:18px var(--pixel);letter-spacing:-7px;padding-right:6px;box-shadow:3px 3px 0 #d3c9bb}.logo>span{color:#f1ede4}.beta{font:8px var(--pixel);color:#938c82;letter-spacing:0;align-self:start;margin-top:7px}.nav-group{display:flex;align-self:stretch;gap:27px}.nav{display:flex;align-items:center;gap:8px;background:transparent;font-size:18px;color:#969089;border-bottom:3px solid transparent;padding:3px 0 0;white-space:nowrap}.nav span{font-size:12px;font-weight:600}.nav b{background:#e7e2d9;border-radius:4px;font-size:9px;font-weight:500;padding:2px 5px}.nav.active{color:#26241f;border-color:#dc9b40}.nav.active b{background:#efaa48;color:#33220b}.studio-tag{font:9px var(--pixel);letter-spacing:.4px;margin-left:auto;white-space:nowrap;color:#858078;display:flex;align-items:center;gap:7px}.studio-tag i{width:5px;height:5px;background:#dc9b40}.main{max-width:1344px;margin:auto;padding:0 36px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 0 0;font-size:10px;color:#696660}.breadcrumb{color:#aaa298}.slash{margin:0 12px;color:#c7bfb3}.subtle{border:1px solid #d1cbc2;color:#645d52;background:transparent;font-size:11px;border-radius:5px;padding:9px 13px}.subtle:hover{background:#e5ded3}main{padding:32px 0 25px}.heading{margin:0 0 32px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font:9px var(--pixel);color:#958064;letter-spacing:.5px}h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0}h1{font-size:43px;letter-spacing:-2.2px;font-weight:500;line-height:1.18;margin-top:11px}h2{font-size:24px;letter-spacing:-.8px;font-weight:500}h3{font-size:14px;font-weight:600}.heading p{font-size:13px;color:var(--muted);margin:12px 0 0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.connect{display:flex;align-items:center;gap:15px;padding:18px 21px;margin-bottom:27px}.connect-icon{display:grid;place-items:center;width:40px;height:40px;background:#ece7f5;color:#8064a1;border:1px solid #d6c9e7;font-size:24px;border-radius:8px;flex-shrink:0}.connect-copy h3{font-size:13px}.connect-copy p{font-size:11px;color:var(--muted);margin:5px 0 0;max-width:350px}.connect form{display:flex;align-items:center;gap:10px;margin-left:auto}.channel{display:flex;align-items:center;border:1px solid #d9d3ca;border-radius:5px;background:#fffdfa;padding:11px 12px;font-size:12px}.channel span{color:#a29a8e;white-space:nowrap}.channel input{width:130px;min-width:0;background:transparent;border:0;color:var(--ink);outline:none}.primary{padding:12px 17px;background:var(--accent);color:#382608;border:1px solid #d89c47;border-radius:5px;font-size:12px;font-weight:700;box-shadow:0 2px 0 #ca8a2d;white-space:nowrap}.primary:hover{background:#f8bb65}.primary:active{transform:translateY(1px);box-shadow:0 1px 0 #ca8a2d}.status{display:flex;gap:6px;align-items:center;font-size:10px;color:#8c857a;white-space:nowrap}.status i{width:6px;height:6px;background:#bdb6aa;border-radius:50%}.status.connected{color:#9c6015}.status.connected i{background:#ce9033}.studio-grid{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(410px,1.15fr);gap:26px;align-items:stretch}.quiz-panel{padding:26px}.panel-top,.section-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-top{margin-bottom:27px}.panel-top h2{margin-top:7px}.setup-badge{font:8px var(--pixel);border:1px solid #ddd5c9;color:#9a8c78;padding:7px 8px;border-radius:3px}.field-label{display:block;font-size:11px;font-weight:500;margin:0 0 9px;color:#726a5d}.input{background:#fffdfa;color:var(--ink);border:1px solid #d9d3ca;border-radius:5px;width:100%;padding:12px 13px;font-size:12px;line-height:1.3}.input:focus{outline:2px solid #efaa4866;border-color:#d0a463}.input::placeholder{color:#a49b8e}.settings{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:19px}.rule{display:flex;gap:11px;padding:12px 0;margin-top:14px;border-bottom:1px solid #e5dfd6}.rule>span{font-size:23px;color:#b09369}.rule strong{font-size:10px;font-weight:600}.rule p{font-size:10px;color:#8a8175;line-height:1.6;margin:5px 0 0}.question-section{margin-top:23px}.count{font:9px var(--font);display:inline-block;min-width:18px;text-align:center;color:#8e8070;background:#eae3d9;border-radius:3px;padding:3px 5px;margin-left:6px}.text-btn{background:transparent;color:#a5712c;padding:6px;font-size:11px}.text-btn:hover{text-decoration:underline}.empty-questions{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #dcd3c5;border-radius:6px;padding:24px 18px;margin-top:15px;min-height:150px;background:#f5f2ed}.empty-symbol{border:1px solid #d6c9b7;font:25px var(--pixel);color:#b7a486;width:37px;height:37px;margin-bottom:12px;background:#ece5d9}.empty-questions strong{font-size:12px;font-weight:500}.empty-questions p{font-size:10px;color:#9a8d7b;margin:6px 0 0;line-height:1.6}.question-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e2dcd3}.question-row:last-child{border-bottom:0}.q-num{font:9px var(--pixel);color:#aa8d60;background:#efe7da;padding:6px;border-radius:3px}.q-copy{flex:1;min-width:0}.q-copy strong{font-size:11px;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-copy span{font-size:9px;color:#9a8c7a;display:block;margin-top:4px}.icon-btn{background:none;color:#9a8c7a;font-size:15px;padding:5px}.start{width:100%;margin-top:23px;display:flex;justify-content:space-between;text-align:left;padding:14px 16px}.start span{font-size:10px;font-weight:400;opacity:.7}.fine{text-align:center;font-size:9px;color:#a59b8d;margin:13px 0 0}.stage{background:var(--dark);border-color:#303237;padding:25px;color:#f1ede6;display:flex;flex-direction:column;box-shadow:0 12px 25px #3d393514}.stage .panel-top{margin-bottom:24px}.stage .eyebrow{color:#a3947f}.stage .stage-title{font-family:'Space Grotesk',sans-serif;font-size:20px;letter-spacing:-.5px;margin-top:7px}.stage .text-btn{color:#c6b79f;border:1px solid #55534f;border-radius:5px;padding:9px 11px}.stage-content{display:flex;flex-direction:column;flex:1;min-height:399px;background-color:#1c1e23;background-image:linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:24px 24px;border:1px solid #46433f;border-radius:6px;padding:28px;position:relative;overflow:hidden}.stage-content:before{content:'';width:60px;height:4px;background:#d7a051;position:absolute;left:28px;top:0}.live-label{display:flex;align-items:center;gap:7px;font:8px var(--pixel);letter-spacing:.4px;color:#d0b58b;margin-bottom:31px}.live-label i{width:5px;height:5px;background:#dca952;box-shadow:0 0 12px #dca95233}.question-meta{display:flex;align-items:center;justify-content:space-between;color:#948e86;font:9px var(--pixel)}#timer{font-family:'Space Grotesk',sans-serif;font-size:25px;letter-spacing:-1px;color:#e9ba74}.timer-track{height:3px;background:#413b33;margin:13px 0 25px}#timerBar{height:100%;width:100%;background:#ddb06f;transition:width .25s}.stage-content h2{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:500;line-height:1.3;letter-spacing:-1px;margin:0 0 25px;max-width:480px}.options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.option{display:flex;align-items:center;gap:11px;min-height:62px;background:#2b2b2c;border:1px solid #494541;border-radius:4px;padding:13px;font-size:12px;color:#e6ded2}.option b{font:10px var(--pixel);background:#393631;color:#c4b49b;padding:7px 8px;border:1px solid #514a40}.option.correct{background:#4a3b25;border-color:#e9b567}.option.correct b{background:#e9b567;color:#30220e;border-color:#e9b567}.stage-instruction{font-size:10px;color:#928a7f;text-align:center;margin:26px 0}.stage-instruction b{color:#caba9f}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #3a3733;padding-top:19px;margin-top:auto;font-size:9px;color:#877c6d}.stage-footer>span:first-child{font-family:'Space Grotesk',sans-serif;color:#bbae99;font-size:12px;font-weight:500}.stage-content.is-empty .question-meta,.stage-content.is-empty .timer-track{visibility:hidden}.stage-content.is-empty h2{font-size:35px;text-align:center;max-width:400px;margin:3px auto 0}.stage-content.is-empty .stage-instruction{margin:16px 0 52px}.round-controls{display:flex;align-items:center;gap:8px;min-height:30px;margin-top:18px}.round-controls>span{font-size:10px;color:#9c9181;margin-right:auto}.secondary{padding:9px 12px;border:1px solid #cfc6b9;background:#eee8df;color:#6c5a42;border-radius:5px;font-size:11px}.stage .secondary{background:#39342c;border-color:#615441;color:#ddc39d}.bottom-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:26px;margin-top:26px}.chat-panel,.leaders-panel{padding:23px 26px}.live-dot{display:inline-block;width:5px;height:5px;background:#c9bbab;border-radius:50%;margin-left:7px}.muted{font-size:11px;color:#9b9082}.chat{height:159px;overflow:auto;margin-top:15px}.empty-chat{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bcb0a0}.empty-chat>span{font-size:25px;margin-bottom:11px}.empty-chat strong{font-size:11px;color:#978672;font-weight:500}.empty-chat p{font-size:10px;color:#afa18e;text-align:center;line-height:1.6;margin:8px 0}.chat-message{display:flex;gap:10px;border-bottom:1px solid #e9e1d6;font-size:11px;padding:8px 0;line-height:1.4}.chat-message strong{color:#987139;min-width:90px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.chat-message .accepted{color:#a57737;font-size:9px;margin-left:auto;white-space:nowrap}.empty-leaders{text-align:center;font-size:31px;color:#c9b99d;padding-top:35px}.empty-leaders p{font-size:11px;color:#a18d73}.leader-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #e6ddd0;font-size:11px}.leader-row:last-child{border-bottom:0}.rank{width:16px;color:#b7a78e;font:10px var(--pixel)}.leader-row:first-child .rank{color:#b18034}.avatar{display:grid;place-items:center;width:28px;height:28px;background:#e7ddd0;color:#9c793f;font:9px var(--pixel);border-radius:4px}.player{flex:1}.points{font-family:'Space Grotesk',sans-serif;color:#976c26}.points small{color:#b5a184;font:9px var(--font)}.bank{padding:28px}.bank .section-row{margin-bottom:25px}.bank .question-row{padding:20px 0}.bank .q-copy strong{font-size:14px}.bank .empty-questions{min-height:280px}.bank .empty-questions strong{font-size:18px}.bank .empty-questions p{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:29px;font:8px var(--pixel);color:#a89b87}footer span{font:10px var(--font);color:#a09380}dialog{width:calc(100% - 32px);max-width:530px;background:#f6f2eb;color:var(--ink);border:1px solid #d8cbba;border-radius:10px;padding:27px;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#26241f99;backdrop-filter:blur(5px)}dialog .section-row{margin-bottom:25px}textarea{resize:vertical;min-height:95px}.edit-option{display:flex;align-items:center;gap:10px;margin:10px 0}.edit-option input[type=radio]{accent-color:#c38a36}.edit-option label{font:11px var(--pixel);color:#8f795a}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{display:none;position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);z-index:10;background:#2d2b28;color:#f4d5a5;border:1px solid #8b724e;box-shadow:0 7px 25px #0003;padding:13px 22px;border-radius:6px;font-size:12px}.stage:fullscreen .stage-content{padding:6vh 10vw;display:flex;justify-content:center;border:0;border-radius:0}.stage:fullscreen .stage-content h2{font-size:clamp(32px,5vw,70px);max-width:none}.stage:fullscreen .stage-content .option{font-size:26px;min-height:100px}.stage:fullscreen .stage-content .option b{font-size:24px}.stage:fullscreen .stage-content .stage-instruction{font-size:20px}.stage:fullscreen .stage-content #timer{font-size:44px}
@media(min-width:1500px){.main{padding:0 30px}.sidebar{padding-left:max(36px,calc((100vw - 1284px)/2));padding-right:max(36px,calc((100vw - 1284px)/2))}}@media(max-width:1150px){.sidebar{gap:30px;padding:0 25px}.studio-tag{display:none}.main{padding:0 25px}.connect{flex-wrap:wrap;gap:12px}.connect-copy{flex:1}.connect form{margin-left:0}.connect-copy p{max-width:280px}.status{margin-left:auto}.studio-grid{grid-template-columns:minmax(300px,.9fr) minmax(340px,1.1fr);gap:20px}.stage,.quiz-panel{padding:22px}.stage-content{padding:23px}.stage-content h2{font-size:29px}.stage-content.is-empty h2{font-size:31px}.option{padding:10px;gap:8px;font-size:11px}.bottom-grid{gap:20px}.connect form .channel{max-width:220px}}@media(max-width:850px){.sidebar{height:78px;gap:35px}.nav-group{gap:22px}.nav span{font-size:11px}.beta{display:none}.studio-grid{grid-template-columns:1fr}.quiz-panel{padding:26px}.stage{min-height:520px}.connect form{width:100%;padding-left:55px;order:3}.connect form .channel{max-width:none;flex:1}.channel input{width:100%}.connect form .primary{min-width:150px}.bottom-grid{grid-template-columns:1fr 1fr}.stage-content{min-height:380px}.stage-content.is-empty h2{max-width:380px}.stage-content.is-empty .stage-instruction{margin-bottom:48px}h1{font-size:38px}.chat-panel,.leaders-panel{padding:20px}.empty-chat p{max-width:220px}}@media(max-width:600px){.sidebar{height:auto;min-height:115px;flex-wrap:wrap;gap:17px;padding:18px 18px 0}.brand{width:100%;font-size:21px}.logo{width:30px;height:30px;font-size:15px}.beta{display:inline;font-size:7px;margin-top:5px}.nav-group{width:100%;height:43px;justify-content:space-between;gap:10px}.nav{gap:6px;font-size:16px}.nav span{font-size:11px}.main{padding:0 17px}header{padding-top:18px}main{padding-top:28px}.heading{margin-bottom:24px}h1{font-size:32px;letter-spacing:-1.7px;max-width:320px}.heading p{font-size:12px;line-height:1.7;max-width:310px}.eyebrow{font-size:8px}.connect{padding:16px;gap:10px}.connect-icon{width:33px;height:33px;font-size:21px}.connect-copy h3{font-size:12px}.connect-copy p{font-size:10px;max-width:220px}.connect form{padding:0;gap:8px}.channel{padding:10px 8px;font-size:11px;width:130px}.connect form .primary{min-width:0;font-size:10px;padding:11px}.status{font-size:9px}.quiz-panel,.stage{padding:20px}.panel-top{margin-bottom:23px}.settings{gap:10px}.input{padding:11px 9px}.stage-content{padding:21px 18px}.stage .stage-title{font-size:18px}.stage .text-btn{font-size:9px;padding:8px}.stage-content.is-empty h2{font-size:29px}.stage-content h2{font-size:26px}.options{gap:8px}.option{padding:10px 8px;font-size:11px}.option b{padding:5px;font-size:9px}.round-controls{flex-wrap:wrap}.round-controls>span{width:100%}.bottom-grid{grid-template-columns:1fr;gap:18px}.bank{padding:20px}.bank .section-row{align-items:start}.bank .section-row h2{font-size:21px}.bank .primary{font-size:10px;padding:10px}.bank .q-copy strong{font-size:12px}footer{align-items:start;line-height:1.7;font-size:7px}footer span{font-size:9px;max-width:100px;text-align:right}}
/* Low-light charcoal palette. */
:root{color-scheme:dark;--bg:#111316;--panel:#1b1e23;--ink:#d7d5d0;--muted:#a09d97;--line:#30343a;--accent:#bd945c;--dark:#1e2126}
.sidebar{background:#17191d}.logo{background:#24272c;color:#caa470;box-shadow:3px 3px 0 #080a0d}.logo>span{color:#c8c6c0}.beta,.studio-tag{color:#9b968c}.nav{color:#a19d96}.nav b{background:#2d3036;color:#b2ada3}.nav.active{color:#d8d1c4;border-color:#b7925f}.nav.active b{background:#685238;color:#e8d4b5}.studio-tag i{background:#b7925f}header{color:#aaa49a}.breadcrumb{color:#8e8980}.slash{color:#5a5854}.subtle{border-color:#3b3d40;color:#b4aca0}.subtle:hover{background:#292b2f}.eyebrow{color:#ae9676}.connect-icon{background:#302b37;color:#b1a0c6;border-color:#494050}.channel,.input{background:#14161a;border-color:#393b40;color:var(--ink)}.channel span{color:#9b9184}.primary{background:#b99463;color:#211c15;border-color:#bfa079;box-shadow:0 2px 0 #665037}.primary:hover{background:#c5a477}.primary:active{box-shadow:0 1px 0 #665037}.status{color:#a0998e}.status i{background:#6f6b64}.status.connected{color:#ccaa77}.status.connected i{background:#b99463}.setup-badge{border-color:#45413b;color:#aa9880}.field-label{color:#b0a79a}.input::placeholder{color:#8b8379}.rule{border-color:#353538}.rule>span{color:#ac9270}.rule p{color:#a39a8d}.count{background:#38332c;color:#c1af94}.text-btn{color:#c4a071}.empty-questions{background:#17191d;border-color:#474139}.empty-symbol{background:#302b24;border-color:#514536;color:#b99b72}.empty-questions p{color:#a59784}.question-row{border-color:#363536}.q-num{background:#342d23;color:#c2a67e}.q-copy span{color:#a79a89}.icon-btn{color:#b0a18b}.fine{color:#958b7e}.stage{box-shadow:0 12px 25px #0002;color:#dbd5cb}.stage-content{background-color:#14161a;border-color:#3f3c37;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px)}.stage-content:before{background:#ad8753}.stage .text-btn{color:#c2b299}.live-label{color:#baa17e}.live-label i{background:#b99463;box-shadow:none}#timer{color:#c8a574}#timerBar{background:#b99463}.option{background:#222428;border-color:#42403b;color:#d2c8b8}.option b{background:#332f29;color:#bfa989}.option.correct{background:#3d3223;border-color:#bb955f}.option.correct b{background:#bb955f;border-color:#bb955f;color:#211c15}.stage-instruction{color:#a19789}.stage-footer{color:#a59783}.round-controls>span{color:#b0a18b}.secondary{background:#302d28;border-color:#50483c;color:#c6b396}.muted{color:#a59a8c}.live-dot{background:#8c7c66}.empty-chat{color:#9d8d77}.empty-chat strong{color:#b4a28b}.empty-chat p{color:#a0917e}.chat-message{border-color:#363333}.chat-message strong{color:#c4a16e}.chat-message .accepted{color:#c4a16e}.empty-leaders{color:#a9906a}.empty-leaders p{color:#ae9a7f}.leader-row{border-color:#39352e}.rank{color:#ad997b}.leader-row:first-child .rank{color:#c2a06c}.avatar{background:#393126;color:#c7aa80}.points{color:#c7a577}.points small{color:#a39074}footer{color:#988c79}footer span{color:#988c79}dialog{background:#1c1e22;color:var(--ink);border-color:#4b4236}dialog::backdrop{background:#080a0dc9}.edit-option label{color:#bea584}.edit-option input[type=radio]{accent-color:#b99463}#toast{background:#302a22;color:#dcc6a6;border-color:#7f694b}

.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#29241d;border:1px solid #655035;border-radius:7px;padding:16px 20px;margin-bottom:15px}.demo-banner strong{color:#d5b88e;font-size:12px;font-weight:600}.demo-banner p{font-size:11px;color:#b3a18a;line-height:1.5;margin:5px 0 0}.demo-banner .secondary{flex-shrink:0;border-color:#96774b;color:#e0c49b;background:#3b3023}.subtle.demo-active{border-color:#96774b;color:#dfbe8d;background:#322a20}@media(max-width:600px){.demo-banner{padding:14px;gap:12px}.demo-banner p{font-size:10px}.demo-banner .secondary{padding:9px;font-size:10px}}

.answer-mode{margin-top:21px}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#14161a;border:1px solid #393b40;border-radius:6px}.mode-toggle button{padding:11px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#a59a8c;font-size:11px;font-weight:600}.mode-toggle button[aria-pressed="true"]{background:#3a3023;border-color:#826844;color:#e0c49a}.mode-toggle button:hover:not(:disabled){color:#e0c49a}.guess-feedback{font-size:9px;color:#a69781;margin-left:auto;white-space:nowrap}

.answer-editor-block{padding:9px 0 16px;border-bottom:1px solid #393b40}.answer-editor-block .edit-option{margin:3px 0 10px}.alias-label{display:block;font-size:10px;color:#b5a38a;margin:0 0 7px 34px}.alias-input{width:calc(100% - 34px);margin-left:34px;font-size:11px}dialog{max-height:90vh;overflow-y:auto}.mode-toggle button{white-space:normal;line-height:1.4}.connect form{flex-wrap:wrap}.connect form .primary{min-width:0}@media(max-width:600px){.nav-group{gap:6px}.nav span{font-size:10px}.nav b{font-size:8px}.stage .stage-title{font-size:17px}.start{gap:10px}.start span{white-space:normal;text-align:right}.stage-footer{flex-wrap:wrap}.chat-message{flex-wrap:wrap}}