/* Preview alternatives: no theme attribute leaves the production desk intact. */
html[data-game-theme="office"] {
  color-scheme:light;
  --g-bg:#e5e9ec;--g-panel:#f4f6f7;--g-board:#dce3e8;--g-text:#273443;
  --g-muted:#526272;--g-paper:#f4f6f7;--g-paper-ink:#273443;--g-accent:#365e7b;
  --g-rule:#899aa9;--g-error:#a13e38;--g-success:#326144;--g-mark:#365e7b;
}
html[data-game-theme="comic"] {
  color-scheme:light;
  --g-bg:#eae8e1;--g-panel:#faf7ef;--g-board:#e5e2d8;--g-text:#262829;
  --g-muted:#55534e;--g-paper:#faf7ef;--g-paper-ink:#262829;--g-accent:#8b343b;
  --g-rule:#575654;--g-error:#a13a34;--g-success:#386044;--g-mark:#8b343b;
}
html[data-game-theme="office"] .case-heading h1 { font:600 clamp(27px,3vw,42px)/1.3 'Microsoft YaHei',sans-serif;letter-spacing:-.03em; }
html[data-game-theme="office"] :is(.dossier,.console,.board) {padding-top:18px;}
html[data-game-theme="office"] :is(.dossier > div:first-child > .eyebrow,.console > .eyebrow,.board-head > div > .eyebrow) {
  padding:10px 12px;margin-bottom:16px;border:1px solid #aab6c0;border-radius:8px;
  background:#dbe3e9;color:#2d4c65;letter-spacing:.08em;
}
html[data-game-theme="office"] .console::before {content:none;}
html[data-game-theme="office"] .dossier::before {content:none;}
html[data-game-theme="office"] .board::before {border-color:#aab6c0;}
html[data-game-theme="office"] .board {background:linear-gradient(145deg,#e8edf0,#d5dfe6);}
html[data-game-theme="office"] :is(.pin,.connection,.board-count) {transform:none;}
html[data-game-theme="office"] .pin:hover,html[data-game-theme="office"] .pin:focus-visible {transform:translateY(-3px);}
html[data-game-theme="office"] .pin {border-top:5px solid #7893a7;padding-top:14px;}
html[data-game-theme="office"] .pin::before {display:none;}
html[data-game-theme="office"] .connection {border-top:1px solid #899aa9;}
html[data-game-theme="office"] .map-walls {stroke:#688498;}
html[data-game-theme="office"] .map-labels text {fill:#304d63;}
html[data-game-theme="office"] .investigation-steps a {background:#edf2f5;color:#365e7b;}
html[data-game-theme="office"] .case-progress strong {font-family:Consolas,monospace;}
html[data-game-theme="comic"] .case-heading h1 {font-weight:700;letter-spacing:.01em;}
html[data-game-theme="comic"] :is(.dossier,.console,.board) {border-width:2px;}
html[data-game-theme="comic"] .board {
  background:radial-gradient(#6a686324 .7px,transparent .8px) 0 0/6px 6px,var(--g-board);
}
html[data-game-theme="comic"] :is(.pin,.connection,.board-count) {transform:none;}
html[data-game-theme="comic"] .pin:hover,html[data-game-theme="comic"] .pin:focus-visible {transform:translateY(-3px);}
html[data-game-theme="comic"] .pin {border:2px solid #41413f;background:#faf7ef;}
html[data-game-theme="comic"] .pin::before {display:none;}
html[data-game-theme="comic"] .pin-index {color:#8b343b;font-weight:700;}
html[data-game-theme="comic"] .pin strong {font-weight:700;font-size:20px;}
html[data-game-theme="comic"] .connection {border:2px solid #4a4945;background:#faf7ef;}
html[data-game-theme="comic"] .board-head .eyebrow {display:inline-block;background:#262829;color:#faf7ef;padding:7px 10px;border-radius:6px;}
html[data-game-theme="comic"] .board-head h2 {font-weight:700;}
html[data-game-theme="comic"] .map-walls {stroke:#55534e;stroke-width:4;}
html[data-game-theme="comic"] .map-labels text {font-weight:700;}
html[data-game-theme="comic"] .investigation-steps a {background:#faf7ef;border-width:2px;font-weight:700;}
html[data-game-theme="comic"] .schema details {border-width:2px;}
html[data-game-theme="comic"] .clue.active {background:#ede3da;border-left:3px solid #8b343b;}
html[data-game-theme="comic"] .scene {border-width:2px;}
/* The title bars are visual group labels, not fake window control buttons. */
html[data-game-theme="office"] .mode h2 {font-family:'Microsoft YaHei',sans-serif;font-size:24px;}
html[data-game-theme="comic"] .mode h2 {font-weight:700;}
@media(max-width:650px) {
  html[data-game-theme="comic"] .pin strong {font-size:15px;}
  html[data-game-theme="office"] .pin {padding-top:8px;}
}