:root{--ink:#102033;--muted:#718094;--paper:#f6f7f5;--line:#dfe4e5;--coral:#ee6f61;--coral-dark:#d9574d;--mint:#d5eee6;--yellow:#f5db84;--navy:#142536;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.app-shell{max-width:1440px;margin:auto;min-height:100vh;padding:0 5vw;position:relative}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:var(--coral);border-radius:50%;color:white;font-size:17px}.topbar-status{font:500 11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yellow);margin-right:7px}.status-dot.online{background:#51b889;box-shadow:0 0 0 4px #51b88922}.topbar-actions{display:flex;align-items:center;gap:20px}.icon-button{border:0;background:none;font-size:22px;color:var(--muted);position:relative}.notification-dot{position:absolute;width:5px;height:5px;background:var(--coral);border-radius:50%;right:1px;top:2px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.avatar-coral{background:#f4b2a7;color:#7b2f27}.view{display:none;padding:66px 0 74px}.view.active{display:block}.hero-grid{display:grid;grid-template-columns:1fr 1fr;min-height:300px;align-items:center}.eyebrow{font:500 11px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted);margin:0 0 22px}.hero-copy h1,.game-top h1,.end-intro h1{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.07em;margin:0 0 24px;font-weight:800}.hero-copy h1 em,.game-top h1 em,.end-intro h1 em{color:var(--coral);font-style:normal}.lede{font-size:16px;line-height:1.7;color:var(--muted);max-width:465px;margin:0}.hero-meta{display:flex;gap:24px;margin-top:31px;color:var(--ink);font:500 11px 'DM Mono',monospace}.hero-orbit{height:290px;position:relative;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #cbd6d8;border-radius:50%;transform:rotate(-22deg)}.ring-one{width:240px;height:165px}.ring-two{width:310px;height:210px;transform:rotate(35deg)}.orbit-core{height:112px;width:112px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:43px;color:#397d6a;box-shadow:0 14px 45px #b7dad044}.orbit-label{position:absolute;font:500 11px 'DM Mono',monospace;color:var(--muted);background:var(--paper);padding:5px 9px}.label-a{top:23px;right:20%}.label-b{bottom:28px;left:17%}.label-c{right:10%;bottom:66px}.lobby-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.panel{background:var(--white);border:1px solid var(--line);border-radius:5px}.setup-panel,.players-panel{padding:29px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.panel-heading>div{display:flex;gap:15px;align-items:flex-start}.step{font:500 10px 'DM Mono',monospace;color:var(--coral);padding-top:4px}.panel h2{font-size:16px;letter-spacing:-.03em;margin:0}.live-pill{font:500 10px 'DM Mono',monospace;color:#429778}.field-group{margin-bottom:26px}.field-group label{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);display:block;margin-bottom:11px}.tag-selector{display:flex;flex-wrap:wrap;gap:8px}.tag{border:1px solid var(--line);background:white;padding:9px 12px;border-radius:20px;color:var(--muted);font:500 11px Manrope;cursor:pointer}.tag.selected{background:var(--navy);color:white;border-color:var(--navy)}.tag span{margin-left:7px;opacity:.6}.add-tag{border-style:dashed}.tone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tone{padding:13px 12px;text-align:left;background:var(--paper);border:1px solid transparent;border-radius:4px;cursor:pointer;color:var(--ink)}.tone.selected{border-color:var(--coral);background:#fff8f6}.tone span{display:block;font-size:19px;color:var(--coral);margin-bottom:10px}.tone strong,.tone small{display:block}.tone strong{font-size:12px}.tone small{color:var(--muted);font-size:10px;margin-top:3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-row .field-group{margin:0}select{width:100%;background:white;border:1px solid var(--line);padding:12px 10px;color:var(--ink);font:500 11px Manrope}.primary-button{border:0;background:var(--coral);color:white;padding:15px 18px;font:700 12px Manrope;cursor:pointer;border-radius:3px;margin-top:28px}.primary-button:hover{background:var(--coral-dark)}.primary-button span{float:right;font-size:18px;line-height:10px}.full{width:100%}.text-button,.ghost-button{border:0;background:none;color:var(--coral);font:700 11px Manrope;cursor:pointer}.players-panel{position:relative}.players-list{display:grid;gap:17px;margin-bottom:26px}.player-row{display:flex;align-items:center;gap:11px}.player-row .avatar{width:32px;height:32px}.player-name{font-size:12px;font-weight:700}.player-state{margin-left:auto;font:500 10px 'DM Mono',monospace;color:#62aa8c}.player-state.waiting{color:var(--muted)}.join-code{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;gap:13px}.join-code span{font:500 10px 'DM Mono',monospace;color:var(--muted)}.join-code strong{font:700 18px 'DM Mono',monospace;letter-spacing:.1em}.copy-button{margin-left:auto;border:0;background:var(--mint);color:#397d6a;border-radius:3px;padding:6px 9px;font:500 10px 'DM Mono',monospace;cursor:pointer}.ai-note{display:flex;gap:10px;align-items:flex-start;background:#fff8e7;margin-top:23px;padding:14px}.ai-spark{color:#d2a72d}.ai-note p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.ai-note strong{color:var(--ink)}.footer{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;color:#9da8ad;font:500 10px 'DM Mono',monospace}.footer a{color:var(--ink);text-decoration:none}.game-view{padding-top:45px}.game-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.game-top h1{font-size:53px;margin-bottom:0}.game-top-actions{display:flex;align-items:center;gap:22px}.timer-ring{height:58px;width:58px;border:4px solid var(--coral);border-radius:50%;display:grid;place-items:center;line-height:.8}.timer-ring span{font-weight:800;font-size:17px}.timer-ring small{font:500 8px 'DM Mono',monospace;color:var(--muted)}.game-layout{display:grid;grid-template-columns:1fr 320px;gap:22px}.question-area{min-width:0}.question-meta{display:flex;align-items:center;gap:15px;font:500 10px 'DM Mono',monospace;color:var(--muted);margin-bottom:14px}.question-type{color:var(--coral);border:1px solid #f0beb7;padding:5px 8px}.dont-know{margin-left:auto;color:var(--muted);border:0;background:none;font:500 10px Manrope;cursor:pointer;text-decoration:underline}.question-card{background:var(--navy);color:white;padding:43px 48px 38px;border-radius:5px;min-height:370px}.question-number{font:500 10px 'DM Mono',monospace;color:#aab9bf;letter-spacing:.1em}.question-number span{color:var(--coral);margin-left:5px}.question-card h2{font-size:clamp(24px,3vw,38px);line-height:1.16;letter-spacing:-.055em;max-width:720px;margin:25px 0 31px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-button{border:1px solid #52616a;background:#1e3444;color:white;padding:15px;text-align:left;border-radius:3px;cursor:pointer;display:flex;gap:11px;align-items:center;font:500 12px Manrope;transition:.2s}.answer-button:hover{border-color:#f3a49b;background:#284254}.answer-key{font:500 11px 'DM Mono',monospace;color:var(--coral);width:20px}.answer-button.correct{background:#29755f;border-color:#85d4b7}.answer-button.wrong{background:#7b3936;border-color:#f0a39c}.answer-button:disabled{cursor:default}.answer-feedback{min-height:20px;margin-top:17px;font-size:12px;color:#b6dad0}.question-footer{display:flex;align-items:center;gap:25px;margin-top:22px}.streak{display:flex;gap:10px;align-items:center;min-width:210px}.streak>span{font-size:22px;color:#d6b23e}.streak strong,.streak small{display:block}.streak strong{font-size:11px}.streak small{font-size:10px;color:var(--muted);margin-top:3px}.progress-bar{height:3px;background:#e3e5e3;flex:1}.progress-bar span{display:block;width:10%;height:100%;background:var(--coral);transition:width .3s}.game-sidebar{display:grid;gap:14px;align-content:start}.mini-score,.gm-chat,.report-card{padding:20px}.sidebar-title{font:500 10px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:17px}.pulse{color:#62aa8c}.score-entry{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #edf0ef}.score-entry:first-child{border-top:0;padding-top:0}.score-entry .avatar{width:25px;height:25px;font-size:8px}.score-entry strong{font-size:11px}.score-entry b{margin-left:auto;font:700 12px 'DM Mono',monospace}.score-entry.you b{color:var(--coral)}.ai-badge{color:var(--coral)}.chat-messages{height:142px;overflow:auto;display:flex;flex-direction:column;gap:11px}.chat-bubble{font-size:11px;line-height:1.45;color:var(--muted);background:var(--paper);padding:9px 11px;border-radius:4px 4px 4px 0}.chat-bubble.you{align-self:flex-end;background:#fff0ed;color:#9a5047;border-radius:4px 4px 0 4px}.chat-bubble strong{font-size:10px;display:block;color:var(--ink);margin-bottom:3px}.chat-input{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:5px}.chat-input input{border:0;outline:0;width:100%;font:11px Manrope}.chat-input button{border:0;background:none;color:var(--coral);font-size:18px}.report-card{display:flex;align-items:center;gap:10px;background:#fff8e7;border-color:#f4e7bd}.report-icon{color:#bd982a;font-size:19px}.report-card strong,.report-card small{display:block}.report-card strong{font-size:10px}.report-card small{color:var(--muted);font-size:9px;line-height:1.3;margin-top:3px}.report-card button{margin-left:auto;border:1px solid #dfbd56;background:none;color:#9a7920;border-radius:3px;padding:7px 8px;font:500 10px 'DM Mono';cursor:pointer}.end-view{max-width:960px;margin:auto}.end-intro{text-align:center;padding:24px 0 40px}.end-spark{font-size:28px;color:#d8b03b}.end-intro .eyebrow{margin:18px 0 15px}.end-intro h1{font-size:58px}.end-intro p:last-child{color:var(--muted);font-size:13px}.end-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.final-score,.next-theme{padding:28px}.rank-badge{background:var(--mint);color:#397d6a;padding:6px 9px;font:700 12px 'DM Mono'}.final-entry{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:14px 0}.final-entry:first-child{border:0;padding-top:0}.final-entry .rank{font:500 10px 'DM Mono';color:var(--muted);width:20px}.final-entry strong{font-size:11px}.final-entry b{margin-left:auto;font:700 12px 'DM Mono'}.final-entry.you b{color:var(--coral)}.personal-stat{margin-top:22px;background:var(--navy);color:white;padding:20px}.personal-stat span,.personal-stat small{display:block;font:500 9px 'DM Mono';color:#9fb1b7}.personal-stat strong{display:block;font-size:29px;margin:5px 0}.next-theme>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 20px}.recommendations{display:grid;gap:9px}.recommendation{border:1px solid var(--line);background:white;padding:13px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.recommendation.selected{border-color:var(--coral);background:#fff8f6}.recommendation span{font-size:20px}.recommendation strong,.recommendation small{display:block}.recommendation strong{font-size:11px}.recommendation small{font-size:10px;color:var(--muted);margin-top:3px}.recommendation .vote{margin-left:auto;font:500 10px 'DM Mono';color:var(--coral)}@media(max-width:900px){.hero-grid,.lobby-layout,.game-layout,.end-grid{grid-template-columns:1fr}.hero-orbit{display:none}.game-sidebar{grid-template-columns:1fr 1fr}.report-card{grid-column:1/-1}.game-top h1{font-size:40px}}@media(max-width:600px){.app-shell{padding:0 20px}.topbar{height:72px}.topbar-status{display:none}.view{padding:38px 0}.hero-copy h1{font-size:50px}.hero-meta{gap:12px;flex-wrap:wrap;font-size:9px}.setup-panel,.players-panel,.final-score,.next-theme{padding:21px}.tone-grid{grid-template-columns:1fr}.field-row,.answers{grid-template-columns:1fr}.game-top{align-items:flex-start}.game-top-actions{gap:10px}.timer-ring{height:46px;width:46px}.question-card{padding:28px 22px}.game-sidebar{grid-template-columns:1fr}.footer{font-size:8px;gap:10px;flex-direction:column}.end-intro h1{font-size:50px}}
.modal-backdrop{position:fixed;inset:0;background:#10203388;display:grid;place-items:center;padding:20px;z-index:10}.modal-backdrop[hidden]{display:none}.settings-modal{width:min(560px,100%);background:var(--white);border-radius:6px;padding:30px;box-shadow:0 22px 80px #10203333}.modal-header{display:flex;justify-content:space-between;align-items:flex-start}.modal-header .eyebrow{margin-bottom:10px}.modal-header h2{font-size:22px;letter-spacing:-.05em;margin:0}.modal-close{border:0;background:none;font-size:28px;line-height:20px;color:var(--muted);cursor:pointer}.worker-status{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:25px;padding:15px 0;font-size:12px}.worker-status .status-dot{background:var(--yellow)}.worker-status .status-dot.online{background:#51b889}.worker-toggle{margin-left:auto;border:1px solid var(--line);background:white;color:var(--coral);padding:7px 10px;border-radius:3px;font:500 10px 'DM Mono';cursor:pointer}.worker-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.worker-stats>div{background:var(--paper);padding:15px}.worker-stats span,.worker-stats small{display:block;font:500 9px 'DM Mono';color:var(--muted)}.worker-stats strong{display:block;font-size:24px;margin:8px 0 3px}.worker-explanation{display:flex;gap:10px;background:#fff8e7;padding:14px;margin-top:20px}.worker-explanation>span{color:#d2a72d}.worker-explanation p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.worker-explanation strong{color:var(--ink)}.worker-updated{font:500 9px 'DM Mono';color:var(--muted);margin:17px 0 0}@media(max-width:600px){.worker-stats{grid-template-columns:1fr}}
.worker-error{background:#fff0ed;border:1px solid #f0beb7;color:#9a4037;padding:11px 13px;font:500 10px 'DM Mono';line-height:1.45;margin:14px 0 0;white-space:pre-wrap}.worker-error[hidden]{display:none}
.error-log{border:1px solid var(--line);margin-top:14px}.error-log-heading{display:flex;justify-content:space-between;padding:11px 12px;border-bottom:1px solid var(--line);font:500 9px 'DM Mono';color:var(--muted)}.error-log-heading small{font-size:9px}.error-log-list{max-height:145px;overflow:auto}.error-entry{padding:10px 12px;border-bottom:1px solid #edf0ef;font:500 9px 'DM Mono';line-height:1.45;color:#9a4037}.error-entry:last-child{border-bottom:0}.error-entry time{display:block;color:var(--muted);margin-bottom:4px}.empty-log{padding:14px 12px;margin:0;font-size:10px;color:var(--muted)}
.copy-log{border:1px solid var(--line);background:var(--white);color:var(--coral);padding:5px 8px;margin-left:9px;border-radius:3px;cursor:pointer;font:500 9px 'DM Mono'}.copy-log:hover{background:#fff0ed}
.modal-backdrop{overflow-y:auto;overscroll-behavior:contain}.settings-modal{max-height:calc(100vh - 40px);overflow-y:auto;overscroll-behavior:contain}body.modal-open{overflow:hidden;position:fixed;width:100%;touch-action:none}
.auth-view{min-height:calc(100vh - 180px);display:grid!important;place-items:center;padding:35px 0}.auth-card{width:min(460px,100%);padding:35px}.auth-brand{display:flex;align-items:center;gap:10px}.auth-brand .eyebrow{margin:0}.auth-card h1{font-size:42px;line-height:1;letter-spacing:-.07em;margin:30px 0 15px}.auth-card h1 em{color:var(--coral);font-style:normal}.auth-copy{color:var(--muted);font-size:13px;line-height:1.6}.auth-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:27px 0 20px}.auth-tab{border:0;background:none;padding:0 0 11px;color:var(--muted);font:700 11px Manrope;cursor:pointer}.auth-tab.selected{color:var(--coral);border-bottom:2px solid var(--coral)}.auth-form{display:grid;gap:14px}.auth-form label{font:500 10px 'DM Mono';color:var(--muted);text-transform:uppercase}.auth-form input,.room-code-input input{display:block;width:100%;border:1px solid var(--line);padding:12px 10px;margin-top:7px;font:12px Manrope;color:var(--ink)}.auth-form .primary-button{margin-top:10px}.auth-error,.room-error{background:#fff0ed;border:1px solid #f0beb7;color:#9a4037;padding:10px;font:500 10px 'DM Mono';line-height:1.4}.auth-error[hidden],.room-error[hidden]{display:none}.signed-user{font-size:11px;font-weight:700;color:var(--muted)}.logout-button{font-size:10px}.room-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end;margin-top:28px}.room-actions .full{grid-column:1/-1;margin-top:0}.room-actions .primary-button{margin-top:0}.room-actions .primary-button:disabled{opacity:.45;cursor:not-allowed}.room-code-input{font:500 10px 'DM Mono';color:var(--muted);text-transform:uppercase}.room-code-input input{margin-top:6px}.room-error{margin-top:10px}@media(max-width:600px){.auth-card{padding:24px}.auth-card h1{font-size:36px}.signed-user{display:none}.room-actions{grid-template-columns:1fr}}
.settings-modal,.error-log,.error-log-heading,.error-entry{min-width:0}.error-log{overflow:hidden}.error-log-heading{gap:10px;flex-wrap:wrap}.error-log-heading>div{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;flex-wrap:wrap}.error-entry{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%}.error-entry time{overflow-wrap:anywhere;word-break:break-word}
.modal-backdrop{display:flex;align-items:center;justify-content:center;width:100%;max-width:100vw;overflow-x:hidden}.settings-modal{width:calc(100vw - 40px);max-width:560px;min-width:0;overflow-x:hidden}.worker-error{max-width:100%;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.worker-stats>div{min-width:0;overflow:hidden}.worker-stats strong{overflow-wrap:anywhere;word-break:break-word}
.empty-players{margin:0;padding:16px 0;color:var(--muted);font-size:11px;line-height:1.5}
.auth-view[hidden]{display:none!important}.test-mode-setting{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:12px;background:#f5f7f6;border:1px solid var(--line);font-size:11px;cursor:pointer}.test-mode-setting input{margin-top:2px;accent-color:var(--coral)}.test-mode-setting strong,.test-mode-setting small{display:block}.test-mode-setting small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.player-state.bot{color:#b38832}
.dont-know{display:block;width:100%;margin-top:20px;padding:13px 16px;background:#fff8e7;border:1px solid #e0bd55;border-radius:4px;color:#8f711d;font:700 12px Manrope;text-align:center;text-decoration:none}.dont-know:hover{background:#ffefbf}.ready-next-button{display:block;width:100%;margin-top:14px;padding:14px 16px;background:var(--mint);border:1px solid #9dd3c0;border-radius:4px;color:#28715e;font:700 12px Manrope;cursor:pointer}.ready-next-button:disabled{opacity:.65;cursor:wait}
.ready-countdown{margin-top:14px}.ready-countdown-label{display:block;margin-bottom:6px;color:var(--muted);font:500 10px 'DM Mono';}.ready-countdown-track{display:block;height:6px;background:#dfe8e6;border-radius:8px;overflow:hidden}.ready-countdown-fill{display:block;width:100%;height:100%;background:var(--yellow);transform-origin:left;transition:width .1s linear}
.answer-ready{border-left-color:#7b98d4}.answer-ready span{color:#536fa8}
.ready-dot{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:5px;border-radius:50%;background:#d5eee6;color:#28715e;font:700 11px Manrope;}
.app-version{margin-left:8px;color:var(--muted);font:500 10px 'DM Mono';}
.room-settings{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.room-settings-title{font:700 11px Manrope;margin:0 0 16px}.room-settings .field-row{margin-bottom:0}.room-settings-button{display:block;margin-top:12px;margin-left:auto}.room-settings-button:disabled{opacity:.45;cursor:not-allowed}
.room-settings input[type=number]{width:100%;background:white;border:1px solid var(--line);padding:12px 10px;color:var(--ink);font:500 11px Manrope}.room-duration-field{margin-top:16px;margin-bottom:0}.room-close-button{display:block;margin:10px 0 0 auto;color:#9a4037}.room-close-button:disabled{opacity:.45;cursor:not-allowed}
.setup-panel>.field-row>.field-group:nth-child(2){display:none}
.game-view{position:relative}.answer-events{position:fixed;right:24px;top:110px;z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.answer-event{min-width:145px;padding:10px 13px;background:white;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:5px;box-shadow:0 10px 30px #10203322;animation:answer-pop .3s ease-out,answer-fade .5s ease-in 3s forwards}.answer-event strong,.answer-event span,.answer-event small{display:block}.answer-event strong{font-size:10px;color:var(--ink)}.answer-event span{font:700 13px 'DM Mono';margin-top:3px}.answer-event small{font:500 9px 'DM Mono';color:var(--muted);margin-top:4px}.answer-good{border-left-color:#51b889}.answer-good span{color:#28715e}.answer-wrong{border-left-color:var(--coral)}.answer-wrong span{color:#a4433a}.answer-avoided{border-left-color:#d3aa37}.answer-avoided span{color:#8f711d}@keyframes answer-pop{from{opacity:0;transform:translateX(25px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes answer-fade{to{opacity:0;transform:translateX(25px)}}@media(max-width:600px){.answer-events{right:12px;top:82px}.answer-event{min-width:132px;padding:8px 10px}.answer-event span{font-size:11px}}