:root{--reading-surface:#fef9e7}
header.clean-game-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;margin:0 0 20px;padding:14px 18px;background:linear-gradient(#6a472b,#4d321f);border:2px solid #dcb759;border-radius:20px;color:#fff4d5;box-shadow:0 5px 0 #342319,0 8px 20px #07362744;font-family:Lexend,Arial,sans-serif;position:relative;z-index:3}
.clean-header-identity{display:flex;align-items:center;gap:12px;min-width:0}.clean-header-compass{font-size:30px;flex-shrink:0}.clean-header-identity>div{min-width:0}#clean-header-title{display:block;font-size:19px;line-height:1.5;font-weight:700;overflow-wrap:anywhere}#clean-header-step{display:block;font-size:14px;line-height:1.6;color:#f9e4ad;margin-top:3px}.clean-header-actions{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr));gap:10px}.clean-control{min-height:58px;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #f4d27e;border-radius:14px;background:linear-gradient(#fff0bc,#e7bd72);color:#2d3f29;font:inherit;font-size:16px;font-weight:600;box-shadow:0 4px 0 #86602f;cursor:pointer;touch-action:manipulation}.clean-control-icon{font-size:23px;line-height:1.2}.clean-control:hover{filter:brightness(1.04)}.clean-control:active{transform:translateY(3px);box-shadow:0 1px 0 #86602f}.clean-control:focus-visible,.clean-colour-choice:focus-visible,.clean-menu-item:focus-visible,.clean-dialog-close:focus-visible{outline:4px solid #66c6ef;outline-offset:4px}.clean-game-header .clean-legacy-header[hidden]{display:none!important}
.clean-game-active .tg-toolbar,.clean-game-active .tg-heading,.clean-game-active main>.intro{display:none!important}.clean-game-active .tiger-game>.tg-quest{margin-top:12px}
#clean-controls-dialog{width:min(480px,calc(100vw - 28px));max-height:88dvh;box-sizing:border-box;padding:22px;background:var(--reading-surface);color:#243e32;border:3px solid #b99a54;border-radius:22px;box-shadow:0 12px 0 #543b2444,0 25px 90px #062d2b66;font-family:Lexend,Arial,sans-serif;overflow-y:auto}#clean-controls-dialog::backdrop{background:#082f2b99;backdrop-filter:blur(3px)}.clean-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.clean-dialog-heading h2{margin:0;font-size:23px;line-height:1.5;text-align:left}.clean-dialog-close{width:48px;height:48px;flex-shrink:0;font:inherit;font-size:27px;background:#fffdf4;border:2px solid #b99a54;border-radius:12px;color:#243e32;cursor:pointer}.clean-menu-score{padding:10px 14px;background:#ffffff77;border-radius:12px;font-size:18px}.clean-menu-items{display:grid;gap:12px}.clean-menu-item{width:100%;min-height:56px;padding:13px 16px;text-align:left;font:inherit;font-size:18px;line-height:1.6;color:#243e32;background:linear-gradient(#fff9e6,#efdbb0);border:2px solid #b99a54;border-radius:13px;box-shadow:0 3px 0 #a2834d;cursor:pointer;touch-action:manipulation}.clean-menu-item:active{transform:translateY(2px);box-shadow:0 1px 0 #a2834d}.clean-dialog-done{display:block;min-height:52px;width:100%;margin-top:22px;font:inherit;font-size:18px;font-weight:600;border:2px solid #25563d;border-radius:13px;background:#285d40;color:#fff;padding:12px;cursor:pointer}.clean-colour-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.clean-colour-choice{min-height:136px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:18px;color:#243e32;background:#fffdf7;border:3px solid #b9b69d;border-radius:15px;cursor:pointer;touch-action:manipulation}.clean-colour-swatch{display:block;width:48px;height:48px;border-radius:50%;border:2px solid #687b62;box-shadow:inset 0 3px 4px #ffffffb0,0 3px 0 #74846755}.clean-colour-choice small{visibility:hidden;font-size:13px}.clean-colour-choice[aria-pressed=true]{border-color:#356744;box-shadow:0 3px 0 #356744}.clean-colour-choice[aria-pressed=true] small{visibility:visible}#clean-theme-status{font-size:16px;line-height:1.8}
/* Colour only the reading surfaces; retain map art and animal graphics. */
html[data-reading-theme] #modal,html[data-reading-theme] .tg-reading,html[data-reading-theme] .lesson-passage,html[data-reading-theme] .module-reading,html[data-reading-theme] .c5-passage,html[data-reading-theme] .learner-feelings,html[data-reading-theme] .sp-build,html[data-reading-theme] .sp-expression,html[data-reading-theme] .case-evidence-body,html[data-reading-theme] .review-passage,html[data-reading-theme] .case-fact-text,html[data-reading-theme] #sp-built-result{background:var(--reading-surface)!important;color:#243e32}html[data-reading-theme] #tg-reading-text,html[data-reading-theme] .module-reading,html[data-reading-theme] .c5-passage{color:#243e32}
@media(max-width:850px){header.clean-game-header{padding:12px;gap:12px}.clean-header-actions{grid-template-columns:repeat(3,minmax(70px,1fr));gap:8px}.clean-control{padding:8px;font-size:14px}.clean-header-compass{display:none}}
@media(max-width:600px){header.clean-game-header{grid-template-columns:minmax(0,1fr);padding:12px 14px;border-radius:16px}.clean-header-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clean-control{flex-direction:column;gap:3px;min-height:64px;padding:8px 4px;font-size:14px;line-height:1.35}.clean-header-compass{display:block;font-size:26px}#clean-header-title{font-size:18px}#clean-header-step{font-size:13px}.clean-dialog-heading h2{font-size:21px}.clean-colour-options{gap:8px}.clean-colour-choice{font-size:16px}.clean-colour-choice small{font-size:12px}}
@media(prefers-reduced-motion:reduce){.clean-control,.clean-menu-item{transition:none}.clean-control:active,.clean-menu-item:active{transform:none}}
@media print{header.clean-game-header,#clean-controls-dialog{display:none!important}}
.pilot-mode header.clean-game-header{display:grid!important}
.clean-menu-more{margin-top:16px}.clean-menu-more summary{min-height:48px;cursor:pointer;font-size:17px;font-weight:600;line-height:1.8;padding:10px 12px;border:1px solid #bdad83;border-radius:12px}.clean-menu-more[open]>.clean-menu-items{margin-top:12px}
/* Keep the same three controls on laptop; never show a second game toolbar. */
.tiger-game>.tg-toolbar,.tiger-game>.tg-heading{display:none!important}
@media(min-width:651px){
 header.clean-game-header{position:sticky;top:12px;z-index:30;grid-template-columns:minmax(0,1fr) auto}
 header.clean-game-header .clean-header-actions{grid-template-columns:repeat(3,minmax(82px,1fr));width:auto}
 .tiger-game .tg-viewport,.tiger-game #tg-reading,.tiger-game #tg-reading-title{scroll-margin-top:125px}
}