.geo-game{background:#eff6f0}.geo-root{max-width:1120px;margin:auto;padding:16px 20px 28px;font-family:var(--font-body,sans-serif);color:#183f43}.geo-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 12px}.geo-banner h2{font-size:clamp(23px,3vw,32px);margin:0;line-height:1.4}.geo-badge{background:#fff1c9;border:2px solid #947336;border-radius:15px;padding:10px 14px;font-weight:800;white-space:nowrap}.geo-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:18px;align-items:start}.geo-mapbox{position:relative;overflow:hidden;border-radius:24px;border:3px solid #83b4c1;background:#d9f0f8;box-shadow:0 6px 0 #c4dce1}.geo-mapbox svg{display:block;width:100%;height:auto;max-height:64vh;user-select:none;touch-action:pan-y}.geo-land{fill:#e7efcf;stroke:#739a91;stroke-width:.7;vector-effect:non-scaling-stroke}.geo-land.is-country{fill:#9cd6b5;stroke:#386e60;stroke-width:1.7}.geo-land.is-selected{fill:#ffd880;stroke:#705124;stroke-width:3}.geo-route{fill:none;stroke:#e6684c;stroke-width:4;stroke-dasharray:8 6;vector-effect:non-scaling-stroke}.geo-pin{cursor:pointer;outline:none}.geo-pin circle{fill:#fff8de;stroke:#365b6b;stroke-width:2}.geo-pin text{font:bold 21px sans-serif;fill:#244957;pointer-events:none}.geo-pin.is-selected circle{fill:#ffd576;stroke:#795320;stroke-width:3}.geo-pin:focus circle{stroke:#783aac;stroke-width:4}.geo-plane{font-size:30px;paint-order:stroke;stroke:white;stroke-width:2;pointer-events:none}.geo-compass{font:bold 17px sans-serif;fill:#245268}.geo-label{font:bold 16px sans-serif;fill:#325e64;paint-order:stroke;stroke:#e9faff;stroke-width:4;pointer-events:none}.geo-note{padding:10px 14px;margin:0;color:#385965;font-size:14px;line-height:1.6;background:#e9f9ff}.geo-controls{display:flex;gap:8px;padding:10px;background:#effaff;flex-wrap:wrap}.geo-btn{font:inherit;font-weight:800;min-height:56px;padding:10px 14px;border:2px solid #709aa0;border-radius:15px;background:white;color:#244e56;cursor:pointer;touch-action:manipulation;line-height:1.4}.geo-btn:hover{background:#eefbfa}.geo-btn:focus-visible{outline:4px solid #9d5ccb;outline-offset:3px}.geo-btn.is-on{background:#ffe2a0;border-color:#886321;color:#503512}.geo-btn:disabled{cursor:default;opacity:.65}.geo-controls .geo-btn{flex:1;min-width:68px}.geo-panel{background:#fff;border:2px solid #ccdeda;border-radius:22px;padding:18px}.geo-panel h3{font-size:23px;margin:0 0 10px}.geo-panel p{font-size:18px;line-height:1.65;margin:10px 0}.geo-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.geo-choices .geo-btn{min-height:64px;font-size:18px}.geo-primary{width:100%;background:#14796f;color:white;border-color:#0d5d55;min-height:64px;font-size:22px;box-shadow:0 4px 0 #194a4a}.geo-primary:hover{background:#0e685f}.geo-status{border-radius:14px;background:#fff1d9;border:2px solid #a6793e;padding:12px;color:#613b1d}.geo-status.is-good{background:#e1f5e8;border-color:#38815b;color:#20563c}.geo-passport{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0;font-size:17px}.geo-stamp{padding:8px 10px;border:2px dashed #8c6139;border-radius:12px;background:#fff2d1;color:#684122}.geo-attribution{margin:18px 0 0;font-size:13px;line-height:1.7;color:#49655b}.geo-attribution a{color:#285879;text-decoration:underline}.geo-explore-list{max-height:370px;overflow-y:auto;padding:4px}.geo-travel-message{font-size:20px;font-weight:800}.geo-help{font-size:15px;line-height:1.6}.geo-help summary{min-height:52px;padding:12px;cursor:pointer}.geo-turn{text-align:center;padding:30px 14px}.geo-turn .geo-primary{max-width:430px}
@media(max-width:699px){.geo-root{padding:12px}.geo-layout{display:flex;flex-direction:column;gap:12px}.geo-mapbox,.geo-panel{width:100%;box-sizing:border-box}.geo-mapbox svg{max-height:48vh}.geo-panel{padding:14px}.geo-panel p{font-size:17px}.geo-banner{align-items:flex-start}.geo-banner h2{font-size:23px}.geo-badge{font-size:14px;padding:8px}.geo-note{font-size:12px}.geo-choices{gap:8px}.geo-choices .geo-btn{font-size:17px;min-height:60px}.geo-controls .geo-btn{font-size:16px}.geo-primary{position:sticky;bottom:8px;z-index:3}.geo-passport{font-size:15px}}
.geo-panel>.geo-primary{margin:4px 0 16px}.geo-panel>.geo-btn:not(.geo-primary){margin:2px 0 8px}.geo-world .geo-land.is-country{cursor:pointer}.geo-world .geo-layout{grid-template-columns:1fr}.geo-world .geo-mapbox svg{max-height:50vh}.geo-world .geo-panel .geo-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-world .geo-panel .geo-primary{max-width:520px}.geo-world .geo-explore-list{max-height:280px}
/* Keep the action in document flow: a sticky button covered destination choices on phones. */
@media(max-width:699px){.geo-primary{position:static}.geo-world .geo-panel .geo-explore-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.geo-game *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}