/* ══ equip-card.css — การ์ดอุปกรณ์แบบ C3 (Lab 20) ══ */
.eqc .eqb{padding:10px 13px 10px;border-bottom:1px solid var(--border-soft,#232327)}
.eqc .eqb-h,.eqc .afx-head{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-mute,#8e8a82);margin-bottom:7px}
.eqc .eqb-h::after{content:'';flex:1;height:1px;background:var(--border-soft,#2a2a2e)}
.eqb-board{display:grid;grid-template-columns:1fr 1fr 1.2fr;grid-template-rows:1fr 1fr;gap:6px}
.eqb-board.nosoul{grid-template-columns:1fr 1fr}
.eqb-cell{border-radius:10px;background:#1c1c20;border:1px solid #2a2a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 3px;min-height:62px;cursor:pointer;text-align:center;transition:border-color .15s}
.eqb-cell .eqb-t{display:flex;flex-direction:column;line-height:1.25}
.eqb-cell .eqb-t b{display:none;font-size:10.5px;color:#e0f2fe;font-weight:700}
.eqb-cell .eqb-t small{font-size:9.5px;color:#7dd3fc}
.eqb-board.nosoul .eqb-cell{flex-direction:row;justify-content:flex-start;gap:8px;padding:8px 10px;min-height:48px;text-align:left}
.eqb-board.nosoul .eqb-cell .eqb-t b{display:block}
.eqb-cell.on{border-color:#38bdf8;box-shadow:0 0 0 1px rgba(56,189,248,.35)}
.eqb-cell.empty{background:transparent;border:1.5px dashed #34343a}
.eqb-cell.empty .eqb-t small{color:#5f5a64}
.eqb-cell.lock{background:transparent;border:1.5px dashed #232327;color:#3a3640;cursor:default;font-size:11px}
.eqb-soul{grid-row:1/3;grid-column:3;border-color:color-mix(in srgb,#f87171 60%,#2a2a2e);background:radial-gradient(circle at 50% 40%,rgba(248,113,113,.14),#18181c);color:#fecaca}
.eqb-soul b{font-size:11px}.eqb-soul small{font-size:10px;color:#fca5a5}
.eqb-soul.empty{border-style:dashed;background:transparent;color:#8e8a82}
.eqb-flame{position:relative;width:34px;height:34px;display:grid;place-items:center;font:900 15px "Noto Serif TC",serif;color:#fff;clip-path:path('M17 1 C24 9 31 14 31 22 A14 12 0 0 1 3 22 C3 14 10 9 17 1 Z');background:radial-gradient(circle at 50% 70%,#ffe4e4 0,var(--sc,#f87171) 45%,#5b1515 100%)}
.eqb-flame.pure{background:radial-gradient(circle at 50% 70%,#fffbe8 0,#fbbf24 40%,var(--sc,#f87171) 70%,#5b1515)}
.eqb-flame.empty{background:transparent;clip-path:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(248,113,113,.5);color:#8e8a82;font-size:13px;width:28px;height:28px}
.eqb-setbar{display:flex;gap:3px;margin-top:2px}.eqb-setbar i{width:13px;height:4px;border-radius:2px;background:#2a2a2e}
.eqb-setbar i.on{background:var(--sc,#f87171);box-shadow:0 0 6px var(--sc,#f87171);animation:eqbGlow 2.2s ease-in-out infinite}
@keyframes eqbGlow{50%{box-shadow:0 0 10px var(--sc,#f87171);filter:brightness(1.25)}}
.eqb-det{display:none;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;border-radius:10px;background:#18181b;font-size:11px;color:#d6cfbf}
.eqb-det.show{display:flex}.eqb-det>span{flex:1;min-width:0}
/* stats: simple rows like the mock — label left, value gold right, change after it */
.eqc .eqc-stats{padding:8px 13px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--border-soft,#232327)!important;border-radius:0!important;margin:0!important}
.eqc .eqc-st-bar{display:none!important}
.eqc .eqc-st{padding:3px 0!important}
.eqc .eqc-st-h>span{color:var(--text-dim,#c9c3b6)}
.eqc .eqc-st-h b{color:#f4f1ea!important}
/* compare box folds: header only until tapped */
.cmp-box.cmp-fold .cmp-h{cursor:pointer;position:relative;padding-right:18px}
.cmp-box.cmp-fold .cmp-h::after{content:'▾';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-mute,#8e8a82);transition:transform .2s}
.cmp-box.cmp-fold.open .cmp-h::after{transform:translateY(-50%) rotate(180deg)}
.cmp-box.cmp-fold:not(.open)>*:not(.cmp-h){display:none!important}
@media (prefers-reduced-motion:reduce){.eqb-setbar i.on{animation:none}}
/* T1 badges on item icons (ring grid + equipped slots) */
.bag-cell-lock{top:auto!important;bottom:3px;left:4px}
.eqi-af{position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:2}
.eqi-af i{display:block;width:7px;height:2px;border-radius:1px;background:#fbbf24;box-shadow:0 0 3px rgba(251,191,36,.6)}
.eqi-soul{position:absolute;top:3px;right:3px;width:14px;height:14px;display:grid;place-items:center;font:900 7.5px "Noto Serif TC",serif;color:#fff;pointer-events:none;z-index:2;clip-path:path('M7 0 C10 4 13 6 13 9.5 A6 5.2 0 0 1 1 9.5 C1 6 4 4 7 0 Z');background:radial-gradient(circle at 50% 70%,#ffe4e4 0,var(--sc,#f87171) 45%,#5b1515)}
.eqi-soul.pure{background:radial-gradient(circle at 50% 70%,#fffbe8 0,#fbbf24 40%,var(--sc,#f87171) 70%,#5b1515)}
.eqi-soul.empty{clip-path:none;background:transparent;border-radius:50%;border:1.5px dashed rgba(248,113,113,.55);width:11px;height:11px;top:4px;right:4px}
.bag-cell-ench.under-soul{top:19px!important}
.eq-mini-icon{position:relative}
.eq-mini-icon .eqi-af{top:3px;left:3px;gap:1.5px}.eq-mini-icon .eqi-af i{width:5px;height:1.5px}
.eq-mini-icon .eqi-soul{width:11px;height:11px;top:1px;right:1px;font-size:6px;clip-path:path('M5.5 0 C8 3 10.5 4.8 10.5 7.4 A4.8 4.1 0 0 1 .5 7.4 C.5 4.8 3 3 5.5 0 Z')}
.eq-mini-icon .eqi-soul.empty{clip-path:none;width:8px;height:8px;top:2px;right:2px}
/* C3 exact (Lab 20): lore is a plain strip, compare is a flat one-line summary that expands */
.eqc .eqc-lore{margin:0!important;padding:8px 16px!important;border:0!important;border-bottom:1px solid #222226!important;border-radius:0!important;background:transparent!important;font-size:11px!important;font-style:normal!important;color:#8e8a82!important;line-height:1.55}
.eqc .cmp-box{margin:0!important;padding:10px 14px!important;background:transparent!important;border:0!important;border-bottom:1px solid #222226!important;border-radius:0!important;font-size:11px;color:#8e8a82}
.cmp-box .cmp-h{display:block!important;line-height:1.6;font-size:11px;color:#8e8a82}
.cmp-box .cmp-h>*{display:inline}
.cmp-box .cmp-h b{font-weight:700}
.cmp-box .cmp-sep{margin:0 5px;color:#55524c}
.cmp-box .cmp-h u{color:#e8e4da;cursor:pointer}
.cmp-box.cmp-fold.open .cmp-sum{display:none}
.cmp-box.cmp-fold.open .cmp-h{margin-bottom:6px}