﻿/* v560：淺底深字、金色選中；號誌的交通綠燈不作介面色。 */
.traffic-signal{position:absolute;display:flex;gap:2px;padding:3px;background:#fff4dd;border:1px solid #765528;border-radius:4px;transform:translate(-50%,-50%);z-index:3}
.traffic-signal i{width:5px;height:5px;border-radius:50%;background:#b8ac97}
.traffic-signal[data-state=red] i:first-child{background:#db2926;box-shadow:0 0 3px #db2926}
.traffic-signal[data-state=yellow] i:nth-child(2){background:#f2bd18}
.traffic-signal[data-state=green] i:last-child{background:#3a943c}
.district-map-art .city-traffic img:not(.sea-ship):not(.sky-plane){width:2.4%;transform:translate(-50%,-50%)}
.district-map-art .city-traffic img.flip{transform:translate(-50%,-50%) scaleX(-1)!important}
.district-map-art .city-traffic img[data-view=front],.district-map-art .city-traffic img[data-view=back]{width:1.4%}
.district-map-art .city-traffic img.sky-plane{width:3%;filter:drop-shadow(0 18px 4px #0002)}
.district-map-art .city-traffic img.sea-ship{width:2.8%}
.district-map-art .city-traffic img.sea-ship[data-kind=ship-feeder]{width:2%}
.park-map-pin{z-index:5!important;background:#fff7e4!important;color:#49331c!important;border:2px solid #b58a27!important;border-radius:9px!important;padding:5px 8px!important;min-width:90px}
.park-map-pin:focus,.park-map-pin:hover{background:#f7dd8f!important}
.amusement-park{padding:12px;background:#fff9ec;color:#49331c;border:1px solid #c5a65c;border-radius:12px}
.amusement-park h2{font-size:1.05rem;margin:0 0 6px;color:#49331c}
.amusement-park p{color:#49331c;font-size:.8rem}
.park-rides{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.park-rides button,.park-trip button{background:#fffdf7;color:#49331c;border:1px solid #b58a27;border-radius:8px;padding:10px;display:grid;gap:4px;text-align:left}
.park-rides button span,.park-rides button small{font-size:.7rem;color:#614b2d}
.park-rides button:disabled{opacity:1;background:#eee8db;color:#6c5c43}
.park-rides button.is-selected{background:#f7dd8f;border:2px solid #b58a27}
.park-trip{display:flex;align-items:center;gap:12px;margin:10px 0}.park-trip[hidden]{display:none}.park-trip progress{accent-color:#bd8a23;width:100px}.park-wheel{font-size:42px;animation:park-turn 8s linear infinite}
@keyframes park-turn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.park-wheel{animation:none}}
.intro-art>.intro-traffic-plane{position:absolute;pointer-events:none;max-width:none;transform:translate(-50%,-50%);left:50%;top:50%;z-index:2}
.intro-traffic-plane .park-map-pin{pointer-events:auto}
.map-pedestrian{position:absolute;width:.8%;aspect-ratio:1;background:url('../img/walk25d/ped-8.webp') 0 0/800% 800%;transform:translate(-50%,-90%);z-index:2}
.map-pedestrian[data-waiting=true]{filter:drop-shadow(0 0 2px #d09126)}
.park-trip .park-wheel{width:80px;height:80px;object-fit:contain}
.park-map-pin span{background:#fff7e4!important;color:#49331c!important;box-shadow:none!important;text-shadow:none!important}
.traffic-signal{gap:1px;padding:2px}.traffic-signal i{width:3px;height:3px}
dialog.district-map .district-detail:has(.amusement-park){background:#fff8e8!important}
.district-detail:has(.amusement-park) .district-detail-art{margin-right:49%}
.district-detail:has(.amusement-park) .district-detail-body{top:56px;right:8px;bottom:8px;left:auto;width:48%;padding:0;overflow-y:auto;align-content:start;background:#fff9ec;color:#49331c}
.district-detail-body:has(.amusement-park)>:not(.amusement-park){display:none}
.amusement-park .park-rides{grid-template-columns:1fr 1fr}
.amusement-park{padding:9px}.park-rides button{padding:7px}
.traffic-stop{position:absolute;width:.12%;height:1.3%;background:#fff9eb;z-index:1}
body[data-ui-version="3"] .panel-home .character-home-hero{background-image:url('../img/gordon-city-map-land-v549.webp')!important;background-position:center!important;background-size:cover!important}
.home-traffic-plane{position:absolute!important;max-width:none!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);pointer-events:none;z-index:3}
.city-destination,.city-destination i{background:#fff8e8!important;color:#49331c!important;border-color:#b58a27!important;text-shadow:none!important}
.city-destination b{color:#49331c!important;text-shadow:none!important}
.city-destination[aria-pressed=true]{background:#f7dd8f!important}
.city-map-ui .park-map-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}
