/* v553：橫式地圖交通；淺米底、深咖啡字、金色選中。 */
dialog.district-map .city-travel-vehicle{position:absolute;z-index:8;width:4.2%;height:auto;max-width:none;pointer-events:none;object-fit:contain;transform:translate(-50%,-65%);filter:drop-shadow(0 2px 2px #563e2866)}
dialog.district-map .city-travel-vehicle.flip{transform:translate(-50%,-65%) scaleX(-1)}
dialog.district-map .city-travel-vehicle[data-mode="boat"]{width:3.4%;transform:translate(-50%,-70%)}
dialog.district-map.is-travelling .city-map-avatar{visibility:hidden}
dialog.district-map .region-panel button[data-enter-boat],dialog.district-map .region-panel button[data-sail-district]{margin-top:6px;background:#fff8e9;color:#513922;border:1px solid #b58a40}
dialog.district-map.is-travelling .region-panel{background:#fff5df!important;color:#513922!important;border:2px solid #be913d}
dialog.district-map.is-travelling .region-panel h2,dialog.district-map.is-travelling .region-panel p{color:#513922!important}
dialog.district-map .region-pin[aria-pressed="true"] span{background:#e4bb62!important;color:#452e1d!important;border-color:#a4742f!important}
dialog.district-map .region-pin span{background:#fff4dd!important;color:#513922!important;border-color:#bc9859!important}
dialog.district-map .region-pin{--region-color:#d7b16c!important}
body[data-ui-version="3"] dialog.district-map button:focus-visible{outline:2px solid #a87525!important;outline-offset:2px;box-shadow:0 0 0 4px #f6e4b9!important}
.district-map-art .city-traffic img.sea-ship,.district-map-art .city-traffic img.sea-ship[data-kind="ship-feeder"]{width:3.4%}
@media(orientation:landscape) and (max-height:600px){
 dialog.district-map .region-panel:has([data-enter-boat]){max-height:45dvh;overflow-y:auto}
 dialog.district-map.is-travelling .region-panel{max-height:36dvh;overflow-y:auto}
}

/* v558：橫式場景載入、座位與點餐。 */
.walk25d{animation:none}
.walk25d-loading{position:absolute;inset:0;z-index:40;background:#f7ead2;color:#49331c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;transition:opacity .2s}
.walk25d-loading.is-ready{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
.walk25d-loading progress{width:min(360px,65vw);accent-color:#ad7d24}
.walk25d-loading button,.walk25d-seat,.walk25d-menu button{background:#fff5df;color:#49331c;border:2px solid #ba8c35;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}
.walk25d-seat{position:absolute;right:24px;bottom:120px;z-index:8}
.walk25d-menu{position:absolute;z-index:12;right:20px;top:72px;max-width:360px;max-height:calc(100% - 92px);overflow:auto;background:#fff7e6;color:#49331c;border:2px solid #ba8c35;border-radius:14px;padding:14px;box-shadow:0 8px 24px #49331c33}
.walk25d-menu button{display:block;width:100%;margin-top:8px}.walk25d-menu button:disabled{opacity:.6;cursor:default}
.walk25d-seat[hidden],.walk25d-menu[hidden]{display:none}
.walk25d-menu.is-left{left:20px;right:auto}
.walk25d-menu button:focus-visible,.walk25d-menu button:active,.walk25d-menu button.is-selected{background:#edc45b;color:#49331c;outline:2px solid #906320}
