/* 10-23 跑馬燈：固定在最上方一條，body.has-marquee 時整個介面往下推 --mq-h，不遮圖示 */
:root{--mq-h:26px}
/* 10-24 老闆「跑馬燈輪播會壓到所有的介面」：降到最底層（z-index:1），任何面板／視窗打開都蓋在跑馬燈上面，首頁仍靠 padding-top 留位置 */
.marquee{position:fixed;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;height:var(--mq-h);background:linear-gradient(90deg,#1a1408,#2a200c 50%,#1a1408);border-bottom:1px solid #d9ab3f88;color:#f3cf6b;font-size:13px;font-weight:700;overflow:hidden}
.marquee[hidden]{display:none}
.mq-track{flex:1;overflow:hidden;white-space:nowrap}
.mq-run{display:inline-block;padding-left:100%;animation:mq-scroll var(--mq-dur,30s) linear infinite}
.mq-item{display:inline-block;margin-right:48px}
.mq-sale{color:#ffb15c}.mq-festival{color:#ff8fa3}
.mq-close{flex:0 0 26px;height:100%;border:0;background:#0006;color:#f3cf6b;cursor:pointer;font-size:12px}
@keyframes mq-scroll{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.mq-run{animation-duration:calc(var(--mq-dur,30s)*3)}}
body.has-marquee{padding-top:var(--mq-h)}
html body.has-marquee .app-shell>.topbar,html body.has-marquee .prince-story{top:var(--mq-h)!important}
html body.has-marquee .prince-story{height:auto!important;bottom:0!important}
/* 10-23 跑馬燈往下推後，主畫面高度要扣掉 --mq-h，否則首頁下排被擠出螢幕底邊 */
html body.has-marquee .app-shell,html body.has-marquee .app-shell>.panel-home,html body.has-marquee .panel-home>.game-intro{height:calc(100dvh - var(--mq-h))!important;min-height:0!important}
/* 10-24 這幾個全螢幕面板模板自己寫死 position:fixed;inset:0，會被跑馬燈蓋住頂部（返回、標題、收合）→ 一起往下推 */
html body.has-marquee[data-ui-version] #app#app#app#app .player-sheet.player-sheet.player-sheet.player-sheet:is([data-scene-panel="staff"],[data-scene-panel="inventory"],[data-scene-panel="offline"],[data-scene-panel="operations-report"],[data-scene-panel="quests"],[data-scene-panel="gear"],[data-scene-panel="pet"],[data-ui-view^="workforce-"],[data-ui-view="operations-warehouse"],:has([data-home-panel="explore"]:not([hidden]) .cave-template-v2)),
html body.has-marquee[data-ui-version] #app#app#app#app .player-sheet :is(.pet-template-v2,.gear-template-v2,.recruit-template-v2,.cave-template-v2):is(.pet-template-v2,.gear-template-v2,.recruit-template-v2,.cave-template-v2):is(.pet-template-v2,.gear-template-v2,.recruit-template-v2,.cave-template-v2){top:var(--mq-h)!important;bottom:0!important;height:auto!important}
/* 10-24 老闆「每一個地圖都不要被跑馬燈擋到」「地圖往下位移」：2.5D 街道／店內與城市地圖整個從跑馬燈底下開始 */
html body.has-marquee .walk25d{top:var(--mq-h)!important;height:auto!important;bottom:0!important}
.marquee [data-mq-open]{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap}
.marquee [data-mq-open]:focus-visible{outline:2px solid #d69f18;outline-offset:2px;border-radius:4px}