/* A field atlas: map, place name, index. No nested cards or decorative accent rails. */
.detail{background:#f0ede4;border-radius:0;box-shadow:0 10px 40px #0003;top:96px;bottom:90px;width:340px;scrollbar-width:thin;scrollbar-color:#929b8e #f0ede4}
.detail header{background:transparent;color:#24342d;padding:28px 24px 24px;border-bottom:1px solid #bcc4b6}.detail header .eyebrow{color:#5a685d;font:10px Mono;letter-spacing:.12em}.detail header h2{font-size:52px;letter-spacing:-.015em;line-height:.95;margin:19px 0 14px}.detail header p{color:#435248;font-size:13px;line-height:1.7}.close{background:transparent;color:#24342d;border-radius:0;top:9px;right:9px;font-weight:300}.detail .content{padding:20px 24px}.section-label{font:10px Mono;letter-spacing:.1em;color:#526454;margin:0 0 14px}
.country{border:0;border-top:1px solid #b9c1b2;background:transparent;border-radius:0;margin:0;padding:15px 0;display:grid;grid-template-columns:20px 1fr 46px 15px;gap:10px;align-items:center;color:#273b2c;min-height:76px}.country:last-child{border-bottom:1px solid #b9c1b2}.country:hover{background:#e2e4d8}.country strong{font-family:Geist,sans-serif;font-size:17px;font-weight:500}.country span{color:#596a5b}.country-number{font:10px Mono}.country-outline svg{display:block;width:44px;height:38px}.index-note{color:#526454;font-size:12px;line-height:1.7;margin:18px 0 0}.place-summary{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;margin-bottom:28px}.country-portrait{background:#dbe0d1;padding:10px}.country-portrait svg{display:block;width:100%;height:85px}.place-summary strong{font:19px Display;color:#263a2d}.place-summary p{font-size:11px;color:#526454;margin-top:5px}.place-summary .section-label{margin:0 0 7px}
.city{padding:0;margin:0;border-radius:0;background:transparent;border-top:1px solid #b9c1b2}.city:last-child{border-bottom:1px solid #b9c1b2}.city summary{cursor:pointer;display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:12px;color:#24382a;list-style:none}.city summary::-webkit-details-marker{display:none}.city summary span{font-size:15px;font-weight:500}.city summary small{font:10px Mono;color:#5a6a5b}.city summary:focus-visible{outline:2px solid #15803d;outline-offset:2px}.city[open] summary{font-weight:600}.city-story{padding:0 0 16px}.city-story p{font-size:12px;color:#4b5d4e;line-height:1.7;margin:0}.stadium{display:grid;gap:4px;border-color:#c0c8b9;padding:12px 0 0}.stadium strong{font:20px Display;color:#2a3d2d}.stadium span{font-size:12px;color:#4b5d4e}.stadium small{font:10px Mono;color:#4b5d4e}
.top{align-items:center}.brand h1{font-size:37px}.brand p{font-size:9px}.actions button{border-radius:2px;background:transparent;border:1px solid #ffffff3d}.nav{justify-content:center;gap:0;background:#17263a;border-top:1px solid #ffffff26;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.nav button{border:0;border-radius:0;background:transparent;padding:18px 22px;font:500 13px Geist;min-height:60px}.nav button[aria-pressed=true]{background:#315748}.nav .world{background:transparent;color:#d5dfdc}.hint{bottom:76px;font-size:9px}.atlas-mode{background:#e8e7dc}.atlas-mode .top{color:#233c36}.atlas-mode .brand p{color:#5d726b}.atlas-mode .actions button{color:#29453b;border-color:#8b9f94}.atlas-mode .actions button[aria-pressed=true]{background:#315748;color:#fff}.atlas-mode .nav{background:#dee3d5;border-top-color:#9aaf9f}.atlas-mode .nav button{color:#2d4538}.atlas-mode .nav button[aria-pressed=true]{color:white}.atlas-mode .hint{color:#526e64}.atlas-mode .detail{box-shadow:none;border-left:1px solid #91a899}.atlas-mode.detail-open #atlas{right:376px}
#atlas{inset:90px 20px 96px;background:#cbdedc;border-radius:0;border:1px solid #8cabaa}#atlas svg{touch-action:none;cursor:grab}#atlas svg:active{cursor:grabbing}#atlas text{stroke:none;fill:#304638;paint-order:stroke;font-family:Geist,sans-serif;pointer-events:none}#atlas .atlas-country-name{font-size:2.5px;font-weight:500;stroke:#d7dfcb;stroke-width:.5px}#atlas .atlas-continent-name{font-family:Display,sans-serif;font-size:5px;letter-spacing:.45px;stroke:#e0e6d3;stroke-width:.7px}#atlas .atlas-ocean-name{font-family:Mono,monospace;font-size:5px;letter-spacing:2px;fill:#789e9c}#atlas .atlas-city-name{font-size:1.1px;font-weight:500;stroke:#e8e7d6;stroke-width:.25px}.atlas-country:hover{filter:brightness(1.08)}
@media(max-width:900px){.nav button{padding:16px 12px;font-size:12px}.detail{width:310px}.atlas-mode.detail-open #atlas{right:344px}}
@media(max-width:600px){.brand h1{font-size:29px}.top{left:12px;right:12px}.actions button{min-height:44px;padding:0 9px}.detail{left:0;right:0;width:auto;top:auto;bottom:102px;max-height:38dvh;border-top:1px solid #a6b5a1}.detail header{padding:19px 20px 16px}.detail header h2{font-size:39px;margin:12px 0}.detail header p{font-size:12px}.detail .content{padding:18px 20px}.nav{padding:5px 8px;justify-content:center;gap:0}.nav button{font-size:11px;padding:8px 11px;min-height:44px}.country{min-height:60px;padding:10px 0}.country strong{font-size:16px}#atlas{inset:80px 10px 116px}.atlas-mode.detail-open #atlas{right:10px;bottom:calc(38dvh + 110px)}.place-summary{margin-bottom:22px}.hint{display:none}}
.atlas-mode #rotate{display:none}

#atlas .country-canvas{position:absolute;inset:0;width:100%;height:100%;display:none;touch-action:none}#atlas.country-active>svg{display:none}#atlas.country-active .country-canvas{display:block}#atlas.country-active{background:#b8d6dc}
.atlas-mode:has(#atlas.country-active) #borders{display:none}

/* ClawFC chrome: neutral reading surfaces, navy navigation, red active state. */
.atlas-mode{background:#e4e7eb}.detail{background:#f7f8fa;scrollbar-color:#7d8794 #f7f8fa}.atlas-mode .top,.atlas-mode .actions button,.detail header,.country,.city summary,.place-summary strong,.stadium strong{color:#172237}.detail header p,.city-story p,.stadium span,.stadium small,.place-summary p,.section-label,.index-note{color:#485363}.atlas-mode .brand p{color:#485363}.nav,.atlas-mode .nav{background:#101d32;border-color:#ffffff26}.atlas-mode .nav button,.nav button{color:#f4f6f8}.nav button[aria-pressed=true],.atlas-mode .actions button[aria-pressed=true]{background:#b82435;color:#fff}.atlas-mode .actions button{border-color:#8793a3}.atlas-mode .detail{border-left-color:#9ca6b3}.atlas-mode .hint{color:#485363}#atlas{border-color:#8793a3}#atlas.country-active{background:#233b4c}.country:hover{background:#e4e7eb}.country-portrait{background:#e0e4e9}.detail{overscroll-behavior:contain}.detail h2{text-wrap:balance}.detail p{overflow-wrap:anywhere}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #246bc4!important;outline-offset:3px}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

.actions button[aria-pressed=true]{background:#b82435}.city summary small,.country span{color:#485363}.stadium small{font-variant-numeric:tabular-nums}.atlas-mode{color-scheme:light}
@media(min-width:601px) and (max-width:900px){.detail{left:20px;right:20px;width:auto;top:auto;bottom:76px;max-height:34dvh;border-top:1px solid #9ca6b3}.atlas-mode.detail-open #atlas{right:20px;bottom:calc(34dvh + 88px)}.detail header{padding:20px 24px}.detail header h2{font-size:42px;margin:12px 0}.detail .content{padding:18px 24px}}