/* Compact controls; enlarge only when the learner chooses larger text. */
header.clean-game-header{--control-size:16px;--heading-size:18px;--caption-size:14px;height:auto;min-height:76px;padding:10px 14px;gap:14px;grid-template-columns:minmax(0,1fr) auto;border-radius:16px;margin-bottom:16px}
body.text-large header.clean-game-header{--control-size:18px;--heading-size:20px;--caption-size:16px}
header.clean-game-header .clean-header-actions{display:flex;align-items:center;gap:8px;width:auto}
header.clean-game-header .clean-control,header.clean-game-header #clean-audio.rimba-audio-button{min-height:44px;height:auto;width:auto;padding:8px 12px;gap:7px;flex-direction:row;border-radius:11px;font-size:var(--control-size)!important;line-height:1.4!important;white-space:nowrap;box-shadow:inset 0 1px 0 #fff8d4,0 3px 0 #86602f}
header.clean-game-header .clean-control-icon{font-size:21px;flex-shrink:0}
header.clean-game-header .clean-header-compass{font-size:24px}
header.clean-game-header #clean-header-title{font-size:var(--heading-size)!important;line-height:1.4!important}
header.clean-game-header #clean-header-step{font-size:var(--caption-size)!important;line-height:1.5!important;margin-top:2px}
@media(max-width:950px){header.clean-game-header{grid-template-columns:minmax(0,1fr)}header.clean-game-header .clean-header-actions{justify-content:flex-start;flex-wrap:wrap}}
@media(max-width:600px){header.clean-game-header{padding:10px;gap:8px}header.clean-game-header .clean-header-actions{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:6px;width:100%}header.clean-game-header .clean-control,header.clean-game-header #clean-audio.rimba-audio-button{white-space:normal;flex-direction:column;gap:3px;padding:6px 4px}header.clean-game-header .clean-header-compass{display:none}}