/* 2026-10-20（使用者：按鈕再大一點、小螢幕按鈕太大、依手機畫面比例縮放）：
   --touch-fit 由 index.html 依螢幕短邊計算（短邊 400px＝1，最小 0.82、最大 1.1）。
   戰鬥按鈕每顆各自放大（位置不動）。右側功能列也是每顆各自放大：不能 transform 整個功能列，
   它裡面的聊天按鈕是 position:fixed，父層一 transform 就跟著跑到右下角（使用者回報按鈕壓到聊天）。 */
body.desktop-client.touch-client .actionbar button.action{scale:calc(1.12 * var(--touch-fit,1))}
body.desktop-client.touch-client .function-rail>button:not(#chat-toggle){scale:calc(1.08 * var(--touch-fit,1))}
/* 2026-10-20 背包放大時（bag-fit.js）藏起戰鬥按鈕與搖桿，避免和放大的視窗重疊。 */
body.touch-client.bag-fit-open .actionbar{visibility:hidden}
/* 2026-10-20（使用者：6.3 吋螢幕重疊）：直拿時
   ① 地圖名太長（亞德禮紛1層迴廊）會折成兩行，把座標推到「附近任務」框下面 → 一行、太長縮字並省略；
   ② 增益圖示一欄 10 個會壓到表情／聊天按鈕 → 一欄 6 個就換下一欄；
   ③ 增益圖示依螢幕比例縮小。 */
html[data-portrait="true"] .map-card #map-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:clamp(13px,4.2vw,18px)}
html[data-portrait="true"] #buff-strip{grid-template-rows:repeat(6,auto)!important}
html[data-portrait="true"] #buff-strip>*{scale:var(--touch-fit,1);transform-origin:left top}
/* 2026-10-20（使用者：物品資訊縮小 0.5 倍）：背包／角色／稱號整窗放大（bag-fit.js）時，裡面的物品說明框縮回一半。 */
/* 10/21（使用者：道具說明都變那麼小怎麼看）：不再縮成 0.5；固定在背包視窗左上、不會被切到畫面外 */
#window-bag[data-bag-fit] .native-item-popover{left:8px!important;top:34px!important;right:auto!important;bottom:auto!important;scale:1;transform-origin:left top;z-index:20}
/* 10/21（使用者：素質分配面板太小點不到）：角色資料的素質分配框不縮小；手機上反而放大一點、按鈕加大。 */
body.touch-client #window-character .stat-allocation button{min-width:48px!important;min-height:40px!important;font-size:18px}
/* 10/21（使用者：素質面板靠左邊、文字小一點）：角色資料放大時，素質分配框固定在視窗左邊、縮成 0.62。 */
/* 10/21（使用者：素質面板沒放大，放置面板的右邊）：放在角色視窗右邊、不縮小；bag-fit.js 把兩個一起置中縮放 */
#window-character[data-bag-fit] .native-context-popover{left:calc(100% + 4px)!important;right:auto!important;top:0!important;scale:1;max-height:none!important;overflow:visible!important}

/* 10/21（使用者：買賣版點擊物品看不到數值內容）：點商品圖示／名稱展開物品資訊 */
.market-row .market-info-toggle{width:34px;height:34px;min-height:0!important;padding:0!important;border:0!important;background:none!important;display:grid;place-items:center;cursor:pointer}
.market-row [data-market-info][role=button]{cursor:pointer;min-width:0}
.market-row.info-open{background:#c9a24a1f}
.market-item-info{margin:0 0 8px;padding:8px 12px;border:1px solid #c9a24a99;border-radius:6px;background:#1a140ce6;color:#eadcb6;font-size:12px;line-height:1.6}
.market-item-info p{margin:2px 0}
/* 10/21（使用者：直式橫式的 x 按鈕都套用橫式裝備欄的）：手機上所有視窗與小視窗的關閉鈕統一成金框圓形 ×（只改外觀，不動各視窗原本的位置） */
body.desktop-client.touch-client .client-window .window-header [data-close],
body.desktop-client.touch-client [data-detail-close]{width:34px!important;height:34px!important;min-width:0!important;min-height:0!important;padding:0!important;
 border:3px solid #c9a24a!important;border-radius:50%!important;background:#3a2716!important;background-image:none!important;color:#ffe9b0!important;
 font:700 24px/28px sans-serif!important;text-align:center!important;text-indent:0!important;display:grid!important;place-items:center!important;box-shadow:0 2px 6px #000a!important;box-sizing:border-box!important}
/* 2026-10-26（使用者：手機版對話框可以小一點嗎，為什麼那麼長）：守護動物 NPC（金雅、因丘班、訓練大師）只有幾行字，手機改窄版 460px，不再橫跨整個畫面。 */
body.desktop-client.touch-client #panel:has(.guardian-card){width:min(460px,calc(100vw - 36px))}
/* 2026-10-26 天上界經驗條（celestial-xp-bar.js）：善惡＝金色（惡＝紫色）、信仰＝藍色，點一下切換 */
.experience[data-xp-kind="alignment"] #xp-bar{background:linear-gradient(90deg,#b8862f,#f3d37a)!important}
.experience[data-xp-kind="alignment"][data-xp-side="惡"] #xp-bar{background:linear-gradient(90deg,#5b2a86,#b58ae6)!important}
.experience[data-xp-kind="faith"] #xp-bar{background:linear-gradient(90deg,#2f6bb8,#8fd0ff)!important}
.experience[data-xp-kind]:not([data-xp-kind="normal"]) #xp-label{color:#f3d37a}
.experience[data-xp-kind]{cursor:pointer}
/* 2026-10-26（使用者：卷軸裝備物品等級不足用紅色標記，或使用等級另外顏色說明）：equipment-fit.js levelRequirementTag／itemLevelShort */
.item-level-tag{display:inline-block;padding:0 6px;border-radius:3px;font-weight:700;line-height:1.5}
.item-level-ok{color:#7fe0c8;background:#11332bcc;border:1px solid #2f8f78}
.item-level-short{color:#ffd9d4;background:#7a1d16e6;border:1px solid #ff6b5e}
.inventory-cell.level-short,.merchant-item-list button.level-short .merchant-item-slot{box-shadow:inset 0 0 0 2px #e0483b!important;background-color:#4a1410cc!important}
.inventory-cell.level-short::before{content:'Lv';position:absolute;left:1px;top:0;z-index:3;padding:0 2px;border-radius:2px;background:#c5352a;color:#fff;font:700 9px/12px sans-serif;pointer-events:none}
.merchant-item-list button.level-short .native-list-name{color:#ff8a7d}