/* 10-16 v621–v622 老闆：電腦版的版面要獨立出來——所有電腦版（寬螢幕＋滑鼠）專屬排版集中在本檔，
   掛在全部樣式最後面、只在 html[data-device="desktop"] 生效（判定在 index.html 開頭與 desktop-scale.js）。
   圖片文字「等比例放大」由 desktop-scale.js 整頁縮放處理（17–30 吋依視窗寬自動等比），本檔只管版面形狀。
   原則：長方形合理排版，不能手機版式拉滿寬；淺底深字、選中金色。 */

/* ── 第1批：道具／裝備街——左街景＋右店卡直欄，店卡圖 96px、標題 17px ── */
html[data-device="desktop"] body[data-ui-version="3"] dialog.district-map.gear-street:not(.is-region-preview)>.company-map-view{display:flex!important;flex-direction:row;gap:20px;align-items:stretch;justify-content:center;padding:12px 18px!important;overflow:hidden}
html[data-device="desktop"] body[data-ui-version="3"] dialog.district-map.gear-street .gear-street-art{display:block!important;flex:0 1 auto;align-self:center;width:min(60%,130vh);height:auto;aspect-ratio:1280/720}
html[data-device="desktop"] body[data-ui-version="3"] dialog.district-map.gear-street .gear-street-list{display:grid!important;grid-template-columns:none;flex:0 1 auto!important;width:min(520px,46%)!important;max-width:none!important;height:auto;align-content:center;gap:14px}
html[data-device="desktop"] body[data-ui-version="3"] dialog.district-map.gear-street .gear-street-list button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 16px;font-size:17px}
html[data-device="desktop"] body[data-ui-version="3"] dialog.district-map.gear-street .gear-street-ico{width:96px!important;height:96px!important;object-fit:cover;border-radius:12px}
html[data-device="desktop"] body[data-ui-version="3"] dialog.district-map.gear-street .gear-street-list small{font-size:14px}

/* ── 第2批 v623 老闆：生活地圖等面板「點完之後會跳」要改流暢——電腦版所有 dialog 面板開啟加淡入，
   跟 2.5D 街既有 walk-arrive 同節奏；只動透明度不動 transform（疊圖層量 clientWidth 不受影響）；
   勾「減少動態」或系統減少動態就不跑。 ── */
html[data-device="desktop"]:not(.reduced-motion) dialog[open]{animation:tsgd-panel-fade .18s ease-out}
html[data-device="desktop"]:not(.reduced-motion) dialog[open]::backdrop{animation:tsgd-panel-fade .18s ease-out}
@keyframes tsgd-panel-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html[data-device="desktop"] dialog[open],html[data-device="desktop"] dialog[open]::backdrop{animation:none}}