/* Mishkah's presenter workspace: Figma-inspired emerald, ivory and quiet gold. */
:root{
 --ink:#0e2923;--ink2:#245345;--ivory:#fcf9f2;--paper:#fffefa;
 --soft:#f0f1e9;--line:#e6e4da;--muted:#596d63;
 --gold:#957438;--gold-soft:#e9d9b5;--tv:#0e2923;--tv2:#183e33;
 --radius:18px;--sidebar:244px;--shadow:0 6px 24px #0e292307;
}
body{font-size:16px}
.app-shell .sidebar{padding:32px 18px 20px;background:#0e2923;border-inline-end:1px solid #25473c}
.app-shell .sidebar-brand{gap:14px;padding:0 12px 28px;margin:0 0 14px;border-bottom:1px solid #29473d}
.sidebar-brand .brand-mark{width:48px;height:54px;border:1px solid #8e885f;border-radius:50%;color:#e9d9b5}
.sidebar-brand .brand-mark svg{width:30px;height:40px}
.app-shell .sidebar-brand>span:last-child{font-size:38px;color:#efe2bf}
.app-shell .sidebar-brand small{font-size:12px;color:#b4c8be}
.app-shell .nav-label{font-size:11px;color:#91afa1;padding:0 14px;margin:18px 0 10px;letter-spacing:.02em}
.app-shell .sidebar nav a{min-height:50px;gap:14px;padding:12px 14px;border-radius:12px;margin-bottom:6px;color:#c4d7cc;font-size:14px}
.app-shell .sidebar nav a.active{background:#204d40;color:#fff6e2;box-shadow:inset -3px 0 #e9d9b5}
.app-shell .sidebar nav a.active svg{color:#e9d9b5}
.app-shell .sidebar nav a:hover{background:#1b4136;color:#fff6e2}
.app-shell .sidebar nav .mobile-about{display:none}
.app-shell .sidebar-brand>span:last-child,.app-shell .sidebar nav a>span,.app-shell .sidebar .active-profile>span{position:static;width:auto;height:auto;padding:0;margin:0;clip:auto;overflow:visible;white-space:normal;display:block}
.app-shell .sidebar-bottom{padding-top:24px}
.app-shell .sidebar-bottom>a{border-radius:10px;font-size:13px}
.app-shell .sidebar-bottom>.active-profile{background:#183c31;border:1px solid #2b4b3e;border-radius:12px;padding:16px 12px;margin-top:16px}
.sidebar-save{display:flex;align-items:center;justify-content:center;gap:6px;color:#a7bfb0;font-size:11px;margin-top:16px}
.sidebar-save svg{width:14px;height:14px}
.app-shell .workspace{padding:0 36px 24px}
.app-shell .main{max-width:1320px;padding-block:32px}
.workspace-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;border-bottom:1px solid var(--line);max-width:1320px;margin:auto}
.workspace-context{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.workspace-context>svg{color:var(--gold);width:18px;height:22px}
.workspace-context strong{color:var(--ink);font-weight:500}
.context-divider{color:#bbbbaa}
.workspace-profile{display:flex;align-items:center;gap:8px;max-width:40%;text-decoration:none;font-size:12px;border:1px solid var(--line);border-radius:100px;padding:7px 13px;background:#fffefa;overflow-wrap:anywhere}
.workspace-profile svg{width:17px;height:17px}
.app-shell .workspace-footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px;gap:12px 20px}
.footer-brand{font-family:Amiri,serif;font-size:19px;color:var(--ink)}
.workspace-footer>a{gap:6px;text-decoration:none}
.workspace-footer>a svg{width:15px;height:15px}
.app-shell .page-heading,.app-shell .page-head{margin-bottom:28px}
.app-shell .page-heading h1,.app-shell .page-head h1{font-family:Amiri,serif;font-size:42px;font-weight:700;line-height:1.35}
.app-shell .page-heading p,.app-shell .page-head p{font-size:14px;line-height:1.9}
.app-shell .panel,.app-shell .card{border-radius:16px;border-color:var(--line);box-shadow:var(--shadow);background:#fffefa}
.app-shell .button,.app-shell .btn{border-radius:10px;min-height:46px;padding:10px 18px;font-size:14px;transition:background-color .15s,border-color .15s}
.app-shell .button.primary,.app-shell .btn.primary{background:#173e33;border-color:#173e33;color:#fffefa}
.app-shell .button.primary:hover:not(:disabled),.app-shell .btn.primary:hover:not(:disabled){background:#285849;border-color:#285849}
.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea{border-radius:9px;border-color:#d8dfd4;background:#fffefa;min-height:46px}
.app-shell .field{gap:8px;font-size:13px}
.app-shell .section-heading h2{font-size:19px;line-height:1.6}
.app-shell .section-heading h2::before{content:'';display:inline-block;width:3px;height:18px;background:#b29558;border-radius:3px;margin-inline-end:10px;vertical-align:middle}
.app-shell .section-heading p{font-size:12px;color:var(--muted);margin-top:6px}

/* Home uses real bank and saved-round data throughout. */
.landing-hero{border-radius:20px;padding:44px 42px;min-height:330px;background:linear-gradient(115deg,#153b31,#1b463a);box-shadow:0 12px 28px #14382d18;margin-bottom:24px;isolation:isolate}
.landing-hero::after{content:'';position:absolute;width:400px;height:400px;inset-inline-end:-130px;top:-110px;background:radial-gradient(circle,#e9d9b50a,transparent 70%);z-index:-1}
.hero-copy{position:relative;z-index:1;flex:1;min-width:0}
.landing-hero .eyebrow{color:#e1cca0;font-size:12px;gap:8px}
.landing-hero .eyebrow svg{width:16px;height:16px}
.landing-hero h2{font-family:Amiri,serif;font-size:49px;line-height:1.3;font-weight:700;letter-spacing:0;margin:12px 0 16px;color:#fff8e9}
.landing-hero p:not(.eyebrow){font-size:14px;line-height:1.9;color:#c7d8cb}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.app-shell .hero-button{background:#e9d9b5;border-color:#e9d9b5;color:#283c2e;margin:0;max-width:100%;min-height:50px;padding:12px 22px;font-size:14px}
.app-shell .hero-button:hover{background:#f4e7c9;border-color:#f4e7c9}
.app-shell .hero-secondary{background:#10382d;border-color:#55705b;color:#e0e7d7;min-height:50px}
.app-shell .hero-secondary:hover{background:#234d3d;border-color:#8b9d78}
.hero-art{width:240px;height:248px;flex:0 0 240px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-inline-end:10px}
.hero-orbit{position:absolute;width:216px;height:216px;top:10px;left:12px;border:1px solid #c9b87928;border-radius:50%}
.hero-orbit::before,.hero-orbit::after{content:'';position:absolute;inset:22px;border:1px solid #c9b87926;transform:rotate(45deg)}
.hero-orbit::after{transform:rotate(0deg)}
.orbit-two{width:244px;height:244px;top:-4px;left:-2px;border-style:dashed;opacity:.7}
.hero-art .hero-lamp{margin:0;opacity:1;display:grid;place-items:center;width:116px;height:146px;background:#12372df2;border-radius:58px 58px 26px 26px;border:1px solid #68806366;z-index:1;box-shadow:0 14px 34px #061b1740}
.hero-art .hero-lamp .brand-mark{width:92px;height:114px;color:#e9d9b5}
.hero-art .hero-lamp svg{width:64px;height:100px;stroke-width:.9}
.hero-art-caption{font:20px/1.8 Amiri,serif;color:#dbc58f;z-index:1;margin-top:14px;background:#1a4438;padding:0 14px}
.home-stats{gap:20px;margin-bottom:32px}
.home-stats .panel{padding:22px 24px;display:flex;flex-direction:column;gap:8px}
.stat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}
.stat-icon,.quick-icon,.topic-glyph{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#f1eee4;color:#876a2c;border-radius:12px}
.stat-icon svg{width:21px;height:21px}
.home-stats .panel>b{font-size:42px;font-weight:500;line-height:1.4;color:#15392d;margin-top:4px;letter-spacing:-.03em}
.home-stats .panel>b em{font-size:14px;font-style:normal;letter-spacing:0;color:var(--muted);font-weight:400}
.home-stats .panel>b.stat-text{font:700 31px/1.9 Amiri,serif;letter-spacing:0}
.home-stats small{font-size:12px;color:#5c6d62;line-height:1.9;min-height:24px}
.home-stats .panel>a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;border-top:1px solid #eeeee4;padding-top:14px;margin-top:auto;color:#776031;font-size:12px;min-height:44px}
.home-stats .panel>a svg{width:16px;height:16px}
.home-section-heading{margin-bottom:16px}
.home-section-heading>span{color:var(--muted);font-size:12px}
.quick-links{margin:0 0 24px;gap:20px}
.quick-links>a{padding:24px;gap:16px;transition:border-color .15s,background-color .15s}
.quick-icon{background:#eeeee6;color:#244b3a;width:48px;height:48px}
.quick-icon svg{width:23px;height:23px}
.quick-links h3{font-size:17px}
.quick-links p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:6px}
.quick-links>a>svg:last-child{color:#7e9588;width:19px}
.resume-banner{padding:20px 24px;border:1px solid #c9d8c5;border-radius:16px;background:#edf3e9;gap:18px;margin-bottom:24px;box-shadow:var(--shadow)}
.resume-icon{width:44px;height:44px;display:grid;place-items:center;background:#dce8d5;border-radius:50%;color:#2f5a39;flex-shrink:0}
.resume-banner>div{flex:1;min-width:0}
.resume-banner strong{font-size:17px;display:block;overflow-wrap:anywhere}
.resume-banner>div>span:last-child{font-size:12px;color:var(--muted)}
.latest-result{display:flex;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--line);background:#fffefa;border-radius:16px;margin-bottom:24px;text-decoration:none}
.latest-result .quick-icon{background:#f4e8cc;color:#816124}
.latest-result>div{flex:1;min-width:0}
.latest-result strong{font-size:16px;overflow-wrap:anywhere}
.latest-result p{font-size:12px;color:var(--muted);margin-top:4px}
.home-topics{padding:28px!important}
.home-topics .section-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}
.home-topics .link-button{font-size:12px}
.home-topic-grid{display:grid;grid-template-columns:repeat(var(--topic-columns,6),minmax(0,1fr));gap:12px}
.home-topic-grid>a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:20px 10px 18px;background:#f5f2e9;border:1px solid transparent;border-radius:14px;text-decoration:none;min-width:0}
.home-topic-grid>a:hover{border-color:#b9c8b3;background:#eef0e5}
.home-topic-grid .topic-glyph{width:42px;height:42px;border-radius:50%;background:#173e32;color:#e9d9b5}
.home-topic-grid h3{font-size:13px;min-height:42px;display:flex;align-items:center;justify-content:center}
.home-topic-grid>a>span:last-child{color:var(--muted);font-size:10px;line-height:1.8}

/* Setup stays a single, readable flow; its summary never overlays the form. */
.setup-players{gap:18px;margin-bottom:30px}
.setup-players .panel{padding:22px;gap:10px}
.setup-players .team-name>span{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.setup-players .team-name>span::before{content:'';width:8px;height:8px;background:#8b7539;border-radius:50%;display:inline-block}
.setup-players .team-name:nth-child(2)>span::before{background:#3a7964}
.setup-players input{width:100%;font-weight:600;font-size:15px}
.setup-players .panel small{font-size:11px;color:var(--muted)}
.setup-layout{grid-template-columns:minmax(0,1fr) 286px;gap:26px}
.setup-layout .section-heading{margin-bottom:16px}
.topic-list{border:0;background:transparent;border-radius:0;overflow:visible}
.topic-group-title{background:transparent;border:0;padding:16px 0 12px;font-size:12px;color:#7c6634;display:flex;align-items:center;gap:8px}
.topic-group-title:first-child{padding-top:0}
.topic-group-title svg{width:16px;height:16px}
.topic-row{background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:10px;gap:16px;box-shadow:var(--shadow)}
.topic-row:last-child{border-bottom:1px solid var(--line)}
.topic-row.enabled{border-color:#cbd8c5;background:#fffefa;box-shadow:inset -3px 0 #456d50}
.topic-row:not(.enabled){background:#f3f2eb}
.topic-row>.check-line{gap:14px}
.topic-row .check-line strong{font-size:16px;font-weight:600}
.topic-row .check-line small{font-size:11px;margin-top:7px;line-height:1.9}
.topic-row>.link-button{background:#f0f2e8;border:1px solid #e1e5d7;border-radius:8px;padding:6px 12px;min-height:40px;font-size:12px}
.topic-row>.link-button:hover{background:#e3e9db}
.num-step{border:1px solid #cfd8c7;background:#fffefa;border-radius:9px;overflow:hidden;gap:0}
.num-step:focus-within{outline:3px solid #986722;outline-offset:4px}
.num-step>button{width:30px;min-height:40px;border:0;background:#f4f5ee;font-size:20px}
.num-step>button:hover:not(:disabled){background:#e7eddf}
.num-step input[type=number]{width:42px;min-height:40px;padding:4px;border:0;border-radius:0;text-align:center;font-size:16px}
.setup-summary{top:24px;padding:24px!important;border-top:3px solid #b8995b!important}
.setup-summary h2{font-size:14px;color:#76623c}
.total-questions{padding-bottom:18px;border-bottom:1px solid var(--line);margin:16px 0 20px;gap:12px}
.total-questions b{font-size:64px;color:#173e32;line-height:1.1;font-weight:500}
.total-questions span{font-size:13px}
.summary-list{border:0;padding:0;margin-bottom:22px}
.summary-list>div{font-size:12px;margin-bottom:14px}
.setup-summary .field{font-size:12px;margin-bottom:18px}
.setup-summary .check-line{font-size:12px;gap:9px;line-height:1.9}
.setup-summary .repeat-config{padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.setup-summary .local-note{font-size:10px;line-height:1.9;margin:9px 0 16px;color:#627367}
.setup-summary .button.primary{background:#745b29;border-color:#745b29;min-height:54px;font-size:13px;margin-top:6px}
.setup-summary .button.primary:hover:not(:disabled){background:#614b21}
.config-layout .panel{padding:26px}
.config-layout .completion-kinds label{padding:16px;border-radius:12px;background:#fbfaf4;gap:10px;font-size:13px}
.config-layout .completion-kinds label:has(input:checked){border-color:#8fa784;background:#eef3e7}
.config-layout .category-levels label{border-radius:10px;padding:10px 18px;background:#f4f3eb}
.config-layout .juz-grid label{border-radius:9px;background:#f7f6ee}
.config-layout .juz-grid label:has(input:checked){background:#e9efdf;border-color:#a6b994}
.config-summary{position:sticky;top:24px;border-top:3px solid #b8995b!important}
.config-summary .num-step{width:max-content;margin:22px 0}
.config-summary>p{font-size:12px;color:var(--muted);line-height:1.9}
.config-summary .topic-distribution{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.quran-scope-note{font-size:12px;line-height:2}

/* Presenter board, scoring and question reading. */
.app-shell .game-top{margin-bottom:24px;gap:20px}
.app-shell .game-top h1{font:700 34px/1.5 Amiri,serif}
.app-shell .game-top .eyebrow{font-size:12px;color:#7b6636}
.app-shell .game-tools .button{font-size:12px}
.app-shell .game-scoreboard{gap:20px;margin-bottom:20px}
.app-shell .score-row{background:#fffefa;border:1px solid var(--line);border-radius:16px;padding:20px 24px;min-height:108px;box-shadow:var(--shadow)}
.app-shell .score-row.current{border:1px solid #8fa77b;background:#edf3e5;box-shadow:inset -4px 0 #7b9159}
.app-shell .score-row strong{font-size:20px;font-weight:600}
.app-shell .score-row>b{font-size:56px;font-weight:500;line-height:1.25;color:#173e32}
.app-shell .score-row small{font-size:11px;color:#627357;margin-top:6px}
.app-shell .game-meta{padding:12px 16px;border-radius:10px;background:#f0eee4;color:#5e6c5d;margin-bottom:22px;font-size:12px}
.app-shell .topics-board{gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}
.app-shell .topic-section>h2{font-size:13px;color:#7b673a;margin:8px 0 0;display:flex;align-items:center;gap:8px}
.app-shell .topic-section>h2::before{content:'';width:3px;height:15px;border-radius:3px;background:#b49658}
.app-shell .topic-type{padding:18px 16px;border-radius:16px;background:#fffefa;border-color:#dfe3d5;box-shadow:var(--shadow)}
.app-shell .topic-type-heading{gap:10px;margin-bottom:16px;align-items:flex-start}
.app-shell .topic-type-heading h3{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.6}
.app-shell .topic-type-heading .topic-glyph{width:30px;height:30px;border-radius:9px;background:#f1eee4;color:#7d622c}
.app-shell .topic-type-heading .topic-glyph svg{width:17px;height:17px}
.app-shell .topic-type-heading>span{font-size:10px;color:#536a58;background:#eef2e8;padding:4px 7px;border-radius:20px;margin-top:3px}
.app-shell .board-slot{border-radius:9px;min-height:66px;padding:10px 5px;gap:5px;background:#edf2e5;border-color:#cfdcc2;color:#2f5338}
.app-shell .board-slot strong{font-size:12px;line-height:1.6}
.app-shell .board-slot.available small{display:block;font-size:10px;color:#637757}
.app-shell .board-slot.available:hover{background:#173e32;border-color:#173e32;color:#fff5dc}
.app-shell .board-slot.available:hover small{color:#ddcfad}
.app-shell .board-slot.answered{background:#f4f3ed;border-color:#e3e4d9;color:#78816f}
.app-shell .board-slot.answered small{font-size:10px;color:#64735c}
.app-shell .board-footer{font-size:11px;margin-top:26px;align-items:flex-start}
.app-shell .board-footer .link-button{font-size:11px}
.app-shell .reference-card{border:1px solid #d9d9c7;border-top:3px solid #b59759;border-radius:18px;background:#fffefa;box-shadow:0 8px 28px #173e3608;padding:36px;min-height:400px}
.app-shell .reference-card .card-kicker{font-size:12px;color:#7b6333}
.app-shell .reference-card .question-title{font-size:16px;color:#5a7060}
.app-shell .reference-card .question-text{font-size:44px;color:#15392d}
.app-shell .reference-card.long-question .question-text{font-size:36px}
.app-shell .reference-card.very-long-question .question-text{font-size:32px}
.app-shell .reference-card .answer{background:#f0f5e9;border:1px solid #d8e3cb;border-radius:12px;padding:20px;margin-top:20px}
.app-shell .answer-text{color:#27563a}
.app-shell .host-panel{background:#f0eee3;border-color:#dfdfce;border-radius:14px;padding:20px 24px}
.app-shell .host-upper .eyebrow{font-size:12px;color:#705e35}
.app-shell .host-controls{margin:18px 0}
.app-shell .host-controls>.button{min-height:52px}
.app-shell .single-question-action>.button{width:100%;font-size:16px;min-height:56px}
.judgment-answer{padding:16px 20px;background:#eef3e7;border:1px solid #d8e2cc;border-radius:12px;margin:16px 0 20px;max-height:32vh;overflow:auto;overscroll-behavior:contain;text-align:center}
.judgment-answer .answer-label{font-size:12px;margin-bottom:8px}
.judgment-answer .answer-text{font-size:30px;line-height:1.9;color:#244d36}
.app-shell .score-sidebar>.scoreboard .score-row{padding:18px;min-height:104px}
.app-shell .score-sidebar>.scoreboard .score-row strong{font-size:16px}
.app-shell .score-sidebar>.scoreboard .score-row>b{font-size:46px}
.app-shell .timer-panel{border-radius:16px;background:#fffefa;padding:22px 18px}
.app-shell .timer-value{font-size:52px;color:#79602d}
.app-shell .winner-panel{position:relative;overflow:hidden;border-radius:20px;border:1px solid #d3bd86;background:radial-gradient(ellipse at 50% 0,#f5e8c4,#fcf9ef 70%);padding:40px 24px}
.app-shell .winner-panel .winner-symbol{font-size:56px;color:#97712d;margin-bottom:12px}
.app-shell .winner-panel .eyebrow{justify-content:center;color:#80612e;font-size:13px}
.app-shell .winner-panel h2{font-size:62px;color:#16382c;margin:8px 0}
.app-shell .winner-panel>p:last-child{font-size:36px;color:#80612e}
.app-shell .result-row{border-radius:10px;padding:22px 16px}
.app-shell .result-row:first-of-type{background:#f4efe0}
.app-shell .result-row b{font-size:36px}
.app-shell .results-panel{padding:26px;max-width:900px}
.app-shell .history-item{padding-block:24px;gap:20px}
.app-shell .history-scores{font-size:26px;color:#795f2d}
.app-shell .segmented{border-radius:10px;background:#eeeede}
.app-shell .audience-setup-grid .panel{padding:28px}
.app-shell .display-preview{border-radius:16px;background:radial-gradient(ellipse at 50% 0,#244e3d,#0e2923);border:1px solid #56765a;min-height:320px}
.app-shell .display-preview h2{font:52px/1.4 Amiri,serif;color:#f3e6c6}
.app-shell .display-preview p{color:#c8d6c5;font-size:15px}
dialog{border-radius:18px;border-color:#d3d9c9;background:#fffefa;padding:30px}
dialog::backdrop{background:#0e29239c;backdrop-filter:blur(3px)}
dialog .button{border-radius:10px}
dialog .team-choice .button{min-height:72px;border-radius:12px;background:#eef3e7;border-color:#c9d9bc}
dialog .team-choice .button:last-child{min-height:56px;background:#f5f3eb;border-color:#e2e1d4}

@media(min-width:1700px){.app-shell .workspace{padding-inline:48px}.app-shell .main{padding-block:40px}.landing-hero{padding:48px;min-height:360px}.landing-hero h2{font-size:56px}}
@media(max-width:1279px){
 :root{--sidebar:218px}.app-shell .workspace{padding-inline:24px}.app-shell .sidebar{padding-inline:12px}
 .app-shell .sidebar nav a{font-size:13px;gap:10px;padding-inline:12px}
 .hero-art{width:200px;flex-basis:200px;transform:scale(.9);margin-inline-end:0}
 .landing-hero{padding:34px 30px;gap:16px}.landing-hero h2{font-size:44px}
 .hero-actions{gap:10px}.app-shell .hero-button,.app-shell .hero-secondary{font-size:12px;padding-inline:14px}
 .setup-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}
 .topic-row{padding:16px;gap:12px}.topic-row .check-line strong{font-size:15px}
 .topic-row>.link-button{padding-inline:9px}.num-step>button{width:28px}.num-step input[type=number]{width:36px}
 .home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-topic-grid h3{min-height:0}
 .app-shell .topics-board{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:999px){
 :root{--sidebar:196px}.app-shell .sidebar{width:196px;min-width:196px}.app-shell .workspace{padding-inline:22px}.app-shell .main{padding-block:26px}
 .app-shell .sidebar-brand{gap:10px;padding-inline:8px}.app-shell .sidebar-brand>span:last-child{font-size:32px}
 .app-shell .sidebar nav a{font-size:12px;gap:10px}.app-shell .sidebar nav a svg{width:18px}
 .landing-hero{padding:32px}.hero-art{display:none}.landing-hero h2{font-size:45px}
 .home-stats{gap:12px}.home-stats .panel{padding:18px}.home-stats .panel>b{font-size:34px}.home-stats .panel>b.stat-text{font-size:26px}
 .setup-layout{grid-template-columns:1fr}.setup-summary{position:static;display:block}.setup-players{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-players>.panel:last-child{grid-column:1/-1}
 .app-shell .topics-board{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-links{gap:12px}.quick-links>a{padding:20px;flex-wrap:wrap}
 .quick-links>a>svg:last-child{display:none}.quick-links>a>div{flex:1;min-width:120px}
 .workspace-context{font-size:12px;gap:8px}.workspace-profile{font-size:11px;padding-inline:10px}
 .config-summary{position:static}.app-shell .reference-card{padding:28px}
}
@media(max-width:699px){
 .app-shell{display:block}.app-shell .sidebar{width:100%;min-width:0;height:auto;position:static;padding:16px 0 0;overflow:visible;border:0}
 .app-shell .sidebar-brand{padding:0 20px 14px;border:0;margin:0;gap:10px;justify-content:flex-start}
 .sidebar-brand .brand-mark{width:38px;height:42px}.sidebar-brand .brand-mark svg{width:24px;height:32px}
 .app-shell .sidebar-brand>span:last-child{font-size:28px;display:flex;align-items:center;gap:12px}
 .app-shell .sidebar-brand small{font:11px/1.8 Noto,Tahoma,sans-serif;margin:0;color:#b8ccbf}
 .app-shell .sidebar nav{display:flex;overflow-x:auto;gap:5px;padding:0 14px 12px;scrollbar-width:thin;scrollbar-color:#526f5d #0e2923}
 .app-shell .sidebar .nav-label,.app-shell .sidebar-bottom{display:none}
 .app-shell .sidebar nav a{display:flex;flex:0 0 auto;justify-content:center;gap:7px;min-height:42px;margin:0;padding:8px 12px;border-radius:9px;font-size:11px}
 .app-shell .sidebar nav a>span{display:inline}.app-shell .sidebar nav a svg{width:16px;height:16px}
 .app-shell .sidebar nav a.active{box-shadow:inset 0 -2px #e9d9b5}
 .app-shell .sidebar nav .mobile-about{display:flex}
 .app-shell .workspace{padding:0 18px 20px}.workspace-header{display:none}.app-shell .main{padding-block:26px}
 .app-shell .page-heading,.app-shell .page-head{gap:14px;margin-bottom:22px}
 .app-shell .page-heading h1,.app-shell .page-head h1{font-size:36px}.app-shell .page-heading p,.app-shell .page-head p{font-size:12px}
 .app-shell .page-heading>.button{font-size:11px;min-height:42px}
 .landing-hero{padding:30px 24px;min-height:0;border-radius:16px}.landing-hero h2{font-size:42px;margin:12px 0}
 .landing-hero .eyebrow{font-size:10px}.landing-hero p:not(.eyebrow){font-size:12px}
 .hero-actions{align-items:stretch;margin-top:24px;gap:10px}.app-shell .hero-button,.app-shell .hero-secondary{min-height:46px;font-size:12px;padding:10px 14px;flex:1 1 180px}
 .home-stats{grid-template-columns:1fr;gap:12px;margin-bottom:26px}
 .home-stats .panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:18px 20px}
 .home-stats .stat-heading{grid-column:1;gap:8px;justify-content:flex-start;font-size:12px}
 .stat-icon{width:30px;height:30px;border-radius:9px;order:-1}.stat-icon svg{width:17px;height:17px}
 .home-stats .panel>b{grid-column:2;grid-row:1/3;align-self:center;font-size:34px;margin:0}
 .home-stats .panel>b.stat-text{font-size:25px}.home-stats small{grid-column:1/-1;grid-row:3;font-size:11px;min-height:0}
 .home-stats .panel>a{grid-column:1/-1;grid-row:4;margin-top:4px;padding-top:10px;min-height:40px}
 .home-section-heading>span{font-size:10px}.app-shell .section-heading h2{font-size:17px}
 .quick-links{grid-template-columns:1fr;gap:12px}.quick-links>a{padding:20px;flex-wrap:nowrap}.quick-links h3{font-size:15px}.quick-links p{font-size:11px}
 .quick-links>a>svg:last-child{display:block;width:16px}.quick-icon{width:42px;height:42px;border-radius:11px}
 .home-topics{padding:22px 18px!important}.home-topics .section-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}
 .home-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-topic-grid>a{padding:18px 8px;gap:10px}
 .home-topic-grid h3{font-size:13px}.home-topic-grid>a>span:last-child{font-size:10px}
 .latest-result{flex-wrap:wrap;padding:20px;gap:12px}.latest-result>.button{width:100%;font-size:12px}
 .resume-banner{padding:18px;gap:12px}.resume-banner>.button{width:100%}.resume-banner strong{font-size:15px}.resume-banner>div>span:last-child{font-size:11px}
 .setup-players{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.setup-players>.panel:last-child{grid-column:auto}.setup-players .panel{padding:20px}
 .topic-row{flex-wrap:wrap;padding:16px;gap:14px;margin-bottom:12px}.topic-row>.check-line{flex-basis:100%}.topic-row .check-line small{font-size:11px}
 .topic-row>.num-step{margin-inline-start:32px}.topic-row>.link-button{margin-inline-start:auto;font-size:12px;min-height:42px}
 .num-step>button{width:34px;min-height:42px}.num-step input[type=number]{width:44px;min-height:42px}
 .setup-summary{padding:24px!important;margin-top:4px}.setup-summary .local-note{font-size:11px}.setup-summary .button.primary{font-size:14px}
 .config-layout .panel{padding:20px}.config-layout .completion-kinds{grid-template-columns:1fr;gap:10px}.config-layout .completion-kinds label{font-size:12px;padding:14px}
 .app-shell .game-top h1{font-size:29px}.app-shell .game-top .eyebrow{font-size:11px}.app-shell .game-tools{gap:8px}.app-shell .game-tools .button{font-size:11px;min-height:42px;padding:8px 12px}
 .app-shell .score-row{padding:16px;gap:12px;min-height:96px;align-items:center}.app-shell .score-row.current{padding:16px}
 .app-shell .score-row strong{font-size:16px}.app-shell .score-row>b{font-size:42px}.app-shell .score-row small{font-size:10px}
 .app-shell .game-scoreboard{gap:12px}.app-shell .game-meta{flex-wrap:wrap;gap:8px;font-size:11px}
 .app-shell .topics-board{gap:12px}.app-shell .topic-type{padding:16px 12px;border-radius:14px}.app-shell .topic-type-heading{flex-wrap:wrap;gap:6px}
 .app-shell .topic-type-heading h3{font-size:14px;gap:7px}.app-shell .topic-type-heading>span{font-size:10px;padding:3px 6px}
 .app-shell .topic-type-heading .topic-glyph{width:25px;height:25px}.app-shell .topic-type-heading .topic-glyph svg{width:14px;height:14px}
 .app-shell .board-slot{min-height:68px;padding:10px 4px}.app-shell .board-slot strong{font-size:11px}.app-shell .board-slot.available small{font-size:9px}
 .app-shell .board-footer{flex-direction:column;gap:12px}.app-shell .board-footer .score-actions{gap:4px 14px}
 .app-shell .reference-card{padding:24px 18px;min-height:340px;border-radius:14px}
 .app-shell .reference-card .question-title{font-size:14px}.app-shell .reference-card .question-text{font-size:34px}.app-shell .reference-card.long-question .question-text,.app-shell .reference-card.very-long-question .question-text{font-size:28px}
 .app-shell .question-instruction{font-size:15px}.app-shell .reference-card .answer{padding:16px}.app-shell .answer-text{font-size:30px}
 .app-shell .host-panel{padding:18px}.app-shell .host-upper{gap:8px}.app-shell .host-upper button{font-size:11px}.app-shell .host-controls{margin:14px 0;gap:10px}.app-shell .host-controls>.button{font-size:13px;min-height:50px;flex:1 1 100%}
 .app-shell .host-lower{font-size:11px}.app-shell .score-sidebar>.scoreboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-shell .score-sidebar>.scoreboard .score-row{padding:14px;flex-wrap:wrap;gap:6px}.app-shell .score-sidebar>.scoreboard .score-row>b{font-size:36px}
 .app-shell .winner-panel{padding:32px 20px}.app-shell .winner-panel h2{font-size:48px}.app-shell .winner-panel>p:last-child{font-size:30px}.app-shell .results-panel{padding:20px}.app-shell .result-row{gap:12px;padding:18px 12px}.app-shell .result-row strong{font-size:14px}.app-shell .result-row b{font-size:28px}
 .app-shell .workspace-footer{font-size:10px;flex-wrap:wrap;gap:8px 16px}.workspace-footer>a{margin-inline-start:0;font-size:11px}.app-shell .audience-setup-grid .panel{padding:20px}
 dialog{padding:24px;width:calc(100vw - 28px)}dialog h2{font-size:21px}.team-choice .button{font-size:16px}
}
@media(max-width:379px){.app-shell .workspace{padding-inline:12px}.app-shell .topics-board{grid-template-columns:1fr}.landing-hero{padding:26px 20px}.landing-hero h2{font-size:38px}.app-shell .score-row{padding:12px}.app-shell .score-row.current{padding:12px}.app-shell .score-row>b{font-size:36px}.app-shell .score-row strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.app-shell *{transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--muted:#405848;--line:#8b9b83}.app-shell .panel,.app-shell .card,.topic-row,.app-shell .board-slot{border-color:#8b9b83}}
@media(forced-colors:active){.app-shell .sidebar nav a.active{border:2px solid Highlight}.hero-orbit,.hero-art{display:none}.topic-row.enabled{border:2px solid Highlight}.app-shell .button,.app-shell .panel,.app-shell .score-row{border:1px solid CanvasText}}