.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-stats,.equipment-window-slots{position:absolute;inset:0;pointer-events:none}.equipment-stat{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;color:#e8edf3;font:700 clamp(12px,2vw,20px)/1 Arial;text-shadow:0 1px 3px #000;white-space:nowrap}.equipment-stat-level{left:31.5%;top:4.2%;width:9%;height:4%}.equipment-stat-exp{left:44.5%;top:3.7%;width:34.5%;height:4.4%}.equipment-stat-hp,.equipment-stat-mp,.equipment-stat-ac{left:31%;width:24%;height:4%}.equipment-stat-hp{top:13.1%;color:#ffb1a4}.equipment-stat-mp{top:17.6%;color:#b7e8ff}.equipment-stat-ac{top:22.1%}.equipment-stat-elixir,.equipment-stat-pk{left:21.5%;width:16%;height:4%}.equipment-stat-elixir{top:29.2%}.equipment-stat-pk{top:34%}.equipment-stat-str,.equipment-stat-dex,.equipment-stat-con,.equipment-stat-int,.equipment-stat-wis,.equipment-stat-cha{left:13.5%;width:18%;height:4%;font-size:clamp(15px,2.35vw,24px)}.equipment-stat-str{top:42.1%}.equipment-stat-dex{top:46.8%}.equipment-stat-con{top:51.5%}.equipment-stat-int{top:56.2%}.equipment-stat-wis{top:60.8%}.equipment-stat-cha{top:65.5%}.equipment-stat-earth,.equipment-stat-water,.equipment-stat-fire,.equipment-stat-wind{left:18.5%;width:16%;height:4%}.equipment-stat-earth{top:78.7%}.equipment-stat-water{top:83.3%}.equipment-stat-fire{top:88%;color:#ffad91}.equipment-stat-wind{top:92.7%}.equipment-stat-er{left:62.8%;top:90.7%;width:14.5%;height:4%}.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 and its attached list inside the viewport at browser zoom. */
.equipment-window{overflow:hidden}
.equipment-window-frame{width:min(650px,92vw,calc(94vh * 1084 / 1447))}
.equipment-window-frame.side-open{width:min(650px,calc(94vh * 1084 / 1447),calc((96vw - 8px) / 1.6))}
.equipment-window-frame.side-open .equipment-side-panel{width:min(390px,60%)}
.equipment-morph-snapshot{position:absolute;z-index:6;left:46%;top:66.5%;width:19%;height:19.5%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;pointer-events:none;text-align:center;color:#f8fafc;text-shadow:0 1px 3px #000,0 0 5px #000}
.equipment-morph-name{flex:0 0 16%;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;font:800 clamp(8px,1.12vw,14px)/1.05 Arial,"Microsoft JhengHei",sans-serif;color:#fde68a;white-space:nowrap}
.equipment-morph-image{flex:1 1 auto;width:76%;min-height:0;object-fit:contain;filter:drop-shadow(0 2px 4px #000)}
.equipment-morph-image.no-image{visibility:hidden}
/* 🎬 v3.0.44 變身立繪動畫（morph.spr 小像素幀）：pixelated 銳利·v3.0.46 大小統一改由 js 以炎魔畫布高(191)為基準設定顯示高 */
.equipment-morph-image.morph-anim-portrait{image-rendering:crisp-edges;image-rendering:pixelated;object-fit:contain;position:relative;z-index:2}
/* 🎬 v3.0.46 立繪三層：影子(multiply·墊底) + 本體 + 武器特效(screen·最上)·幾何由 js 同步為本體 offset box */
#equipment-morph-shadow,#equipment-morph-weapon{position:absolute;pointer-events:none;object-fit:contain;image-rendering:crisp-edges;image-rendering:pixelated;visibility:hidden}
#equipment-morph-shadow{mix-blend-mode:multiply;z-index:1}
#equipment-morph-weapon{mix-blend-mode:screen;z-index:3}
.equipment-morph-bonus{flex:0 0 22%;width:145%;display:flex;align-items:flex-start;justify-content:center;overflow:visible;font:700 clamp(7px,.82vw,11px)/1.15 Arial,"Microsoft JhengHei",sans-serif;color:#dbeafe}
/* Morph snapshot tuning: larger portrait and a wider, airier two-line bonus caption. */
.equipment-morph-snapshot{left:44.5%;top:64.5%;width:22%;height:23%}
.equipment-morph-name{flex-basis:14%;font-size:clamp(9px,1.22vw,15px)}
.equipment-morph-image{width:94%;max-width:none}
.equipment-morph-bonus{flex-basis:27%;width:178%;padding-top:1.5%;font-size:clamp(8px,.9vw,12px);line-height:1.35;white-space:normal;text-wrap:balance}
/* Morph snapshot tuning 2: one step larger, with breathing room before the bonus caption. */
.equipment-morph-snapshot{left:43.5%;top:63.5%;width:24%;height:25%}
.equipment-morph-image{width:100%}
.equipment-morph-bonus{flex-basis:25%;width:170%;padding-top:5%;transform:translateY(5%)}
/* Move the complete morph snapshot group down together. */
.equipment-morph-snapshot{top:65%}
.equipment-morph-snapshot{top:66.5%}
.equipment-morph-snapshot{top:68%}

/* 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-frame.side-open{
    width:min(366px,calc(94vh * 183 / 408),calc((96vw - 8px) / 1.6));
}
.equipment-window-drag{left:4%;top:1%;width:82%;height:7%}
.equipment-window-close{
    left:87.4%;top:1.5%;width:10%;height:5.8%;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #d8a8a0;border-radius:2px;
    background:linear-gradient(#a72b22,#4b0907);
    box-shadow:inset 0 0 2px #ffd5c8,0 0 2px #000;
    color:#fff;font:700 clamp(12px,2.5vw,18px)/1 Arial,sans-serif;
}
.equipment-window-close::before{content:'\00D7';transform:translateY(-1px)}
.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-window-stats,.equipment-morph-snapshot{display:none!important}
.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-drag,
.equipment-window-embedded .equipment-window-close,
.equipment-window-embedded .equipment-side-panel{display:none!important}
.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;
    }
}