.location-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:24px;padding:25px;background:#fffcf5}.germany-svg{width:100%;max-height:620px;display:block;background:linear-gradient(#eaf5f2,#f6f4df);border-radius:18px}.map-region{cursor:pointer;outline:none}.map-region path{fill:var(--region-color);stroke:#fffaf1;stroke-width:1.8;stroke-linejoin:round;transition:fill .18s}.map-region:hover path,.map-region:focus-visible path,.map-region.selected path{fill:#9cbea0;stroke:#517967;stroke-width:2.5}.map-region.map-right path,.map-inset.map-right rect{fill:#90c49c;stroke:#438758;stroke-width:3}.map-region.map-wrong path,.map-inset.map-wrong rect{fill:#e2aaa1;stroke:#ac7464;stroke-width:3}.map-state-label{font:700 12px Nunito;fill:#405b4b;pointer-events:none}.map-inset rect{fill:#fffaf0;stroke:#99b7a4;stroke-width:2}.map-inset:hover rect,.map-inset:focus-visible rect,.map-inset.selected rect{fill:#b6d4b8;stroke:#387568;stroke-width:3}.map-inset text{font:800 16px Nunito;fill:#456351;pointer-events:none}.map-callout-line{stroke:#6e8f81;stroke-width:1.5;stroke-dasharray:4 3;pointer-events:none}.map-city-point{fill:#547c66;stroke:white;stroke-width:1.5;pointer-events:none}.map-compass{font:800 12px Nunito;fill:#56846e}.location-info{padding:15px 8px;align-self:center}.location-info h2{font-size:25px;margin:10px 0;overflow-wrap:anywhere}.location-info p{font-size:13px;line-height:1.8}.location-state-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.location-state-list button{font-size:10px;padding:10px 7px}.map-mode-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 auto 24px}.map-credit{font-size:10px;color:#829080;text-align:center;margin:20px 0;line-height:1.8}.map-credit a{color:#5b816d}.map-play-heading{margin-bottom:22px}.location-quiz .location-info{align-self:start}.location-quiz .feedback strong,.location-quiz .feedback span{display:block;margin:8px 0}.geo-map-entry{margin:24px 0;padding:28px}.geo-map-entry p{margin:14px 0}.map-region[aria-disabled=true]{cursor:default}@media(max-width:750px){.location-card{grid-template-columns:1fr;padding:16px;gap:10px}.germany-svg{max-height:none;min-height:330px}.location-info{padding:10px}.location-quiz .location-info{order:-1}.location-quiz .location-info h2{display:none}.location-quiz .location-info>p:last-child{display:none}.map-mode-actions{gap:8px;margin-bottom:16px}.map-mode-actions button{font-size:11px;padding:12px}.map-play-heading h1{font-size:27px}.location-state-list button{font-size:11px}.map-state-label{font-size:13px}.geo-map-entry{padding:22px}.location-quiz .feedback{margin:0}.location-quiz .location-info>p{margin:8px 0}}@media(prefers-reduced-motion:reduce){.map-region path{transition:none}}
.map-scroll{overflow:auto;max-height:650px;border-radius:18px}.map-scroll .germany-svg{width:calc(100% * var(--map-zoom));max-height:none;min-height:0;max-width:none}.map-zoom-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;font-size:12px}.map-zoom-controls button{min-height:44px;min-width:44px;padding:8px;font-size:22px}.map-touch-cities{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}.map-touch-cities button{min-height:44px;font-size:12px;padding:12px 15px}
.map-inset.map-right rect,.map-inset.map-right:hover rect{fill:#90c49c;stroke:#438758;stroke-width:3}.map-inset.map-wrong rect,.map-inset.map-wrong:hover rect{fill:#e2aaa1;stroke:#ac7464;stroke-width:3}
.map-context path{fill:#e6e9df;stroke:#fffaf2;stroke-width:1.3;pointer-events:none}.map-context.map-central path{fill:#719681;stroke:#fff9e9;stroke-width:2}.map-context text{fill:#fffef5;font:900 22px Nunito;pointer-events:none}.neighbors-svg .map-state-label{font-size:17px}
/* European map: room for the map, a compact country selector and clear borders. */
.europe-location-card{grid-template-columns:minmax(0,2.1fr) minmax(250px,1fr);align-items:start;gap:24px;padding:24px}.europe-location-card .location-info{align-self:start;padding:8px 0}.europe-location-card .location-state-list{max-height:240px;overflow-y:auto;overscroll-behavior:contain;grid-template-columns:1fr;gap:7px;margin:12px 0;padding:2px 5px 2px 2px}.europe-location-card .location-state-list button{font-size:13px;min-height:44px;padding:10px 12px;text-align:left}.map-region-filter{display:grid;gap:7px;font-size:13px;font-weight:800;margin-top:18px}.map-region-filter select{width:100%;padding:12px;border:1px solid #a0b5a6;border-radius:12px;background:#fffdf6;color:#294f4b}.europe-location-card .map-label-hint{font-size:12px}.europe-location-card #map-capital-practice{width:100%;white-space:normal;line-height:1.5}.europe-svg .map-region path{stroke:#6b8579;stroke-width:1.3;vector-effect:non-scaling-stroke;fill:var(--region-color)}.europe-svg .map-context path{fill:#e0e5df;stroke:#aeb9b0;stroke-width:.7;vector-effect:non-scaling-stroke}.europe-svg .map-state-label{fill:#23443a;font-weight:900;paint-order:stroke;stroke:#fffef5;stroke-width:3px;stroke-linejoin:round}.europe-svg .map-region.selected path,.europe-svg .map-region:hover path,.europe-svg .map-region:focus-visible path{fill:#65ae91;stroke:#174f43;stroke-width:3}.europe-svg .map-region.map-right path{fill:#80c78b;stroke:#245e33;stroke-width:3}.europe-svg .map-region.map-wrong path{fill:#e69991;stroke:#923d36;stroke-width:3}.europe-svg .map-callout-line{stroke:#385d50;stroke-width:2}.europe-svg .map-inset rect{stroke:#4c7765;stroke-width:2;fill:#fffaf0}.europe-location-card .map-scroll{max-height:760px}.europe-location-card .map-touch-cities{justify-content:flex-start}
@media(max-width:1000px){.europe-location-card{grid-template-columns:1fr}.europe-location-card .location-info{display:block}.europe-location-card .location-state-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.europe-location-card .map-scroll{max-height:650px}.europe-location-card .location-info h2{display:block}.europe-location-card.location-quiz .location-info{order:-1}}
@media(max-width:600px){.europe-location-card{padding:14px}.europe-location-card .location-state-list{grid-template-columns:1fr;max-height:220px}.europe-location-card .map-scroll{max-height:500px}}

/* Europe: full-width map; country details underneath. */
.europe-location-card{grid-template-columns:minmax(0,1fr)}.europe-location-card>div{min-width:0}.europe-location-card .map-scroll{aspect-ratio:900 / 730;max-height:none}.europe-location-card .location-info{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);column-gap:32px;align-items:start}.europe-location-card .location-info>h2,.europe-location-card .location-info>.label{grid-column:1 / -1}.europe-location-card.location-quiz .location-info{order:-1}.europe-location-card .map-touch-cities{justify-content:center}@media(max-width:600px){.europe-location-card .location-info{display:block}.europe-location-card .map-scroll{max-height:none}}

.map-hover-name{position:fixed;z-index:40;pointer-events:none;max-width:min(280px,calc(100vw - 16px));padding:10px 14px;border:1px solid #739684;border-radius:10px;background:#fffdf4;color:#23443a;font-size:15px;font-weight:800;line-height:1.4;box-shadow:0 4px 16px #0003;overflow-wrap:anywhere}.map-hover-name[hidden]{display:none}.europe-discovery .map-region path{fill:var(--region-color);stroke:#375e50;stroke-width:1.8}.europe-discovery .map-region:hover path,.europe-discovery .map-region:focus-visible path{fill:#a8dfc5;stroke:#1c5b49;stroke-width:3}.europe-discovery .map-region.selected path{fill:#f0d893;stroke:#72551e;stroke-width:3}html[data-theme=dark] .map-hover-name{background:#152b23;color:#e4f3dc;border-color:#8ab29b}

html[data-theme=dark] .europe-discovery .map-region path{fill:var(--region-color);stroke:#294f43;stroke-width:1.8}html[data-theme=dark] .europe-discovery .map-region:hover path,html[data-theme=dark] .europe-discovery .map-region:focus-visible path{fill:#a8dfc5;stroke:#e5fff3;stroke-width:3}html[data-theme=dark] .europe-discovery .map-region.selected path{fill:#f0d893;stroke:#fff1bb;stroke-width:3}.europe-discovery .map-callout-line{stroke:#658777;stroke-width:2;opacity:.85}html[data-theme=dark] .europe-discovery .map-callout-line{stroke:#b2cfc0}.europe-discovery .map-inset rect{fill:#e3ecdc;stroke:#375e50}html[data-theme=dark] .europe-discovery .map-inset rect{fill:#cee1d2;stroke:#f0f8e8}html[data-theme=dark] .europe-discovery .map-inset text{fill:#193d30}.europe-discovery .map-inset:hover rect,.europe-discovery .map-inset:focus-visible rect{fill:#a8dfc5}.europe-discovery .map-inset.selected rect{fill:#f0d893}

html[data-theme=dark] .europe-discovery .map-inset:hover rect,html[data-theme=dark] .europe-discovery .map-inset:focus-visible rect{fill:#a8dfc5}html[data-theme=dark] .europe-discovery .map-inset.selected rect{fill:#f0d893}