/* ============================================================
   1982APPS CHARACTER VIEWER V3.5 PREMIUM UI
   Visual-only redesign based on the requested MU equipment layout.
   ============================================================ */

:root{
  --bjcv-bg:#07090c;
  --bjcv-panel:#0c0f13;
  --bjcv-panel-2:#11151a;
  --bjcv-line:rgba(189,145,61,.28);
  --bjcv-line-strong:rgba(214,169,78,.58);
  --bjcv-gold:#d6a94f;
  --bjcv-gold-soft:#a88342;
  --bjcv-text:#eee9df;
  --bjcv-muted:#948d80;
  --bjcv-green:#53d982;
  --bjcv-red:#ff7777;
}

html.bjcv-v35-ready #rank table.rank tbody tr,
html.bjcv-v35-ready table.rank tbody tr{cursor:pointer}

html.bjcv-v35-ready #rank table.rank tbody tr:hover td,
html.bjcv-v35-ready table.rank tbody tr:hover td{filter:brightness(1.08)}

#bjcv-root[hidden]{display:none!important}

#bjcv-root:not([hidden]),
#bjcv-root{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
  background:rgba(0,0,0,.76);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}

.bjcv-dialog{
  position:relative;
  width:min(1110px,96vw);
  max-height:94vh;
  overflow:auto;
  margin:auto;
  border:1px solid var(--bjcv-line-strong);
  border-radius:16px;
  color:var(--bjcv-text);
  background:
    radial-gradient(circle at 50% -10%,rgba(213,164,75,.10),transparent 35%),
    linear-gradient(180deg,#111419 0%,#090b0e 100%);
  box-shadow:
    0 0 0 1px rgba(255,228,158,.03) inset,
    0 28px 90px rgba(0,0,0,.78);
}

.bjcv-head{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:76px;
  padding:14px 18px 14px 22px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(203,157,70,.20);
  background:rgba(11,13,16,.94);
  backdrop-filter:blur(10px);
}

.bjcv-title{display:grid;gap:3px}
.bjcv-eyebrow{
  font-size:9px;
  line-height:1;
  letter-spacing:2.4px;
  font-weight:800;
  color:rgba(214,169,79,.62);
}
.bjcv-title strong{
  font-size:24px;
  line-height:1.1;
  font-weight:800;
  color:#f4ead6;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
}
.bjcv-sub{
  font-size:11px;
  color:var(--bjcv-muted);
}

.bjcv-close{
  flex:0 0 auto;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(211,164,76,.38);
  border-radius:50%;
  background:linear-gradient(180deg,#17130d,#0e0d0b);
  color:#e3bf76;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:.18s ease;
}
.bjcv-close:hover{
  transform:rotate(4deg) scale(1.04);
  border-color:rgba(232,188,95,.76);
  box-shadow:0 0 18px rgba(214,169,79,.16);
}

.bjcv-body{
  display:grid;
  grid-template-columns:minmax(540px,1.22fr) minmax(330px,.78fr);
  gap:22px;
  padding:20px;
  align-items:start;
}

.bjcv-equipment-card{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
}

.bjcv-paperdoll{
  position:relative;
  width:520px;
  height:700px;
  flex:0 0 520px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(185,143,61,.30);
  border-radius:13px;
  background:
    radial-gradient(ellipse 38% 38% at 50% 35%,rgba(211,166,79,.045),transparent 74%),
    radial-gradient(ellipse 52% 30% at 50% 73%,rgba(38,50,63,.10),transparent 78%),
    linear-gradient(180deg,#090c0f 0%,#080a0d 100%);
  box-shadow:
    0 0 0 1px rgba(255,235,177,.025) inset,
    0 18px 42px rgba(0,0,0,.34);
}

.bjcv-paperdoll::before{
  content:"";
  position:absolute;
  inset:18px;
  z-index:0;
  border:1px solid rgba(206,159,72,.06);
  border-radius:9px;
  pointer-events:none;
}

.bjcv-paperdoll::after{
  content:"";
  position:absolute;
  left:50%;
  top:104px;
  width:180px;
  height:385px;
  transform:translateX(-50%);
  z-index:0;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(255,255,255,.035),transparent 34%),
    radial-gradient(ellipse at 50% 48%,rgba(213,166,79,.025),transparent 57%);
  filter:blur(1px);
  pointer-events:none;
}

.bjcv-paperdoll-glow{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 49.8%,rgba(207,162,72,.025) 50%,transparent 50.2%),
    linear-gradient(180deg,transparent 0 49.8%,rgba(207,162,72,.018) 50%,transparent 50.2%);
}

.bjcv-center-label{
  position:absolute;
  left:50%;
  top:505px;
  z-index:1;
  transform:translateX(-50%);
  color:rgba(188,151,74,.22);
  font-size:13px;
  font-weight:500;
  letter-spacing:4.2px;
  pointer-events:none;
}

/* ---------- EQUIPMENT SLOT POSITIONING ---------- */

.bjcv-slot{
  position:absolute;
  z-index:3;
  overflow:visible;
  transition:filter .18s ease,transform .18s ease;
}

.bjcv-slot-visual{
  position:relative;
  width:100%;
  height:100%;
  isolation:isolate;
}

.bjcv-slot-frame{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
  filter:
    drop-shadow(0 3px 7px rgba(0,0,0,.70))
    brightness(.98);
}

.bjcv-slot-item{
  position:absolute;
  inset:8%;
  z-index:2;
  width:84%;
  height:84%;
  object-fit:contain;
  pointer-events:none;
  filter:
    drop-shadow(0 3px 5px rgba(0,0,0,.85))
    saturate(1.05);
}
.bjcv-slot-item[hidden]{display:none!important}

.bjcv-slot-hit{
  position:absolute;
  inset:-2px;
  z-index:4;
  padding:0;
  border:0;
  border-radius:5px;
  background:transparent;
  cursor:default;
}

.bjcv-slot.has-item .bjcv-slot-hit{cursor:pointer}

.bjcv-slot.has-item:hover{
  filter:brightness(1.13);
}

.bjcv-slot.has-item:hover .bjcv-slot-frame,
.bjcv-slot.selected .bjcv-slot-frame{
  filter:
    drop-shadow(0 0 4px rgba(242,194,92,.70))
    drop-shadow(0 5px 9px rgba(0,0,0,.82))
    brightness(1.10);
}

.bjcv-slot.selected{
  filter:brightness(1.12);
}

.bjcv-slot.selected::before{
  content:"";
  position:absolute;
  inset:-5px;
  z-index:-1;
  border-radius:8px;
  border:1px solid rgba(234,185,85,.52);
  box-shadow:
    0 0 14px rgba(226,177,78,.18),
    0 0 24px rgba(226,177,78,.08);
  pointer-events:none;
}

/* top */
.bjcv-slot[data-slot="wings"]{
  left:44px;top:26px;width:101px;height:62px;
}
.bjcv-slot[data-slot="helm"]{
  left:50%;top:26px;width:64px;height:64px;transform:translateX(-50%);
}
.bjcv-slot[data-slot="pet"]{
  right:44px;top:27px;width:64px;height:64px;
}

/* middle upper */
.bjcv-slot[data-slot="weapon"]{
  left:46px;top:134px;width:62px;height:88px;
}
.bjcv-slot[data-slot="earring-left"]{
  left:151px;top:154px;width:44px;height:44px;
}
.bjcv-slot[data-slot="armor"]{
  left:50%;top:119px;width:62px;height:88px;transform:translateX(-50%);
}
.bjcv-slot[data-slot="earring-right"]{
  right:151px;top:154px;width:44px;height:44px;
}
.bjcv-slot[data-slot="shield"]{
  right:46px;top:134px;width:62px;height:88px;
}

/* middle lower */
.bjcv-slot[data-slot="gloves"]{
  left:51px;top:247px;width:64px;height:64px;
}
.bjcv-slot[data-slot="ring-left"]{
  left:151px;top:263px;width:44px;height:44px;
}
.bjcv-slot[data-slot="pants"]{
  left:50%;top:242px;width:64px;height:64px;transform:translateX(-50%);
}
.bjcv-slot[data-slot="ring-right"]{
  right:151px;top:263px;width:44px;height:44px;
}
.bjcv-slot[data-slot="boots"]{
  right:51px;top:247px;width:64px;height:64px;
}

/* bottom utility slots */
.bjcv-slot[data-slot="pendant"]{
  left:50%;top:352px;width:44px;height:44px;transform:translateX(-50%);
}
.bjcv-slot[data-slot="pentagram"]{
  right:51px;top:344px;width:64px;height:64px;
}

/* item captions – clean and outside the icon */
.bjcv-slot-name{
  position:absolute;
  left:50%;
  top:calc(100% + 2px);
  z-index:8;
  transform:translateX(-50%);
  display:block;
  width:max-content;
  max-width:104px;
  min-height:14px;
  box-sizing:border-box;
  padding:1px 4px 2px;
  border-radius:3px;
  color:#f3eee2;
  background:rgba(0,0,0,.84);
  box-shadow:0 1px 3px rgba(0,0,0,.75);
  font-size:9px;
  line-height:1.15;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  pointer-events:none;
}

.bjcv-slot[data-slot="weapon"] .bjcv-slot-name,
.bjcv-slot[data-slot="shield"] .bjcv-slot-name{
  max-width:92px;
}

.bjcv-slot[data-slot="earring-left"] .bjcv-slot-name,
.bjcv-slot[data-slot="earring-right"] .bjcv-slot-name,
.bjcv-slot[data-slot="ring-left"] .bjcv-slot-name,
.bjcv-slot[data-slot="ring-right"] .bjcv-slot-name,
.bjcv-slot[data-slot="pendant"] .bjcv-slot-name{
  max-width:78px;
  font-size:8px;
}

.bjcv-name-text{color:#f0eadf}
.bjcv-slot-level{
  color:#72d8ff;
  font-weight:900;
}

.bjcv-reserved:not(.has-item){
  opacity:.82;
}

/* ---------- RIGHT INFO ---------- */

.bjcv-info{
  display:grid;
  gap:11px;
  align-content:start;
  min-width:0;
}

.bjcv-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:62px;
  padding:12px 14px;
  box-sizing:border-box;
  border:1px solid rgba(197,154,71,.18);
  border-radius:11px;
  background:linear-gradient(180deg,#101318,#0b0e12);
}
.bjcv-status>div{display:grid;gap:4px}
.bjcv-status small{
  font-size:9px;
  letter-spacing:1.6px;
  color:#756d60;
}
.bjcv-status b{font-size:14px;letter-spacing:.8px}
.bjcv-status-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  background:#69645b;
  box-shadow:0 0 0 4px rgba(105,100,91,.08);
}
.bjcv-status-dot.online{
  background:var(--bjcv-green);
  box-shadow:0 0 0 4px rgba(83,217,130,.08),0 0 13px rgba(83,217,130,.32);
}

.bjcv-online{color:var(--bjcv-green)!important}
.bjcv-offline{color:#aaa296!important}

.bjcv-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.bjcv-stat{
  min-height:56px;
  padding:10px 11px;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.055);
  border-radius:9px;
  background:linear-gradient(180deg,#0f1216,#0b0e11);
}
.bjcv-stat span{
  display:block;
  margin-bottom:4px;
  color:#777064;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.8px;
}
.bjcv-stat b{
  display:block;
  color:#eee8dc;
  font-size:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.bjcv-loading{
  padding:9px 10px;
  border-left:2px solid rgba(211,166,77,.40);
  color:#b99a60;
  background:rgba(184,139,54,.035);
  font-size:11px;
  line-height:1.4;
}
.bjcv-error{color:#ff8585}

.bjcv-itembox{
  display:none;
  padding:14px;
  border:1px solid rgba(197,154,71,.24);
  border-radius:10px;
  background:linear-gradient(180deg,#0b0e12,#080a0d);
  line-height:1.45;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.bjcv-itembox.show{display:block}

.bjcv-item-title-row small{
  display:block;
  margin-bottom:2px;
  color:#777064;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:1px;
}

.bjcv-v3-tooltip{font-size:11px;color:#ddd5c5}
.bjcv-v3-tooltip h3{
  margin:0 0 9px!important;
  color:#efd082!important;
  font-size:17px!important;
  line-height:1.2;
  text-align:left;
  text-shadow:0 1px 4px #000;
}

.bjcv-v3-chips{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:9px;
}
.bjcv-v3-chip{
  padding:2px 7px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:#15181c;
  color:#ddd;
  font-size:8px;
  font-weight:800;
  letter-spacing:.4px;
}
.bjcv-v3-chip.excellent{color:#78d8ff;border-color:rgba(120,216,255,.34)}
.bjcv-v3-chip.ancient{color:#88e277;border-color:rgba(136,226,119,.34)}
.bjcv-v3-chip.harmony{color:#e7b2ff;border-color:rgba(231,178,255,.34)}

.bjcv-v3-core{
  display:grid;
  grid-template-columns:1fr auto;
  gap:5px 12px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  background:#090c0f;
}
.bjcv-v3-core span{color:#777064}
.bjcv-v3-core b{
  color:#e8e2d6;
  text-align:right;
  font-weight:700;
}

.bjcv-v3-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:11px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(197,154,71,.18);
}
.bjcv-v3-head strong{
  color:#d4ad61;
  font-size:10px;
  letter-spacing:.6px;
}
.bjcv-v3-head em{
  color:#81796d;
  font-size:9px;
  font-style:normal;
}

.bjcv-v3-options{
  display:grid;
  gap:4px;
  padding-top:7px;
}
.bjcv-v3-opt{
  display:grid;
  grid-template-columns:19px 1fr;
  gap:5px;
  align-items:start;
  padding:4px 5px;
  border-radius:5px;
  background:rgba(255,255,255,.022);
}
.bjcv-v3-opt span{
  display:grid;
  place-items:center;
  width:16px;
  height:16px;
  border-radius:50%;
  background:rgba(255,255,255,.045);
  color:#696257;
  font-size:8px;
}
.bjcv-v3-opt b{color:#d5cec1;font-weight:500}
.bjcv-v3-opt.kind-excellent b{color:#69cfff}
.bjcv-v3-opt.kind-ancient b,.bjcv-v3-opt.kind-ancient-source b{color:#78d66c}
.bjcv-v3-opt.kind-harmony b,.bjcv-v3-opt.kind-harmony-source b{color:#dba3ff}
.bjcv-v3-opt.kind-socket b,.bjcv-v3-opt.kind-socket-source b{color:#e7c979}
.bjcv-v3-opt.kind-luck b{color:#86d9ff}
.bjcv-v3-empty{padding:8px;text-align:center;color:#777}

/* explicitly remove unwanted technical/raw blocks */
#bjcv-root [data-bjcv-source],
#bjcv-root .bjcv-v32-source,
#bjcv-root .bjcv-source,
#bjcv-root .bjcv-v3-base,
#bjcv-root details.bjcv-v3-base{
  display:none!important;
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:920px){
  #bjcv-root{padding:8px}
  .bjcv-dialog{width:min(620px,98vw)}
  .bjcv-body{grid-template-columns:1fr;padding:12px}
  .bjcv-equipment-card{overflow-x:auto;padding-bottom:4px}
  .bjcv-paperdoll{transform-origin:top center}
}

@media(max-width:570px){
  .bjcv-head{min-height:66px;padding:11px 12px 11px 14px}
  .bjcv-title strong{font-size:20px}
  .bjcv-body{padding:8px;gap:12px}
  .bjcv-equipment-card{
    display:block;
    width:100%;
    overflow:hidden;
  }
  .bjcv-paperdoll{
    width:520px;
    height:700px;
    margin-left:50%;
    transform:translateX(-50%) scale(.78);
    transform-origin:top center;
    margin-bottom:-154px;
  }
}

@media(max-width:430px){
  .bjcv-paperdoll{
    transform:translateX(-50%) scale(.66);
    margin-bottom:-238px;
  }
  .bjcv-grid{grid-template-columns:1fr 1fr}
}


/* BJCV V3.5 — HIDE TECHNICAL CORE TABLE (Group/Index ... Socket)
   Keeps item name/chips and real option lines visible. */
#bjcv-root .bjcv-v3-core{display:none!important;}

/* ============================================================
   BJCV V3.6 — HOVER ITEM TOOLTIP + RUNNING GOLD LIGHT
   Keeps the existing right-side click panel unchanged.
   ============================================================ */

@property --bjcv-tip-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

.bjcv-hover-card[hidden]{display:none!important}

.bjcv-hover-card{
  --bjcv-tip-angle:0deg;
  position:fixed;
  z-index:2147483300;
  width:min(342px,calc(100vw - 24px));
  max-height:min(72vh,590px);
  overflow:hidden;
  box-sizing:border-box;
  padding:13px 14px 14px;
  border:1px solid transparent;
  border-radius:13px;
  color:var(--bjcv-text);
  background:
    linear-gradient(180deg,rgba(18,16,12,.985),rgba(7,9,12,.99)) padding-box,
    conic-gradient(
      from var(--bjcv-tip-angle),
      rgba(101,67,12,.92) 0deg,
      rgba(223,168,56,.98) 42deg,
      #fff0a2 78deg,
      rgba(234,187,83,.98) 112deg,
      rgba(89,58,9,.90) 170deg,
      rgba(221,161,43,.94) 224deg,
      #fff4b7 270deg,
      rgba(116,75,12,.92) 330deg,
      rgba(101,67,12,.92) 360deg
    ) border-box;
  box-shadow:
    0 0 0 1px rgba(255,222,135,.08) inset,
    0 0 16px rgba(232,179,68,.32),
    0 0 34px rgba(232,179,68,.14),
    0 18px 48px rgba(0,0,0,.72);
  opacity:0;
  transform:translateY(4px) scale(.985);
  transform-origin:center;
  pointer-events:none;
  visibility:hidden;
  animation:bjcvTipGoldRun 2.25s linear infinite;
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
}

.bjcv-hover-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  visibility:visible;
}

.bjcv-hover-card::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:-1;
  border-radius:11px;
  pointer-events:none;
  background:
    radial-gradient(circle at 15% 0%,rgba(255,217,116,.12),transparent 32%),
    radial-gradient(circle at 100% 100%,rgba(214,157,47,.08),transparent 34%);
}

.bjcv-hover-card .bjcv-v3-tooltip{
  position:relative;
  z-index:1;
}

.bjcv-hover-card .bjcv-v3-tooltip h3{
  color:#ffe29b!important;
  text-shadow:0 0 11px rgba(232,178,67,.22),0 1px 4px #000;
}

.bjcv-hover-card .bjcv-v3-options{
  max-height:400px;
  overflow:hidden;
}

@keyframes bjcvTipGoldRun{
  to{--bjcv-tip-angle:360deg}
}

.bjcv-slot.has-item:hover::after,
.bjcv-slot.has-item.hover-preview::after{
  --bjcv-tip-angle:0deg;
  content:"";
  position:absolute;
  inset:-7px;
  z-index:6;
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:9px;
  pointer-events:none;
  background:
    linear-gradient(transparent,transparent) padding-box,
    conic-gradient(
      from var(--bjcv-tip-angle),
      rgba(108,70,10,.25),
      #f1b93f,
      #fff1a0,
      #d99a24,
      rgba(94,59,8,.18),
      #ffd66c,
      rgba(108,70,10,.25)
    ) border-box;
  box-shadow:
    0 0 8px rgba(255,203,83,.52),
    0 0 18px rgba(240,176,47,.25),
    inset 0 0 9px rgba(255,211,102,.08);
  animation:bjcvTipGoldRun 1.6s linear infinite,bjcvSlotGoldPulse 1.1s ease-in-out infinite alternate;
}

@keyframes bjcvSlotGoldPulse{
  from{filter:brightness(.88);opacity:.72}
  to{filter:brightness(1.18);opacity:1}
}

@media (hover:none),(pointer:coarse){
  .bjcv-hover-card{display:none!important}
  .bjcv-slot.has-item:hover::after{display:none!important}
}

/* ============================================================
   BJCV V4.0 — 4 LANG + AUTHENTICATED VS COMPARISON
   Additive only: keeps V3.5 equipment viewer + V3.6 hover tooltip.
   ============================================================ */

.bjcv-head-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.bjcv-vs-btn{
  min-width:74px;height:38px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid rgba(237,187,84,.62);border-radius:999px;cursor:pointer;
  background:linear-gradient(180deg,rgba(73,48,12,.96),rgba(27,18,8,.98));color:#ffe5a1;
  font-size:13px;font-weight:950;letter-spacing:.8px;text-shadow:0 1px 4px #000;
  box-shadow:0 0 0 1px rgba(255,235,174,.04) inset,0 0 18px rgba(226,167,49,.12);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease;
}
.bjcv-vs-btn span{font-size:16px;line-height:1}
.bjcv-vs-btn:hover{transform:translateY(-1px);border-color:#ffe29a;box-shadow:0 0 22px rgba(237,181,58,.28);filter:brightness(1.08)}

.bjcv-vs-wrap{padding:18px 20px 24px;box-sizing:border-box}
.bjcv-vs-wrap[hidden]{display:none!important}
.bjcv-vs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(211,164,76,.18);border-radius:12px;background:#0b0e12}
.bjcv-vs-toolbar>div{display:grid;gap:3px;text-align:right}
.bjcv-vs-toolbar>div>span{color:#e6c074;font-size:12px;font-weight:950;letter-spacing:1.1px}
.bjcv-vs-toolbar small{color:#8f887d;font-size:10px}
.bjcv-vs-back{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#12161b;color:#ddd4c5;padding:9px 12px;cursor:pointer;font-weight:800}
.bjcv-vs-back:hover{border-color:rgba(225,177,80,.5);color:#ffe2a1}

.bjcv-vs-tabs{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:10px;align-items:stretch;margin-bottom:14px}
.bjcv-vs-tab{position:relative;min-height:94px;padding:13px 14px;border:1px solid rgba(211,164,76,.28);border-radius:13px;background:linear-gradient(180deg,#12151a,#0b0e12);box-shadow:0 10px 28px rgba(0,0,0,.26)}
.bjcv-vs-tab-target{border-color:rgba(255,183,72,.34)}
.bjcv-vs-tab-mine{border-color:rgba(90,201,255,.28)}
.bjcv-vs-tab-label{display:flex;align-items:center;gap:11px}
.bjcv-vs-tab-label>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(239,188,80,.45);background:#21170a;color:#ffd77e;font-weight:950}
.bjcv-vs-tab-mine .bjcv-vs-tab-label>span{border-color:rgba(96,202,255,.42);background:#0b1c26;color:#8bdcff}
.bjcv-vs-tab-label div{min-width:0;display:grid;gap:2px}
.bjcv-vs-tab-label small{color:#8e887c;font-size:9px;text-transform:uppercase;letter-spacing:.8px}
.bjcv-vs-tab-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3ead9;font-size:17px}
.bjcv-vs-mark{display:grid;place-items:center;align-self:center;width:54px;height:54px;border-radius:50%;border:1px solid rgba(240,187,79,.45);background:radial-gradient(circle at 50% 35%,#5a3510,#1a1008 70%);color:#ffe080;font-weight:1000;letter-spacing:1px;box-shadow:0 0 22px rgba(235,171,52,.18)}
.bjcv-vs-select-wrap{display:grid;gap:5px;margin-top:11px}.bjcv-vs-select-wrap>span{font-size:9px;color:#777f86;text-transform:uppercase;letter-spacing:.7px}
.bjcv-vs-select{width:100%;height:34px;padding:0 30px 0 10px;border:1px solid rgba(110,197,235,.28);border-radius:8px;background:#0a1015;color:#dfeaf0;outline:none}
.bjcv-vs-select:focus{border-color:rgba(108,213,255,.66);box-shadow:0 0 0 2px rgba(67,183,229,.08)}

.bjcv-vs-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;margin:8px 0 14px;border:1px dashed rgba(212,164,74,.24);border-radius:10px;color:#d8c39c;background:rgba(20,15,8,.48)}
.bjcv-vs-loading[hidden]{display:none!important}.bjcv-vs-spinner{width:18px;height:18px;border:2px solid rgba(236,189,91,.22);border-top-color:#eec363;border-radius:50%;animation:bjcvVsSpin .75s linear infinite}@keyframes bjcvVsSpin{to{transform:rotate(360deg)}}
.bjcv-vs-result{display:grid;gap:14px}.bjcv-vs-empty{padding:26px 16px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:12px;color:#8d887f;background:#090c0f}.bjcv-vs-error{color:#ff9c9c;border-color:rgba(255,95,95,.3)}

.bjcv-vs-fighters{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bjcv-vs-fighter{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:linear-gradient(180deg,#12161b,#0b0e12)}
.bjcv-vs-fighter.a{box-shadow:inset 3px 0 0 rgba(235,174,58,.65)}.bjcv-vs-fighter.b{box-shadow:inset 3px 0 0 rgba(75,190,238,.58)}
.bjcv-vs-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#21170b;color:#ffd475;font-weight:950;border:1px solid rgba(232,177,68,.35)}.bjcv-vs-fighter.b .bjcv-vs-avatar{background:#0c1d26;color:#8cdcff;border-color:rgba(92,198,240,.3)}
.bjcv-vs-fighter small{color:#878176;font-size:9px}.bjcv-vs-fighter h3{margin:1px 0 2px;color:#f2eadb;font-size:18px}.bjcv-vs-fighter p{margin:0;color:#aaa397;font-size:10px}.bjcv-vs-online{padding:4px 7px;border-radius:999px;background:#241315;color:#ff8a8a;font-size:8px;font-weight:900}.bjcv-vs-online.on{background:#10251a;color:#67e795}

.bjcv-vs-section{overflow:hidden;border:1px solid rgba(211,164,76,.18);border-radius:13px;background:#0a0d11}.bjcv-vs-section-title{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid rgba(211,164,76,.14);background:linear-gradient(180deg,#12151a,#0e1115)}
.bjcv-vs-section-title>span{min-width:27px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:7px;background:#20180d;color:#e7bc63;font-size:9px;font-weight:950}.bjcv-vs-section-title h3{margin:0;color:#e7dcc8;font-size:11px;letter-spacing:.7px}
.bjcv-vs-dmg{border-color:rgba(225,175,75,.33);box-shadow:0 0 28px rgba(224,166,49,.06)}
.bjcv-vs-total-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.8fr) minmax(0,1fr);gap:10px;align-items:center;padding:14px 13px;background:radial-gradient(circle at 50% 0,rgba(220,160,45,.07),transparent 60%)}
.bjcv-vs-total-row>div{display:grid;gap:2px;text-align:center;padding:10px;border:1px solid rgba(239,188,79,.22);border-radius:10px;background:#11100d}.bjcv-vs-total-row>div:last-child{border-color:rgba(91,199,241,.22);background:#0d1215}
.bjcv-vs-total-row small{font-size:8px;color:#8e8577}.bjcv-vs-total-row strong{color:#ffe08c;font-size:21px;letter-spacing:.3px;text-shadow:0 0 12px rgba(223,166,49,.15)}.bjcv-vs-total-row>div:last-child strong{color:#8fdcff;text-shadow:0 0 12px rgba(69,187,233,.14)}.bjcv-vs-total-row em{font-size:7px;color:#796f5f;font-style:normal;letter-spacing:.8px}.bjcv-vs-total-row>b{text-align:center;color:#d7c49c;font-size:10px;line-height:1.35}
.bjcv-vs-note{margin:0;padding:0 14px 12px;color:#77736c;font-size:9px;line-height:1.45;text-align:center}

.bjcv-vs-rows{display:grid}.bjcv-vs-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.72fr) minmax(0,1fr);gap:8px;align-items:center;min-height:40px;padding:5px 13px;border-top:1px solid rgba(255,255,255,.045)}.bjcv-vs-row:first-child{border-top:0}.bjcv-vs-row>b{text-align:center;color:#999287;font-size:9px;font-weight:800}.bjcv-vs-value{display:block;padding:6px 9px;border-radius:7px;background:#0c1014;color:#d9d4ca;font-size:12px;font-weight:850;text-align:center;font-variant-numeric:tabular-nums}.bjcv-vs-value.strong{background:rgba(31,104,67,.22);color:#74e6a2;box-shadow:inset 0 0 0 1px rgba(74,212,135,.12)}.bjcv-vs-value.weak{background:rgba(111,44,44,.18);color:#e8a2a2}.bjcv-vs-value.same{color:#d7bd83}.bjcv-vs-no-live{padding:18px;text-align:center;color:#77736b;font-size:10px}

.bjcv-vs-eq-list{display:grid}.bjcv-vs-eq-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(122px,.42fr) minmax(0,1fr);gap:8px;align-items:stretch;border-top:1px solid rgba(255,255,255,.045);min-height:48px}.bjcv-vs-eq-row:first-child{border-top:0}.bjcv-vs-eq-row>div{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:8px 10px;text-align:center;color:#ded8cc;font-size:10px;background:rgba(255,255,255,.012)}.bjcv-vs-eq-row>div:last-child{background:rgba(71,183,230,.018)}.bjcv-vs-eq-row>b{display:grid;place-items:center;padding:6px;color:#8f887d;font-size:8px;text-align:center;background:#0d1014}.bjcv-vs-eq-row em{color:#f2c45e;font-style:normal;font-weight:900}.bjcv-vs-eq-row small{display:block;width:100%;color:#6e6a63;font-size:7px}

@media(max-width:760px){
  .bjcv-head{gap:8px}.bjcv-head-actions{gap:6px}.bjcv-vs-btn{min-width:62px;padding:0 10px}.bjcv-vs-wrap{padding:10px}.bjcv-vs-toolbar{align-items:flex-start;flex-direction:column}.bjcv-vs-toolbar>div{text-align:left}.bjcv-vs-tabs{grid-template-columns:1fr}.bjcv-vs-mark{width:42px;height:42px;justify-self:center;margin:-4px 0}.bjcv-vs-fighters{grid-template-columns:1fr}.bjcv-vs-total-row{grid-template-columns:1fr}.bjcv-vs-total-row>b{padding:4px 0}.bjcv-vs-row{grid-template-columns:1fr 105px 1fr;padding:5px 7px;gap:5px}.bjcv-vs-row>b{font-size:8px}.bjcv-vs-value{font-size:10px;padding:6px 4px}.bjcv-vs-eq-row{grid-template-columns:1fr 90px 1fr}.bjcv-vs-fighter{grid-template-columns:38px minmax(0,1fr)}.bjcv-vs-online{grid-column:2;justify-self:start}.bjcv-vs-section-title h3{font-size:10px}}
@media(max-width:430px){.bjcv-title strong{font-size:17px}.bjcv-sub{font-size:9px}.bjcv-vs-btn{height:34px;min-width:56px;font-size:11px}.bjcv-vs-btn span{display:none}.bjcv-close{width:34px;height:34px}.bjcv-vs-row{grid-template-columns:1fr 82px 1fr}.bjcv-vs-eq-row{grid-template-columns:1fr 72px 1fr}.bjcv-vs-eq-row>div{font-size:8px;padding:7px 4px}.bjcv-vs-total-row strong{font-size:18px}}
.bjcv-vs-value.strong::after{content:" ▲";font-size:7px;opacity:.85}.bjcv-vs-value.weak::after{content:" ▼";font-size:7px;opacity:.65}