#focus-bar[hidden],#focus-zoom[hidden]{display:none}
#focus-bar{display:none}
html[data-focus=on] body>header,html[data-focus=on] body>footer{display:none}
html[data-focus=on] #focus-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1100px;margin:auto;padding:8px 16px;min-height:48px}
#focus-bar>div{display:flex;align-items:center;gap:14px}#focus-count{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}#focus-end,#focus-zoom{min-height:36px;padding:6px 12px}#focus-zoom{font-size:18px}
html[data-focus=on] #main{max-width:1100px;margin:0 auto;padding:8px 16px 16px;min-height:0}
html[data-focus=on] .section-nav,html[data-focus=on] .subject-bar,html[data-focus=on] .play-top,html[data-focus=on] .progress-track,html[data-focus=on] .gc-round-progress,html[data-focus=on] .gb-progress,html[data-focus=on] .tempo-info,html[data-focus=on] .math-chain,html[data-focus=on] .chain-meter,html[data-focus=on] .review-note,html[data-focus=on] .art-quiz-credit,html[data-focus=on] .map-credit,html[data-focus=on] .map-mode-actions,html[data-focus=on] .location-short-actions,html[data-focus=on] .map-touch-cities,html[data-focus=on] #eu-book,html[data-focus=on] #memo-reveal{display:none!important}
html[data-focus=on] .play-wrap{margin:0 auto;max-width:100%}
html[data-focus=on] .exercise,html[data-focus=on] .gc-exercise,html[data-focus=on] .geometry-exercise,html[data-focus=on] .art-quiz-card{padding:18px}
html[data-focus=on] .feedback.correct>strong,html[data-focus=on] .feedback.correct>span:not(.success-check){display:none}
html[data-focus=on] .memo-exercise .feedback.correct:after{content:'✓';font-size:32px;color:var(--green)}
html[data-focus=on] .page-heading{margin:0 0 12px}
html[data-focus=on] .page-heading .eyebrow,html[data-focus=on] .page-heading>p{display:none}
html[data-focus=on] .page-heading h1{font-size:clamp(22px,3vw,30px);margin:0}
html[data-focus=on] .map-zoom-controls{display:none}
html[data-focus=on][data-focus-zoom=open] .map-zoom-controls{display:flex;margin:0 0 8px}
html[data-focus=on] .gc-map-panel,html[data-focus=on] .location-quiz{--focus-map-height:clamp(180px,calc(100svh - 230px),700px)}
html[data-focus=on] .gc-recognition{--focus-map-height:clamp(160px,calc(100svh - 350px),560px)}
html[data-focus=on] .gc-map-scroll,html[data-focus=on] .location-quiz .map-scroll{height:var(--focus-map-height);aspect-ratio:auto;overflow:auto}
html[data-focus=on] .gc-map-scroll .germany-svg,html[data-focus=on] .location-quiz .germany-svg{width:calc(100% * var(--map-zoom,1));height:calc(var(--focus-map-height) * var(--map-zoom,1));max-height:none;min-height:0}
html[data-focus=on] .gc-exercise h1{min-height:0;font-size:clamp(21px,3vw,28px);margin-bottom:10px}
html[data-focus=on] .gc-feedback{height:42px}
html[data-focus=on] .location-quiz{grid-template-columns:1fr;padding:12px;gap:0}
html[data-focus=on] .location-quiz .location-info{order:0;padding:0;min-height:46px;text-align:center}
html[data-focus=on] .location-quiz .location-info>.label,html[data-focus=on] .location-quiz .location-info>h2,html[data-focus=on] .location-quiz .location-info>p{display:none}
html[data-focus=on] .art-quiz-image{max-height:clamp(160px,calc(100svh - 340px),460px);width:auto;max-width:100%;object-fit:contain}
html[data-focus=on] .geometry-figure,html[data-focus=on] .shape-figure{max-height:35svh}
@media(max-width:650px){html[data-focus=on] #main{padding:4px 10px 12px}html[data-focus=on] .exercise,html[data-focus=on] .gc-exercise,html[data-focus=on] .geometry-exercise,html[data-focus=on] .art-quiz-card{padding:12px}html[data-focus=on] .gc-recognition-layout{display:block}html[data-focus=on] .gc-recognition-layout .gc-options{margin-top:10px}}

html[data-focus=on] .gb-play>.gc-progress-text,html[data-focus=on] .gb-play>.gb-remaining,html[data-focus=on] .gb-play>.gc-progress,html[data-focus=on] .answer-chain{display:none!important}
html[data-focus=on] .gb-exercise{padding:16px}html[data-focus=on] .gb-exercise h1{font-size:clamp(20px,3vw,27px);margin:0 0 12px}html[data-focus=on] .gb-exercise .gb-map{height:clamp(170px,calc(100svh - 310px),480px)}
@media(max-width:750px){html[data-focus=on] .gb-exercise-layout{grid-template-columns:1fr}html[data-focus=on] .gb-exercise .gb-map{height:clamp(150px,calc(100svh - 380px),390px)}}

html[data-focus=on][data-focus-zoom=open] .gc-map-panel,html[data-focus=on][data-focus-zoom=open] .location-quiz{--focus-map-height:clamp(160px,calc(100svh - 280px),650px)}html[data-focus=on][data-focus-zoom=open] .gc-recognition{--focus-map-height:clamp(150px,calc(100svh - 400px),510px)}

html[data-focus=on] .geometry-exercise .geometry-shape{max-height:35svh}html[data-focus=on] .memo-exercise>.memo-illustration{max-height:35svh}html[data-focus=on] .memo-exercise .feedback.correct>.memo-illustration{display:none}

html[data-focus=on] .memo-exercise>.memo-image{max-height:35svh;object-fit:contain}html[data-focus=on] .memo-exercise .feedback.correct>.memo-image{display:none}html[data-focus=on] .location-quiz .feedback:not(.correct):not(.retry){visibility:hidden}