/* Shared theme control, available on setup, quiz, results and teacher screens. */
.header-tools{display:flex;align-items:center;gap:22px}.theme-control{display:flex;align-items:center;gap:9px;font-size:10px;margin:0;font-weight:600;white-space:nowrap}.theme-control select{width:172px;min-height:36px;margin:0;font-size:11px;padding:8px 10px;background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-theme="midnight"]{color-scheme:dark;--paper:#10182b;--card:#18243b;--ink:#eef1f8;--muted:#b2bdd0;--blue:#a7c8ff;--line:#39485f;--yellow:#e6c981;--red:#ffb5bd;--shadow:0 15px 45px #03081455}
html[data-theme="midnight"] body{background-color:var(--paper);background-image:radial-gradient(circle at 15% 14%,#889fc814 0,transparent 36%),radial-gradient(circle at 88% 38%,#8c7cb514 0,transparent 36%),radial-gradient(circle,#d9e2f0a3 1px,transparent 1.4px),radial-gradient(circle,#d9e2f04f .7px,transparent 1.1px);background-size:100% 100%,100% 100%,137px 149px,83px 107px;background-position:0 0,0 0,18px 26px,51px 69px}
html[data-theme="midnight"] .topbar{border-color:#39485f}
html[data-theme="midnight"] .brand-mark{background:#26354f;color:var(--yellow);border-color:#6f7f99;border-radius:50%;transform:none;box-shadow:0 0 24px #e6c98113;font-family:Georgia,serif}
html[data-theme="midnight"] .brand-sub{letter-spacing:1.5px}
html[data-theme="midnight"] .status-dot{background:var(--yellow);box-shadow:0 0 9px #e6c98155}
html[data-theme="midnight"] .hero h1{font-family:Georgia,serif}
html[data-theme="midnight"] .hero h1 em{color:var(--yellow)}
html[data-theme="midnight"] .hero h1 em:after{background:#e6c98124;height:5%;bottom:2%;transform:none}
html[data-theme="midnight"] .eyebrow{color:var(--yellow)}
html[data-theme="midnight"] .sticker{border-radius:20px;box-shadow:none;transform:none;border-color:#63728b;font-weight:500}
html[data-theme="midnight"] .sticker-yellow{background:#e6c98115;color:#f3d991}
html[data-theme="midnight"] .sticker-blue{background:#a7c8ff12;color:#bbd3f6}
html[data-theme="midnight"] .facts{border-color:#53617a}
html[data-theme="midnight"] .margin-note{color:#b8c3d7;font-family:"Segoe UI",Arial,sans-serif;transform:none}
html[data-theme="midnight"] .launch-card{transform:none;border-color:#455470;background:linear-gradient(145deg,#1c2a44,#152036);border-radius:16px;box-shadow:var(--shadow)}
html[data-theme="midnight"] .launch-card:before{content:"✦";top:-17px;left:auto;right:25px;width:34px;height:34px;display:grid;place-items:center;background:#26344b;color:var(--yellow);border:1px solid #61708a;border-radius:50%;transform:none;font-size:20px;box-shadow:0 0 18px #e6c98115}
html[data-theme="midnight"] .terminal-top{border-color:#455470}
html[data-theme="midnight"] .page-label{color:var(--yellow)}
html[data-theme="midnight"] .page-number{color:var(--muted)}
html[data-theme="midnight"] input,html[data-theme="midnight"] select{background:#101b2e;border-color:#53617a;color:var(--ink)}
html[data-theme="midnight"] input::placeholder{color:#9eabc1}
html[data-theme="midnight"] input:focus,html[data-theme="midnight"] select:focus{border-color:#a7c8ff;outline-color:#a7c8ff38}
html[data-theme="midnight"] .launch,html[data-theme="midnight"] .next{background:var(--yellow);color:#172138;border-color:var(--yellow);border-radius:8px;box-shadow:0 4px 16px #e6c98113}
html[data-theme="midnight"] .launch:hover:not(:disabled),html[data-theme="midnight"] .next:hover:not(:disabled){background:#f3db9c;border-color:#f3db9c}
html[data-theme="midnight"] .scoreboard>span{background:#18243b;border-color:#455470;border-radius:9px}
html[data-theme="midnight"] .scoreboard b{color:var(--yellow)}
html[data-theme="midnight"] .progress{background:#2d3b54;height:7px}
html[data-theme="midnight"] .progress span{background:linear-gradient(90deg,#81a9e4,#e6c981)}
html[data-theme="midnight"] .question-card{background:linear-gradient(140deg,#1a2841,#162138);border-color:#455470;border-radius:14px;box-shadow:var(--shadow)}
html[data-theme="midnight"] .question-card:before{display:none}
html[data-theme="midnight"] .question-card code{background:#293e5c;color:#c6dcff}
html[data-theme="midnight"] .option{background:#121e33;border-color:#52617b;color:var(--ink);border-radius:9px}
html[data-theme="midnight"] .option .key{background:#25324a;border-color:#5a6981;color:#d2dcee;border-radius:50%}
html[data-theme="midnight"] .option:hover:not(:disabled){background:#243855;border-color:#a7c8ff}
html[data-theme="midnight"] .option.correct{background:#1c3c34;border-color:#80c9a4}
html[data-theme="midnight"] .option.correct .key{background:#335f4c;border-color:#80c9a4;color:#f0fff5}
html[data-theme="midnight"] .option.wrong{background:#402832;border-color:#d894a4}
html[data-theme="midnight"] .option.wrong .key{background:#6e3d4d;border-color:#d894a4;color:#fff2f4}
html[data-theme="midnight"] .feedback{background:#1b382f;border-color:#80c9a4;color:#e2f3e9}
html[data-theme="midnight"] .feedback strong{color:#a5e6bd}
html[data-theme="midnight"] .feedback.bad{background:#392531;border-color:#d894a4;color:#f3dfe5}
html[data-theme="midnight"] .feedback.bad strong{color:#ffb9c5}
html[data-theme="midnight"] .plain{border-color:#68768e;color:var(--ink)}
html[data-theme="midnight"] .plain:hover:not(:disabled){background:#283a54;border-color:#a7c8ff}
html[data-theme="midnight"] .result{background:linear-gradient(145deg,#1c2942,#152036);border-color:#455470;border-radius:16px;box-shadow:var(--shadow)}
html[data-theme="midnight"] .result-score>span{color:var(--yellow);background:none;text-shadow:0 0 28px #e6c98122}
html[data-theme="midnight"] .leaderboard{background:#111d31;border-color:#455470}
html[data-theme="midnight"] .danger{background:#93495b;color:#fff4f7}
html[data-theme="midnight"] .skip-link{background:#e6c981;color:#152036}
@media(max-width:1000px){.header-tools{gap:14px}.header-tools .edition{max-width:120px;line-height:1.7;display:block;text-align:right}.header-tools .status-dot,.header-tools .edition-divider{display:none}}
@media(max-width:760px){.topbar{flex-wrap:wrap}.header-tools{width:100%;justify-content:space-between;gap:12px}.header-tools .edition{max-width:none;text-align:left;font-size:10px}.theme-control{font-size:9px;gap:6px}.theme-control select{width:166px;font-size:10px}.hero{padding-top:34px}}
@media(max-width:380px){.theme-control select{width:145px}.header-tools .edition{max-width:100px;font-size:9px}}