/* 2026-10-23（使用者：屬性換裝放左側、所有操作按鈕長按移動）：只設新視窗與調整模式，不搬既有預設操作。 */
#element-gear-toggle.element-gear-toggle{position:fixed;z-index:9;box-sizing:border-box;width:48px;height:48px;min-width:0;min-height:0;padding:0;border:2px solid #b9a16a;border-radius:50%;background:#151b18ed;color:#fff1cf;font:700 14px/1 sans-serif;box-shadow:0 2px 7px #000a;touch-action:manipulation}
#element-gear-toggle[hidden]{display:none!important}
.element-gear-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 16px));max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:12px;border:2px solid #b39a62;border-radius:12px;background:#1a221ff5;color:#f8ebc9;box-shadow:0 5px 28px #000b;font:14px/1.4 sans-serif;overflow:auto;touch-action:pan-y}
.element-gear-dialog::backdrop{background:#0005}
.element-gear-dialog:not([open]){display:none}
.element-gear-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:-12px;z-index:2;background:#1a221f;padding:5px 0}
.element-gear-dialog h2{margin:0;font-size:18px}.element-gear-dialog h3{margin:6px 0;font-size:15px}
.element-gear-dialog button{box-sizing:border-box;min-height:36px;padding:6px 8px;border:1px solid #927e51;border-radius:6px;background:#2a352e;color:#fff1cf;font:inherit;touch-action:manipulation;cursor:pointer}
.element-gear-dialog button:disabled{opacity:.55;cursor:wait}.element-gear-dialog button:focus-visible,#element-gear-toggle:focus-visible{outline:2px solid #ffe39a;outline-offset:2px}
.element-gear-dialog [data-gear-close]{width:36px;padding:0;font-size:24px}
.element-gear-note{margin:6px 0 10px;font-size:12px;color:#d8cba6}.element-gear-grid{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:stretch}
.element-gear-heading{text-align:center;font-size:12px;color:#d7c38e}.element-gear-label{display:grid;place-items:center;border-radius:5px;background:#101713;font-size:17px}
.element-gear-label[data-element=water]{color:#88c5ff}.element-gear-label[data-element=fire]{color:#ff9680}.element-gear-label[data-element=wind]{color:#94e4af}.element-gear-label[data-element=earth]{color:#d9b177}.element-gear-label[data-element=holy]{color:#ffeb8e}.element-gear-label[data-element=dark]{color:#d0a7ff}
.element-gear-cell{min-width:0;position:relative;display:flex;flex-direction:column;border:1px solid #716642;border-radius:6px;overflow:hidden;background:#111a16}
.element-gear-dialog .element-gear-equip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;min-height:52px;width:100%;padding:5px 4px;border:0;border-radius:0;font-size:12px;line-height:1.2;background:transparent}
.element-gear-equip>span:not(.element-gear-icon){max-width:100%;overflow-wrap:anywhere}.element-gear-equip small{display:block;flex-basis:100%;font-size:10px;color:#cfbf91}.element-gear-dialog .element-gear-equip[aria-pressed=true]{background:#46522f;box-shadow:inset 0 0 0 2px #d2bf76}
.element-gear-dialog .element-gear-assign{align-self:flex-end;min-height:24px;margin:0 3px 3px;padding:2px 7px;font-size:11px;background:#111813}
.element-gear-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden}.element-gear-icon canvas{max-width:32px;max-height:32px}.element-gear-icon .native-item-icon{max-width:32px;max-height:32px}
.element-gear-candidates{display:grid;gap:6px}.element-gear-dialog .element-gear-candidate{display:grid;grid-template-columns:36px minmax(0,1fr);text-align:left;gap:0 6px;align-items:center}.element-gear-candidate small{grid-column:2;font-size:11px}.element-gear-candidate b{overflow-wrap:anywhere}.element-gear-candidate .element-gear-icon{grid-row:span 2}
.element-gear-dialog .unavailable{color:#ffad9d}.element-gear-status{min-height:18px;margin:8px 0 4px;font-size:12px;color:#e6cc88}.element-gear-dialog footer{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #786b48;padding-top:8px}.element-gear-dialog footer button{flex:1;font-size:12px}.element-gear-clear{margin-top:8px}
.control-layout-toolbar{position:fixed;z-index:30000;left:50%;top:calc(env(safe-area-inset-top,0px) + 8px);transform:translateX(-50%);display:flex;align-items:center;gap:7px;box-sizing:border-box;max-width:calc(100vw - 16px);padding:8px;border:1px solid #e2c682;border-radius:9px;background:#0b110ff5;color:#fff0c0;box-shadow:0 3px 12px #000b;font:12px/1.3 sans-serif;pointer-events:auto;touch-action:none}
.control-layout-toolbar[hidden]{display:none!important}.control-layout-toolbar span{min-width:74px}.control-layout-toolbar button{flex:0 0 auto;min-height:36px;padding:6px 9px;background:#364331;color:#fff4d3;border:1px solid #bba365;border-radius:5px;font:inherit;touch-action:none}
.control-layout-editing [data-control-layout-key]{outline:2px dashed #e5cd83!important;outline-offset:2px;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;cursor:move!important}
/* 2026-10-28 版面調整：大小按鈕、選取框；工具列放畫面中間（上方會蓋到怪物資訊、下方蓋到技能鍵），太窄才換行 */.control-layout-toolbar{flex-wrap:wrap;justify-content:center;width:max-content;top:calc(env(safe-area-inset-top,0px) + 40vh)}.control-layout-toolbar [data-layout-pick]{width:8.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.control-layout-size{display:inline-flex;align-items:center;gap:4px}.control-layout-size b{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.control-layout-toolbar button:disabled{opacity:.45}.control-layout-toolbar button[aria-pressed=true]{background:#7a6326;border-color:#ffe39a}
.control-layout-editing [data-control-layout-key].control-selected{outline:3px solid #8fe0ff!important;outline-offset:2px}
.control-layout-editing [data-control-layout-key].control-dragging{outline:3px solid #fff6b0!important;z-index:29000!important;filter:brightness(1.2)}
body.desktop-client.touch-client.control-layout-editing #touch-joystick[data-floating=true]:not(.active){visibility:visible!important;pointer-events:auto!important}
@media(max-height:480px){.element-gear-dialog{max-height:calc(100dvh - 12px);padding:8px}.element-gear-dialog header{top:-8px}.element-gear-dialog .element-gear-equip{min-height:44px}.element-gear-icon{height:24px}.element-gear-note{margin:3px 0 6px}}

/* 2026-10-24（使用者：所有操作按鈕都能移動）：功能列移出的按鈕不被原本的捲動容器裁掉。 */
.control-layout-editing #function-rail,#function-rail.has-custom-controls{overflow:visible!important}

/* 2026-10-24（使用者：彈出小視窗）：欄位設定鈕併入格內，縮短十四格總高度。 */
.element-gear-dialog .element-gear-equip{min-height:64px}
.element-gear-dialog .element-gear-assign{position:absolute;right:3px;bottom:3px;margin:0;min-height:22px}
.element-gear-equip small{flex-basis:calc(100% - 42px);margin-right:42px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-height:650px){.element-gear-dialog .element-gear-equip{min-height:48px}.element-gear-dialog .element-gear-icon{width:24px;height:24px;flex-basis:24px}.element-gear-dialog .element-gear-equip>span:not(.element-gear-icon){font-size:11px}}
/* 2026-10-24（使用者：屬性向右彈出七格小圈）：項鍊、腰帶各七圈，圖片保留在指定格，已穿戴加勾。 */
.element-gear-dialog.element-gear-popover{position:fixed;inset:auto;z-index:12000;margin:0;padding:6px;max-height:calc(100dvh - 12px);width:150px;overflow:auto;border-radius:14px;background:#111a17f5;font-size:12px;box-shadow:0 3px 15px #000b}
.element-gear-popover header{position:static;padding:0;background:transparent;gap:2px}.element-gear-popover h2{font-size:13px}.element-gear-popover [data-gear-close]{width:24px;min-height:24px;font-size:18px}
.element-gear-popover:not(.choosing) .element-gear-note{display:none}.element-gear-popover:not(.choosing) footer{display:none}
.element-gear-popover .element-gear-grid{grid-template-columns:16px repeat(2,minmax(0,1fr));gap:4px;align-items:center}.element-gear-popover .element-gear-heading{font-size:10px}.element-gear-popover .element-gear-label{font-size:12px;background:transparent}
.element-gear-popover .element-gear-cell{border:0;overflow:visible;background:transparent;display:grid;place-items:center}
.element-gear-dialog.element-gear-popover .element-gear-equip{position:relative;box-sizing:border-box;width:42px;height:42px;min-height:42px;padding:2px;border:2px solid #9c8959;border-radius:50%;display:grid;place-items:center;background:#0a1412;font-size:20px;line-height:1}
.element-gear-dialog.element-gear-popover .element-gear-equip[aria-pressed=true]{background:#334029;border-color:#ffe39a;box-shadow:0 0 5px #ead17b}
.element-gear-dialog.element-gear-popover .element-gear-assign{right:-1px;bottom:-1px;width:18px;height:16px;min-height:16px;padding:0;border-radius:50%;font:700 13px/12px sans-serif;background:#1a211df5}
.element-gear-popover .element-gear-icon{width:30px;height:30px;flex-basis:30px;pointer-events:none}.element-gear-popover .element-gear-icon canvas{width:30px;height:30px;max-width:30px;max-height:30px}
.element-gear-popover .element-gear-equip small.element-gear-worn{position:absolute;left:-3px;top:-3px;margin:0;padding:1px 3px;min-width:0;width:auto;max-width:none;border-radius:50%;background:#385029;color:#fff1ac;font-size:10px;line-height:12px}
.element-gear-popover .element-gear-equip.drop-target{outline:2px solid #fff1ac;outline-offset:2px}.element-gear-popover .element-gear-status{min-height:0;margin:3px 0 0;font-size:10px;line-height:1.2}.element-gear-popover .element-gear-status:empty{display:none}
.element-gear-popover.choosing .element-gear-note{font-size:11px}.element-gear-popover.choosing footer{padding-top:5px}.element-gear-popover.choosing footer button{min-height:28px}
@media(max-height:430px){.element-gear-popover:not(.choosing) .element-gear-grid{gap:2px}.element-gear-dialog.element-gear-popover .element-gear-equip{width:32px;height:32px;min-height:32px}.element-gear-popover .element-gear-icon{width:24px;height:24px}.element-gear-popover .element-gear-icon canvas{width:24px;height:24px;max-width:24px;max-height:24px}.element-gear-dialog.element-gear-popover .element-gear-assign{width:15px;height:14px;min-height:14px;font-size:11px}}
/* 2026-10-24：小選單不沿用手機一般 dialog 的全寬／置中覆寫。 */
#element-gear-dialog.element-gear-popover{position:fixed!important;right:auto!important;bottom:auto!important;margin:0!important;transform:none!important;translate:none!important;min-width:0!important;padding:6px!important;max-height:calc(100dvh - 12px)!important}
/* 2026-10-28 工具列拖曳把手 */.control-layout-grip{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;min-height:36px;font-size:20px;line-height:1;color:#ffe39a;background:#2a3326;border:1px dashed #bba365;border-radius:5px;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.control-layout-grip:active{cursor:grabbing;background:#4a3c14}
/* 2026-11-01（使用者：屬性視窗改成可以讓玩家更改大小）：標題列縮放按鈕 */
.element-gear-dialog header h2{flex:1}
.element-gear-size{display:inline-flex;gap:4px}
.element-gear-size button{width:30px;min-height:28px;padding:0;font-size:16px;line-height:1;touch-action:manipulation}
.element-gear-size button:disabled{opacity:.35}
.element-gear-popover .element-gear-size button{width:24px;min-height:24px;font-size:14px}