/* Real ward geography, styled as a night-time Tokyo travel atlas. */
.tokyo-atlas{border:1px solid #3a4264;border-radius:6px;background:#10162b;overflow:hidden;margin-top:25px;box-shadow:0 16px 50px #0003}
.atlas-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 27px;background:linear-gradient(100deg,#202441,#171d35);border-bottom:1px solid #3a4264}
.atlas-heading .eyebrow{color:#f2a0d5;font-size:10px;letter-spacing:2px}.atlas-heading p{font-size:18px;margin:8px 0 0;font-weight:600;letter-spacing:1px}
.atlas-progress{display:flex;gap:10px;align-items:center;white-space:nowrap}.atlas-progress strong{font:italic 44px Georgia,serif;color:#9bebf3}.atlas-progress>span{font-size:12px;color:#c2cce3}.atlas-progress small{display:block;font-size:10.5px;margin-top:6px;color:#94a7c2}
.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px}.atlas-map-column{min-width:0;background:radial-gradient(ellipse at 35% 30%,#192740,#0c1429 70%)}
.map-legend{display:flex;flex-wrap:wrap;gap:18px;padding:20px 24px 0;font-size:11px;color:#c4d0e6}.map-legend .cleared{color:#8de7e6}.map-legend .next{color:#ffa8df}.map-legend .locked{color:#a6b0c8}
.ward-map-scroll{position:relative;overflow:hidden}.ward-map{display:block;width:100%;height:auto;aspect-ratio:760/740;max-height:560px;touch-action:pan-y;user-select:none}.ward-map.zoomed{touch-action:none;cursor:grab}.ward-map.zoomed:active{cursor:grabbing}
.ward-shape{fill:#28334f;stroke:#7486a5;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;transition:fill .16s,stroke .16s}.map-ward{cursor:pointer;outline:none}.ward-label{font:600 16px var(--sans);fill:#dce7fa;paint-order:stroke;stroke:#25304a;stroke-width:4px;stroke-linejoin:round;pointer-events:none;letter-spacing:.2px}.ward-symbol{font:bold 17px var(--sans);fill:#9decef;pointer-events:none;paint-order:stroke;stroke:#16333e;stroke-width:3px}
.map-ward.cleared .ward-shape{fill:#1f5b66;stroke:#7ddddc}.map-ward.cleared .ward-label{fill:#d5ffff;stroke:#1f5b66}.map-ward.next .ward-shape{fill:#843e74;stroke:#f9a1d8;stroke-width:1.2}.map-ward.next .ward-label{fill:#fff4fb;stroke:#843e74}.map-ward.next .ward-symbol{fill:#ffb5e3;stroke:#743563}
.map-ward.selected .ward-shape{stroke:#fff3fe;stroke-width:2;fill:#744773}.map-ward.selected.cleared .ward-shape{fill:#327583}.map-ward.selected.next .ward-shape{fill:#a84e8a}.map-ward.selected .ward-label{fill:white;stroke:#613d60}.map-ward:hover .ward-shape{fill:#465575;stroke:#bed0eb}.map-ward:focus-visible .ward-shape{stroke:#fff;stroke-width:3;fill:#6b5885}.map-ward:focus-visible .ward-label{fill:#fff;stroke:#4a395f}
.map-water{font:19px var(--sans);fill:#668ba7;text-anchor:middle;letter-spacing:5px;pointer-events:none}.map-water tspan{font:10px var(--sans);letter-spacing:3px}.map-compass{position:absolute;right:23px;top:20px;text-align:center;font:11px Georgia;color:#b3c6de;pointer-events:none;z-index:1}.map-compass span{display:block;font-size:31px;line-height:1.4;color:#84c3d6}
.map-controls{position:absolute;bottom:14px;right:16px;display:flex;align-items:center;background:#101a30ee;border:1px solid #506282;border-radius:4px;box-shadow:0 4px 15px #0005;overflow:hidden}.map-controls button{color:#eaf3ff;background:transparent;border:0;min-width:44px;min-height:44px;font-size:20px;cursor:pointer}.map-controls button:hover{background:#324058}.map-controls button:disabled{opacity:.3;cursor:default}.map-controls output{font-size:10.5px;color:#b1c5e0;min-width:35px;text-align:center}.map-controls .map-reset{font-size:11px;padding:0 12px;border-left:1px solid #3b4b68}
.map-selection{display:flex;align-items:center;gap:10px;padding:6px 21px 0}.map-selection label{font-size:11px;white-space:nowrap;color:#a5b9d5}.map-selection select{min-width:0;flex:1;border:1px solid #4c5e7a;background:#152039;color:#e8efff;border-radius:3px;min-height:42px;padding:8px;font-size:11px}.map-selection .btn{font-size:11px;min-height:42px;white-space:nowrap;padding:9px 12px}.map-help{font-size:10.5px;line-height:1.8;color:#9caccc;padding:0 22px;margin:12px 0 20px}
.map-destination{border-left:1px solid #3a4264;background:#141b32;min-width:0}.destination-top{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:20px 20px 16px}.destination-top>span:last-child{font-size:10px;letter-spacing:1px;color:#9ba8c4}.map-status{font-size:11px}.map-status.next{color:#ffa8df}.map-status.cleared{color:#8de7e6}.map-status.locked{color:#b2c0db}
.destination-scene{height:135px;position:relative;background:linear-gradient(90deg,#1b213edd,#1c213e44),url('/assets/tokyo-night-1988.png') 85% 33%/cover;display:flex;flex-direction:column;justify-content:center;padding:24px;overflow:hidden;border-top:1px solid #4d4265;border-bottom:1px solid #4d4265}.destination-scene>span{font-size:10px;letter-spacing:2px;color:#eeacd7;z-index:1}.destination-scene b{font:600 37px var(--serif);letter-spacing:5px;margin-top:12px;color:#fff3fa;z-index:1}.destination-scene i{position:absolute;right:16px;bottom:8px;font:90px Georgia;color:#dc77c322}
.destination-copy{padding:25px 23px}.destination-copy .eyebrow{font-size:10px;color:#a9a6c8;letter-spacing:1px}.destination-copy h2{font:600 21px/1.6 var(--serif);margin:11px 0 6px;letter-spacing:.5px}.destination-club{font:italic 13px Georgia,serif;color:#f3b4d9;letter-spacing:1px}.destination-copy p{font-size:11px;color:#b8c6df;line-height:2.15;margin:22px 0}.destination-goal{display:flex;flex-wrap:wrap;gap:8px;font-size:10.5px;color:#a2dce2;border-top:1px solid #394361;padding:15px 0 20px}.destination-goal span+span:before{content:'·';margin-right:8px}.destination-copy .btn{min-height:46px;font-size:11px}.destination-copy>small{display:block;margin-top:12px;font-size:10px;line-height:1.8;color:#9aa9c4;text-align:center}.destination-lock{border:1px dashed #5a5d7b;border-radius:3px;padding:14px;font-size:11px;line-height:1.8;color:#bdc7dd}
.map-source{font-size:10.5px;line-height:1.8;padding:17px 24px;margin:0;border-top:1px solid #3a4264;color:#9ba9c4;background:#10172b}.map-source a{color:#bacde8;text-underline-offset:3px}.campaign-itinerary{margin:25px 0;border:1px solid #364060;border-radius:4px;padding:0 22px;background:#11182c}.campaign-itinerary>summary{cursor:pointer;padding:20px 0;font-size:13px;letter-spacing:1px}.campaign-itinerary>summary span{color:#9ca8c5;font-size:10.5px;letter-spacing:0;margin-left:15px}.campaign-itinerary .district-route{margin:0 0 24px}.campaign-itinerary .route-chapter{font-size:17px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.atlas-layout{grid-template-columns:minmax(0,1fr) 260px}.destination-copy{padding:21px 18px}.destination-copy h2{font-size:18px}.destination-top{padding:18px 15px}.map-selection{flex-wrap:wrap;padding:4px 16px 0}.map-selection .btn{width:100%}.map-help{padding:0 16px}.map-legend{gap:12px;padding:18px 18px 0;font-size:10.5px}}
@media(max-width:750px){.atlas-layout{grid-template-columns:1fr}.map-destination{border-left:0;border-top:1px solid #3a4264}.destination-scene{height:105px}.destination-copy{padding:23px}.destination-copy h2{font-size:22px}.destination-copy p{font-size:12px;margin:18px 0}.destination-top{padding:18px 23px}.map-selection{flex-wrap:nowrap;padding:6px 18px 0}.map-selection .btn{width:auto}.map-help{padding:0 18px}.ward-map{max-height:580px}.map-legend{padding:19px 21px 0;gap:20px;font-size:11px}}
@media(max-width:650px){.tokyo-atlas{margin-top:21px}.atlas-heading{padding:19px 18px;gap:10px}.atlas-heading .eyebrow{font-size:10px;letter-spacing:1.3px}.atlas-heading p{font-size:13px;letter-spacing:.5px}.atlas-progress{gap:6px}.atlas-progress strong{font-size:35px}.atlas-progress>span{font-size:10.5px}.atlas-progress small{font-size:10px}.map-legend{font-size:10.5px;gap:15px;padding:18px 16px 6px}.ward-map-scroll{padding-bottom:47px}.ward-label{font-size:20px;stroke-width:5px;letter-spacing:-.4px}.ward-symbol{font-size:23px}.map-controls{bottom:7px;right:14px}.map-compass{right:14px;top:12px;font-size:10px}.map-compass span{font-size:25px}.map-selection{flex-wrap:wrap;padding:9px 14px 0;gap:7px}.map-selection select{font-size:11px}.map-selection .btn{width:100%;margin-top:3px}.map-selection label{font-size:11px}.map-help{font-size:10.5px;padding:0 15px;margin:11px 0 16px}.map-source{font-size:10px;padding:15px 17px}.destination-scene b{font-size:32px}.destination-copy{padding:23px 19px}.destination-copy .eyebrow{font-size:10px}.destination-goal{font-size:11px}.destination-copy>small{font-size:10.5px}.campaign-itinerary{padding:0 14px}.campaign-itinerary>summary{font-size:12px}.campaign-itinerary>summary span{display:block;margin:8px 0 0 17px}}
@media(min-width:751px){.content:has(.tokyo-atlas){padding-top:20px}.content:has(.tokyo-atlas) .page-head{margin-bottom:20px}.content:has(.tokyo-atlas) .page-head p{margin-top:9px}.tokyo-atlas{margin-top:18px}.atlas-heading{padding:14px 25px}.atlas-progress strong{font-size:36px}.atlas-heading p{font-size:16px}.ward-map{height:clamp(410px,57vh,560px);aspect-ratio:auto}.destination-scene{height:105px}.destination-copy{padding-top:20px}.destination-copy p{margin:16px 0}.map-legend{padding-top:14px}.ward-label{font-size:18px}}
@media(prefers-reduced-motion:reduce){.ward-shape{transition:none}}.reduce-motion .ward-shape{transition:none}