.tokyo-map-shell{width:100%}.tokyo-map{aspect-ratio:4/3;isolation:isolate;background:#101b2e;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 9px 28px #0510233b}.tokyo-map-scene{isolation:isolate;position:absolute;inset:0}.tokyo-map-bg{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.tokyo-map-bg-dark{filter:grayscale(.45)brightness(.74)}.tokyo-landmark{z-index:40;pointer-events:none;filter:drop-shadow(0 4px 3px #07152766);height:auto;position:absolute;transform:translate(-50%,-100%)}.tokyo-district{text-align:center;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:flex-end;align-items:center;min-width:44px;min-height:44px;display:flex;position:absolute;transform:translate(-50%,-100%)}.tokyo-district-art{filter:drop-shadow(0 3px 2px #09213777);width:100%;height:auto;margin:auto;transition:transform .35s,filter .35s;display:block}.tokyo-district:hover .tokyo-district-art,.tokyo-district:focus-visible .tokyo-district-art{filter:drop-shadow(0 3px 5px #fff5ba99);transform:scale(1.12)}.tokyo-district.charging .tokyo-district-art{animation:1.2s ease-in-out infinite charge}.tokyo-district.pop .tokyo-district-art{animation:.75s cubic-bezier(.15,.85,.25,1.35) nodePop}.tokyo-district-pin{color:#fff;background:#123556e8;border:2px solid #fff9;border-radius:50%;place-items:center;width:25px;height:25px;margin-top:15px;font-size:11px;font-weight:900;display:inline-grid;box-shadow:0 3px 5px #10213c8a}.tokyo-district-badge{color:#fff;white-space:nowrap;background:#10243fe8;border:1px solid #f7eac18a;border-radius:5px;min-width:34px;padding:1px 3px;font-size:clamp(7px,2vw,9px);font-weight:800;line-height:1.25;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #10213c77}.tokyo-district-badge-layer{z-index:45;pointer-events:none;position:absolute;transform:translate(-50%,calc(12px - 100%))}.tokyo-district-badge-layer .tokyo-district-badge{display:block;position:static;transform:none}.tokyo-map-level{z-index:30;color:#fff;background:#0c1d35dc;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:900;position:absolute;top:7px;left:7px}.tokyo-map-preview{color:#423510;background:#fff5d5;border-radius:7px;margin:6px 2px 0;padding:3px 7px;font-size:10px;font-weight:700;display:inline-block}.tokyo-map-hint{color:#64748b;margin:6px 3px 0;font-size:11px}.tokyo-map-ring{z-index:70;aspect-ratio:1;pointer-events:none;border:4px solid #ffe7a0;border-radius:50%;width:11%;animation:2s ease-out forwards ring;position:absolute;transform:translate(-50%,-50%)scale(.1);box-shadow:0 0 20px #fff2ae}.tokyo-map-flash{z-index:69;pointer-events:none;background:radial-gradient(circle,#f5d69188,#0000 50%);animation:2s ease-out forwards flash;position:absolute;inset:0}.tokyo-city-incoming{opacity:0;pointer-events:none;transition:opacity 1.45s,transform 1.45s;transform:scale(.985)}.tokyo-city-incoming.tokyo-city-reveal{opacity:1;transform:scale(1)}.tokyo-growth-popup{z-index:80;color:#fff;opacity:.45;pointer-events:none;text-align:center;background:#142a47e8;border:2px solid #ffe9a3;border-radius:14px;flex-direction:column;align-items:center;gap:5px;width:max-content;max-width:92%;padding:14px 20px;transition:transform .45s cubic-bezier(.2,1.6,.4,1),opacity .45s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.88);box-shadow:0 0 0 120vmax #08132944,0 0 30px #ffe597a6}.tokyo-growth-popup-revealed{opacity:1;transform:translate(-50%,-50%)scale(1)}.tokyo-growth-popup>span{color:#ffe493;font-size:24px;line-height:1}.tokyo-growth-popup strong{font-size:clamp(14px,4vw,19px)}.tokyo-growth-popup small{color:#fee8aa;font-weight:700}@keyframes ring{to{opacity:0;transform:translate(-50%,-50%)scale(3)}}@keyframes flash{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes charge{50%{filter:drop-shadow(0 0 13px #ffe59d);transform:translateY(-5px)}}@keyframes nodePop{0%{opacity:.4;transform:scale(.7)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tokyo-district-art,.tokyo-growth-popup,.tokyo-district.charging .tokyo-district-art,.tokyo-district.pop .tokyo-district-art,.tokyo-map-ring,.tokyo-map-flash,.tokyo-city-incoming{transition:none!important;animation:none!important}}
.city-map{border-radius:1rem;width:100%;height:auto;box-shadow:0 8px 32px #0000001f}.route-line{stroke-dasharray:4 2;animation:1.5s linear infinite dash}.route-unopened{stroke:#ffffff26;stroke-dasharray:2 3}.route-just-opened{animation:1.8s ease-out routePulse}@keyframes routePulse{0%{stroke:#f59e0b;stroke-width:.06px;filter:drop-shadow(0 0 6px #f59e0b)}50%{stroke:#fbbf24;stroke-width:.04px;filter:drop-shadow(0 0 4px #fbbf24)}to{stroke:#fff9;stroke-width:.02px;filter:none}}@keyframes dash{to{stroke-dashoffset:-6px}}.node-area{transition:r .4s ease-out,fill .4s ease-out}.node-group:hover .node-area{fill:#fff6}