/* Lighting, sky and labels share the map viewport; overlays never capture gestures. */
.city-art{overflow:hidden;touch-action:none}
.city-art[data-phase=dawn]{background:radial-gradient(ellipse at 72% 18%,#ffeec2 0%,#bfe6df 40%,#85bfd1 100%)}
.city-art[data-phase=noon]{background:radial-gradient(ellipse at 78% 18%,#fff4bd 0%,#a8dfd9 44%,#76b8d2 100%)}
.city-art[data-phase=dusk]{background:radial-gradient(ellipse at 16% 40%,#ffc590 0%,#edb1a1 32%,#a99fbb 73%,#7b8ca9)}
.city-art[data-phase=night]{background:radial-gradient(ellipse at 50% 55%,#152b43,#0b172b 68%,#070f20)}
.map-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}
.morning-air{position:absolute;inset:0;opacity:0;background:linear-gradient(145deg,#e1faff32,transparent 42%,#fff2ce14);transition:opacity 1s}
[data-phase=dawn] .morning-air{opacity:1}
.noon-sun,.coast-sunset{position:absolute;pointer-events:none;opacity:0;transition:opacity 1s;transform:translate(-50%,-50%);width:0;height:0}
.noon-sun{left:78%;top:18%}
.noon-sun i,.coast-sunset i{position:absolute;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%;width:230px;height:230px;background:radial-gradient(circle,#fffbeac9 0%,#fff8cc52 17%,#ffe9aa1e 39%,#fff0b500 69%)}
.noon-sun b{position:absolute;width:23px;height:23px;border-radius:50%;left:-11.5px;top:-11.5px;background:#fffef2;box-shadow:0 0 12px 5px #fffbeac9,0 0 36px 14px #fff3b76b}
.noon-sun:after{content:'';position:absolute;width:130px;height:1px;left:-65px;top:0;background:linear-gradient(90deg,transparent,#fffef5cc,transparent);transform:rotate(-28deg);box-shadow:0 0 8px #fff5c780}
[data-phase=noon] .noon-sun{opacity:.82}
.coast-sunset{transform:translate(-50%,-50%) scale(var(--sun-scale,1))}
.coast-sunset i{width:260px;height:150px;background:radial-gradient(ellipse,#ffdb9e94,#f98d6942 38%,#eaa3c500 72%)}
.coast-sunset b{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border-radius:50%;background:linear-gradient(#fff4c3,#ffbd71);box-shadow:0 0 19px 5px #ffc07885}
.coast-sunset span{position:absolute;width:150px;height:4px;left:-75px;top:12px;border-radius:50%;background:linear-gradient(90deg,transparent,#ffd6ab8c,transparent);box-shadow:10px 9px 9px #f38d7566,-10px -14px 12px #ffe7bd44}
[data-phase=dusk] .coast-sunset{opacity:1}
.sunset-reflection{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:hidden;transition:opacity 1s}
.sunset-reflection path{fill:none;stroke:#ffdfa9;stroke-width:2.3;stroke-linecap:round}
[data-phase=dusk] .sunset-reflection{opacity:1}
.world-labels{z-index:10}
.city-art .landmark-label.map-landmark,.city-art.is-3d .landmark-label.map-landmark{display:flex!important;transform:none!important;box-sizing:border-box;height:34px;min-height:34px;padding:4px 8px;gap:5px;font-size:15px;line-height:24px;font-weight:650;border:1px solid #c8d8c1;background:#fffdf3ef;box-shadow:0 2px 7px #284e3826;color:#315e4c;border-radius:9px;white-space:nowrap;justify-content:center;pointer-events:auto}
.city-art .landmark-label.map-landmark span{width:6px;height:6px;min-width:6px;border-radius:50%;background:#16876e;box-shadow:none}
.city-art .landmark-label.map-landmark:after{display:none}
.city-art .landmark-label.map-landmark[data-importance='代表地標']{font-weight:750;border-color:#91b6a2}
.city-art .landmark-label.map-landmark[hidden],.city-art.is-3d .landmark-label.map-landmark[hidden]{display:none!important}
.city-art .geography-labels>span,.city-art .nature-labels>span{box-sizing:border-box;height:26px;min-height:26px;padding:3px 6px;font-size:13px;line-height:18px;transform:none;letter-spacing:0;text-align:center;border-radius:7px;white-space:nowrap}
.city-art .neighbor-pin{box-sizing:border-box;height:32px;min-height:32px;padding:0;gap:0;transform:none;justify-content:center}
.city-art .neighbor-pin span{font-size:13px;line-height:22px;letter-spacing:0;padding:2px 7px}
.city-art.is-3d[data-phase=night] .landmark-label.map-landmark{background:#182f43ed;color:#e3efdc;border-color:#5c7f88;box-shadow:0 2px 8px #0003}
.city-art.is-3d[data-phase=night] .landmark-label.map-landmark span{background:#ffce79;box-shadow:0 0 7px #ffcc7466}
[data-phase=night] .nature-labels span{background:#183047e8;color:#a7c1c1}
[data-phase=night] .neighbor-pin span{background:#1b3449;color:#bed2cf}
.island-app[data-phase=night] .map-compass{background:#142a40e8;color:#d9ebe2;border-color:#647f88}
@media(max-width:799px){
 .noon-sun{left:79%;top:17%}.noon-sun i{width:170px;height:170px}.noon-sun b{width:18px;height:18px;left:-9px;top:-9px}
 .island-app[data-phase=dawn] .island-header:before{background:linear-gradient(#eef8ed 78%,#eef8ed00)}
 .island-app[data-phase=dusk] .island-header:before{background:linear-gradient(#eed2bd 78%,#eed2bd00)}
 .island-app[data-phase=night] .island-header:before{background:linear-gradient(#0c192d 78%,#0c192d00)}
}
@media(prefers-reduced-motion:reduce){.map-atmosphere *{transition:none}}

.island-app[data-phase=night] #northArrow{color:#d9ebe2}