@import "https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap";:root{--bg:#0d0d1a;--surface:#161628;--surface-2:#1e1e36;--border:#2a2a48;--primary:#2563eb;--primary-h:#1d4ed8;--accent:#06b6d4;--text:#e2e8f0;--text-muted:#7c85a2;--success:#10b981;--error:#ef4444;--radius:8px;--radius-lg:16px;--font-body:system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}button,input,select,textarea{font-family:inherit}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;line-height:1;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-h)}.btn-large{border-radius:var(--radius-lg);padding:16px 48px;font-size:17px}.btn-full{width:100%}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--text-muted)}.btn-danger{color:var(--error);border:1.5px solid var(--error);background:#ef44441f}.btn-danger:hover:not(:disabled){background:#ef444438}input[type=text],input[type=file]{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:15px;transition:border-color .15s}input[type=text]:focus{border-color:var(--primary)}input::placeholder{color:var(--text-muted)}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.form-group{margin-bottom:20px}.error-msg{color:var(--error);margin-top:8px;font-size:13px}.page{flex-direction:column;align-items:center;min-height:100vh;padding:44px 20px 40px;display:flex}.logo{letter-spacing:.08em;color:var(--primary);margin-bottom:40px;font-size:17px;font-weight:800}.create-card{width:100%;max-width:700px}.create-card h1{margin-bottom:28px;font-size:26px;font-weight:700}.tsv-hint{color:var(--text-muted);margin-top:6px;font-size:12px;font-style:italic}.preview-label{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:12px;font-weight:600}.preview-wrap{border:1px solid var(--border);border-radius:var(--radius);max-height:260px;margin-bottom:24px;overflow-y:auto}.preview-table{border-collapse:collapse;width:100%;font-size:13px}.preview-table th{background:var(--surface-2);color:var(--text-muted);text-align:left;padding:8px 12px;font-weight:600;position:sticky;top:0}.preview-table td{border-top:1px solid var(--border);vertical-align:top;padding:8px 12px}.preview-table tr:nth-child(2n) td{background:#ffffff04}.preview-table .col-q{max-width:280px}.preview-table .col-a{color:var(--text-muted);font-style:italic}.master-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.master-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 36px;display:grid}.master-header .logo{text-align:center;margin:0;font-size:26px}.master-header .code-badge{justify-self:end}.code-badge{flex-direction:column;align-items:flex-end;display:flex}.code-badge-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10px;line-height:1}.code-badge-value{letter-spacing:.1em;color:var(--text);font-family:monospace;font-size:22px;font-weight:800;line-height:1.2}.master-main{flex:1;padding:36px;overflow-y:auto}.section-title{align-items:center;gap:12px;margin-bottom:24px;font-size:18px;font-weight:700;display:flex}.count-pill{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600}.player-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.player-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:9px;padding:12px 16px;font-size:15px;font-weight:500;animation:.2s fadeIn;display:flex}.dot{background:var(--success);border-radius:50%;flex-shrink:0;width:8px;height:8px}.empty-hint{color:var(--text-muted);text-align:center;padding:48px 0;font-size:15px}.master-footer{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;padding:22px 36px;display:flex}.join-card{width:100%;max-width:360px}.join-card h1{margin-bottom:28px;font-size:24px;font-weight:700}.join-footer{color:var(--text-muted);text-align:center;margin-top:28px;font-size:13px}.join-footer a{color:var(--primary);font-weight:600;text-decoration:none}.join-footer a:hover{text-decoration:underline}.player-lobby-page{padding-top:52px}.game-pill{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;margin-bottom:36px;padding:5px 14px;font-family:monospace;font-size:11px;font-weight:700}.greeting{text-align:center;margin-bottom:32px;font-size:22px;font-weight:700}.lobby-card{width:100%;max-width:360px;margin-bottom:36px}.lobby-card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:12px;font-weight:700}.mobile-player-list{flex-direction:column;gap:12px;list-style:none;display:flex}.mobile-player-item{align-items:center;gap:10px;font-size:16px;font-weight:500;animation:.2s fadeIn;display:flex}.mobile-player-item.is-me{color:var(--accent)}.you-badge{color:var(--accent);background:#06b6d41f;border-radius:10px;margin-left:2px;padding:2px 8px;font-size:11px;font-weight:600}.waiting-row{color:var(--text-muted);align-items:center;gap:10px;font-size:14px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.pulse-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse}.question-board{grid-template-columns:repeat(4,1fr);grid-auto-flow:column;gap:10px;display:grid}.question-btn{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-lg);color:var(--text);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:20px 14px;transition:background .15s,border-color .15s,transform .1s;display:flex}.question-btn:hover:not(:disabled){filter:brightness(1.25);transform:translateY(-2px)}.question-btn:active:not(:disabled){transform:scale(.97)}.question-btn.asked,.question-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.q-difficulty{text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;font-size:11px;font-weight:600}.q-subject{color:#fff;font-size:20px;font-weight:700}.color-swatch{vertical-align:middle;border:1px solid #ffffff26;border-radius:4px;width:20px;height:20px;display:inline-block}.active-panel{max-width:840px;margin:0 auto}.q-meta-row{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.meta-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}.timer-track{background:var(--surface-2);border-radius:3px;height:6px;margin-bottom:28px;overflow:hidden}.timer-fill{border-radius:3px;height:100%;transition:width .25s linear}.active-prompt{margin-bottom:28px;font-size:30px;font-weight:700;line-height:1.3}.answered-count{color:var(--text-muted);font-size:15px}.results-panel{max-width:960px;margin:0 auto}.results-grid{grid-template-columns:1fr 260px;align-items:start;gap:32px;display:grid}.results-stats-col{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:20px;display:flex}.stat-block{flex-direction:column;gap:6px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.stat-value{color:var(--text);font-size:18px;font-weight:700;line-height:1.3}.stat-sub{color:var(--text-muted);font-size:13px;font-weight:400}.stat-none{color:var(--text-muted);font-size:14px;font-style:italic;font-weight:500}.wrong-answer-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wrong-answer-item{border-radius:var(--radius);background:#ef444414;border:1px solid #ef444440;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.wrong-answer-text{color:var(--text);word-break:break-word;flex:1;font-size:13px;font-weight:500}.wrong-answer-pct{color:var(--error);flex-shrink:0;margin-left:8px;font-size:12px;font-weight:700}.results-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:13px;font-weight:700}.correct-answer-big{color:var(--success);text-align:center;border:2px solid var(--success);border-radius:var(--radius-lg);word-break:break-word;background:#10b98114;margin-bottom:32px;padding:28px 20px;font-size:38px;font-weight:800;line-height:1.2}.answer-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.answer-chip{border:1px solid var(--success);color:var(--success);background:#10b9811f;border-radius:20px;padding:5px 16px;font-size:14px;font-weight:500}.leaderboard{flex-direction:column;gap:8px;display:flex}.lb-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:13px 16px;display:flex}.lb-medal{text-align:center;flex-shrink:0;width:32px;font-size:22px}.lb-name{flex:1;font-size:16px;font-weight:600}.lb-name.is-me{color:var(--accent)}.lb-score{color:var(--text-muted);font-size:14px;font-weight:600}.player-idle-page{text-align:center;justify-content:center;gap:16px}.idle-icon{font-size:56px}.idle-text{color:var(--text-muted);font-size:18px;line-height:1.6}.player-answer-page{gap:0}.answer-card{width:100%;max-width:400px;margin-top:8px}.answer-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.countdown{color:var(--text-muted);margin-left:auto;font-family:monospace;font-size:16px;font-weight:700}.countdown.urgent{color:var(--error)}.answer-prompt{font-size:20px;font-weight:600;line-height:1.4}.player-result-page{gap:20px}.player-final-placement{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px;display:flex}.final-placement-icon{font-size:80px;line-height:1}.final-score{color:var(--text);margin-top:8px;font-size:40px;font-weight:800;line-height:1.1}.final-name{color:var(--text-muted);margin-top:4px;font-size:16px}.new-game-link{color:var(--text-muted);border-radius:var(--radius);padding:6px 12px;font-size:13px;text-decoration:none;transition:color .15s}.new-game-link:hover{color:var(--primary)}.result-verdict{border-radius:var(--radius-lg);border:2px solid;align-items:center;gap:14px;margin-bottom:4px;padding:18px 32px;display:flex}.result-verdict.correct{border-color:var(--success);background:#10b98114}.result-verdict.reviewed{background:#f59e0b14;border-color:#f59e0b}.result-verdict.incorrect{border-color:var(--error);background:#ef444414}.verdict-icon{font-size:28px;font-weight:900}.result-verdict.correct .verdict-icon{color:var(--success)}.result-verdict.reviewed .verdict-icon{color:#f59e0b}.result-verdict.incorrect .verdict-icon{color:var(--error)}.verdict-label{font-size:22px;font-weight:700}.result-verdict.correct .verdict-label{color:var(--success)}.result-verdict.reviewed .verdict-label{color:#f59e0b}.result-verdict.incorrect .verdict-label{color:var(--error)}.result-score-row{align-items:center;gap:16px;display:flex}.pts-earned{color:var(--success);background:#10b9811f;border-radius:20px;padding:6px 18px;font-size:20px;font-weight:800}.total-score{color:var(--text-muted);font-size:15px}.result-answers-card{width:100%;max-width:360px}.modal-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:480px;max-height:80vh;padding:28px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:20px;font-weight:700}.notification-stack{z-index:90;flex-direction:column;gap:10px;width:340px;display:flex;position:fixed;bottom:90px;right:20px}.review-notification{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;animation:.2s slideIn;box-shadow:0 4px 24px #00000080}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.review-notification-text{margin-bottom:12px;font-size:14px;line-height:1.5}.review-notification-text em{color:var(--accent);font-style:normal;font-weight:600}.review-notification-actions{justify-content:flex-end;gap:8px;display:flex}.btn-icon{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;transition:background .15s,transform .1s;display:flex}.btn-icon:active{transform:scale(.93)}.btn-icon-accept{color:var(--success);background:#10b98126}.btn-icon-accept:hover{background:#10b9814d}.btn-icon-half{color:#f59e0b;background:#f59e0b26}.btn-icon-half:hover{background:#f59e0b4d}.btn-icon-reject{color:var(--error);background:#ef444426}.btn-icon-reject:hover{background:#ef44444d}.review-request-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:360px;padding:16px}.review-request-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;text-decoration:underline;transition:color .15s}.review-request-btn:hover{color:var(--text)}.review-status{color:var(--text-muted);font-size:14px}.review-status.approved{color:var(--success)}.review-status.denied{color:var(--error)}.join-code-display{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:48px;display:flex}.join-code-display-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:12px;font-weight:700}.join-code-display-value{letter-spacing:.15em;color:var(--text);font-family:monospace;font-size:52px;font-weight:900;line-height:1}.join-code-display-hint{color:var(--text-muted);margin-top:4px;font-size:14px}.timer-row{align-items:center;gap:10px;margin-bottom:28px;display:flex}.timer-row .timer-track{flex:1;margin-bottom:0}.timer-ctrl-btn{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.timer-ctrl-btn:hover{color:var(--text);border-color:var(--text-muted);background:var(--surface)}.timer-ctrl-btn:active{transform:scale(.95)}.timer-ctrl-btn.paused{color:var(--accent);border-color:var(--accent)}.timer-ctrl-btn.danger{color:var(--error);border-color:var(--error)}.timer-ctrl-btn.danger:hover{color:var(--error);border-color:var(--error);background:#ef44441a}.theme-options{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.theme-radio{display:none}.theme-label{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface-2);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s;display:flex}.theme-label:hover{border-color:var(--primary)}.theme-radio:checked+.theme-label{border-color:var(--primary);color:var(--primary);background:#7c3aed1a}[data-theme=classroom] .theme-radio:checked+.theme-label{background:#f5d44226}[data-theme=light]{--bg:#f1f5f9;--surface:#fff;--surface-2:#e8eef5;--border:#cbd5e1;--primary:#2563eb;--primary-h:#1d4ed8;--accent:#0891b2;--text:#0f172a;--text-muted:#64748b;--success:#059669;--error:#dc2626}[data-theme=light] .correct-answer-big,[data-theme=light] .answer-chip{background:#0596691a}[data-theme=light] .review-notification{background:var(--surface);border-color:var(--border)}[data-theme=classroom]{--bg:#1e3a1a;--surface:#274d22;--surface-2:#30602a;--border:#467840;--primary:#f5d442;--primary-h:#deba28;--accent:#ff8c42;--text:#eeeade;--text-muted:#a8c09a;--success:#7ecf7e;--error:#ff7070;--radius:4px;--radius-lg:8px;--font-body:"Architects Daughter", "Chalkboard SE", "Bradley Hand", cursive}[data-theme=classroom] .btn-primary{color:#1a3a10}[data-theme=classroom] .btn-ghost{border-color:var(--border);color:var(--text-muted)}[data-theme=classroom] .logo{color:var(--primary)}[data-theme=classroom] .answer-chip{border-color:var(--success);color:var(--success);background:#7ecf7e26}[data-theme=classroom] .question-btn{border-width:2px;border-color:#fffc!important}[data-theme=classroom] .answer-prompt,[data-theme=classroom] .active-prompt{font-weight:100}[data-theme=classroom] input[type=text]{border-color:var(--border);background:#00000040}[data-theme=classroom] input[type=text]:focus{border-color:var(--primary)}