.equipment-window{position:fixed;inset:0;z-index:70;pointer-events:none}.equipment-window-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(72vw,650px);aspect-ratio:1084/1447;pointer-events:auto;filter:drop-shadow(0 18px 30px #000b);user-select:none;touch-action:none}.equipment-window-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.equipment-window-drag{position:absolute;z-index:3;left:2.5%;top:1.2%;width:82%;height:8.5%;cursor:grab}.equipment-window-close,.equipment-window-arrow{position:absolute;z-index:7;padding:0;border:0;background:transparent;cursor:pointer}.equipment-window-close{left:85.5%;top:1.3%;width:12.5%;height:5.7%}.equipment-window-next{left:89%;top:6.6%;width:9.6%;height:6.2%}.equipment-window-prev{left:89%;top:13.4%;width:9.6%;height:6.2%}.equipment-window-arrow:disabled{background:#080b10bb;border-radius:9px}.equipment-window-slots{position:absolute;inset:0;pointer-events:none}.equipment-visual-slot{position:absolute;z-index:5;display:flex;align-items:center;justify-content:center;padding:1.1%;border:0;background:transparent;pointer-events:auto;transform:translate(-50%,-50%)}.equipment-visual-slot.is-filled{cursor:pointer}.equipment-visual-slot img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 2px 3px #000)}.equipment-slot-enhance{position:absolute;right:3%;bottom:2%;color:#ffe07a;font-weight:800}.equipment-side-panel{position:absolute;z-index:10;left:calc(100% + 8px);top:0;width:clamp(280px,29vw,390px);height:100%;display:flex;flex-direction:column;overflow:hidden;border:2px solid #8b6a2f;border-radius:10px;background:#111925fa}.equipment-side-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(135deg,#6e511d,#b18a38,#493311);color:#fff7d6}.equipment-side-header strong,.equipment-side-header small{display:block}.equipment-side-list{flex:1;overflow:auto;padding:9px;display:flex;flex-direction:column;gap:7px}.equipment-side-item{width:100%;min-height:64px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:7px;border:1px solid #475569;border-radius:7px;background:#1e293b;color:#eee;text-align:left}.equipment-side-item img{width:44px;height:44px;object-fit:contain}.equipment-side-item.cannot-equip{opacity:.5}.warehouse-window{position:fixed;inset:0;z-index:72;pointer-events:none}.warehouse-window-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(82vw,920px);height:min(92vh,868px);min-width:680px;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden;border:3px solid #8b6a2f;border-radius:13px;background:#111925fc;box-shadow:0 22px 48px #000d;user-select:none;touch-action:none}.warehouse-window-header{flex:0 0 76px;display:flex;align-items:center;justify-content:space-between;padding:10px 16px 10px 20px;cursor:grab;color:#fff3c4;border-bottom:2px solid #8b6a2f;background:linear-gradient(135deg,#3d2b0e,#9b7629,#5f4517,#b28c38,#34240d)}.warehouse-window-header h2{margin:0;font-size:1.55rem;font-weight:900}.warehouse-window-header span{display:block;font-size:.82rem}.warehouse-window-header button{min-width:78px;height:42px;border:1px solid #d9bd70;border-radius:8px;background:#151b25;color:#fff3cf}.warehouse-window-content{flex:1;min-height:0;overflow:auto;padding:14px 16px 18px;color:#e2e8f0;user-select:text;touch-action:auto}.warehouse-window-content #wh-inv-list,.warehouse-window-content #wh-store-list{max-height:calc(min(92vh,868px) - 315px)!important}@media(max-width:760px){.equipment-window-frame{width:min(88vw,calc(92vh*1084/1447))}.warehouse-window-frame{width:96vw;min-width:0}.warehouse-window-content .grid.grid-cols-2{grid-template-columns:1fr}}
/* Responsive equipment window: keep the complete frame inside the viewport at browser zoom. */
/* 🗑️ v3.5.87 整區刪除浮動視窗殘骸：side-open/側欄與變身立繪（.equipment-morph-* 全組）規則已隨
   js/19 純嵌入式重寫與 markup 移除一併刪除（立繪原本就被下方 display:none!important 蓋掉＝死 UI）。
   ⚠️ 首行壓縮 bundle 內殘留的 .equipment-window-drag/.equipment-window-close/.equipment-side-* 選擇器
   已無對應 markup（死選擇器·無害），為避免手改壓縮行出錯而刻意保留。 */
.equipment-window{overflow:hidden}
.equipment-window-frame{width:min(650px,92vw,calc(94vh * 1084 / 1447))}

/* Class/gender equipment frame based on public/assets/login/EQ UI (183 x 408). */
.equipment-window-frame{
    width:min(366px,92vw,calc(94vh * 183 / 408));
    aspect-ratio:183 / 408;
}
.equipment-window-bg{content:normal}
.equipment-window-prev{left:9%;top:91%;width:24%;height:6%}
.equipment-window-next{left:58%;top:91%;width:24%;height:6%}
.equipment-window-arrow{display:flex;align-items:center;justify-content:center;color:#d8d0bd;text-shadow:0 1px 2px #000;font:700 clamp(15px,3vw,23px)/1 Georgia,serif}
.equipment-window-prev::before{content:'\2039'}
.equipment-window-next::before{content:'\203A'}
.equipment-window-arrow:disabled{opacity:.32;background:transparent}
.equipment-visual-slot{padding:.8%}
.equipment-visual-slot img{width:88%;height:88%}

/* Embed the equipment artwork inside the existing right-column content frame. */
.equipment-window.equipment-window-embedded{
    position:fixed;
    inset:auto;
    z-index:20;
    overflow:hidden;
    pointer-events:none;
    background:#101218;
}
.equipment-window-embedded .equipment-window-frame{
    position:absolute;
    pointer-events:auto;
    filter:none;
    touch-action:auto;
}
.equipment-window-embedded .equipment-window-prev,
.equipment-window-embedded .equipment-window-next{
    top:93.14%;
    height:4.17%;
    color:transparent;
    border:0;
    border-radius:1px;
    background:transparent;
    box-sizing:border-box;
    overflow:hidden;
    text-shadow:none;
}
.equipment-window-embedded .equipment-window-prev{left:8.20%;width:20.77%}
.equipment-window-embedded .equipment-window-next{left:28.96%;width:20.22%}
/* ⚖️ 負重色階：沿用裝備介面的暖白／古金／低飽和紅；裝備分頁與嵌入裝備框共用。 */
.load-tone-normal{color:#f0ebe2!important}
.load-tone-warning{color:#e4c15f!important}
.load-tone-danger{color:#e06b63!important}
.equipment-window-weight{display:none}
.equipment-window-embedded .equipment-window-weight{
    position:absolute;
    z-index:7;
    left:52%;
    top:93.14%;
    width:39%;
    height:4.17%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f0ebe2;
    font:600 clamp(8px,1vw,12px)/1 "Microsoft JhengHei",Arial,sans-serif;
    letter-spacing:.03em;
    text-shadow:0 1px 2px #000,0 0 2px #000;
    white-space:nowrap;
    pointer-events:none;
}
.equipment-window-embedded .equipment-window-weight[data-load-tier="0"]{color:#f0ebe2}
.equipment-window-embedded .equipment-window-weight[data-load-tier="1"]{color:#e4c15f}
.equipment-window-embedded .equipment-window-weight[data-load-tier="2"],
.equipment-window-embedded .equipment-window-weight[data-load-tier="3"]{color:#e06b63}
.equipment-window-embedded .equipment-window-prev::before,
.equipment-window-embedded .equipment-window-next::before{content:none!important}
.equipment-window-embedded .equipment-window-arrow.active{
    background:transparent;
    box-shadow:none;
}
.equipment-window-embedded .equipment-window-arrow.active::after{
    content:'';
    position:absolute;
    inset:18% 12%;
    border-radius:50%;
    background:radial-gradient(ellipse at center,rgba(255,224,157,.34) 0%,rgba(255,196,86,.16) 48%,rgba(255,184,62,0) 100%);
    box-shadow:0 0 4px rgba(255,198,91,.18);
    filter:blur(.7px);
    pointer-events:none;
}
@media(max-width:768px){
    #tab-content-panel.equipment-panel-host{
        height:var(--equipment-panel-height)!important;
        min-height:var(--equipment-panel-height)!important;
    }
}