
.app > header .v358-logo::after{content:"V4.103"!important}
.app > header .v366-ver::after,.app > header .v371-logo em::after,.app > header .v372-logo em::after{content:"V4.103"!important}
.v4103-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v4103-item-card{--v4103q:#9aa49d;position:relative;overflow:hidden;min-width:0;padding:9px;border:2px solid var(--v4103q);border-radius:14px;background:radial-gradient(circle at 50% 4%,color-mix(in srgb,var(--v4103q) 16%,transparent),transparent 42%),linear-gradient(180deg,#152019,#09100c);box-shadow:inset 0 0 18px #0007,0 7px 16px #0008;color:#ecf1e8}
.v4103-item-card[data-v4103-quality="green"]{--v4103q:#63c94b}.v4103-item-card[data-v4103-quality="blue"]{--v4103q:#489cea}.v4103-item-card[data-v4103-quality="purple"]{--v4103q:#b45ee8}.v4103-item-card[data-v4103-quality="orange"]{--v4103q:#ed9633}.v4103-item-card[data-v4103-quality="cyan"]{--v4103q:#42ded8}
.v4103-item-card.v4103-prismatic{--v4103q:#d875ef;border-color:transparent;background:linear-gradient(#121a15,#09100c) padding-box,linear-gradient(115deg,#ff6ad7,#8d6cff,#4bb7ff,#5de97c,#ffe162,#ff805d) border-box;box-shadow:0 0 17px #8e72ff38,inset 0 0 18px #ffffff08}
.v4103-item-card.v4103-prismatic:after{content:"✦";position:absolute;right:8px;top:7px;color:#fff;text-shadow:0 0 8px #fff,0 0 14px #8ef;animation:v488Twinkle 1.3s ease-in-out infinite alternate}
.v4103-item-slot{font-size:6px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase;color:#91a095;margin-bottom:5px}
.v4103-item-head{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:center}.v4103-item-art{width:62px;height:62px;display:grid;place-items:center;border:1px solid #405044;border-radius:12px;background:#080e0a;overflow:hidden}.v4103-item-art .v466-item-art{width:100%!important;height:100%!important;object-fit:contain!important}.v4103-item-fallback{font-size:34px;filter:drop-shadow(0 4px 5px #0008)}
.v4103-item-name{font-size:9px;font-weight:1000;line-height:1.18;color:#f3f2e6;word-break:break-word}.v4103-item-rarity{margin-top:3px;font-size:6.3px;font-weight:1000;text-transform:uppercase;color:var(--v4103q)}.v4103-item-meta{margin-top:3px;font-size:6px;color:#94a198}
.v4103-item-stats{margin-top:7px;padding:6px 7px;border:1px solid #304037;border-radius:9px;background:#09110c;font-size:6.5px;line-height:1.4;color:#c9d6c8}.v4103-item-upgrades{display:grid;gap:4px;margin-top:6px}.v4103-item-chip{padding:4px 6px;border:1px solid #405044;border-radius:8px;background:#0c1510;font-size:6px;line-height:1.3;color:#b8c8b8}.v4103-item-chip.gem{border-color:#3e796c;color:#87e5d0}.v4103-item-chip.enchant{border-color:#725b85;color:#d2a8ef}.v4103-item-chip.special{border-color:#317f7b;color:#73eee8}.v4103-item-chip.prism{border-color:#8a598e;color:#edb7f1}
#v074ProfileContent .v074-equipment{display:block!important}.v4103-profile-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.v4103-profile-equipment .v4103-item-card{min-height:150px}
#v484Reveal .v4103-item-card{width:min(100%,430px);margin:0 auto;text-align:left}#v484Reveal .v4103-item-head{text-align:left}
#v488ForgeInventory .v488-item .ico.v4103-forge-art{width:42px;height:42px;margin:0 auto 2px;display:block}#v488ForgeInventory .v488-item .ico.v4103-forge-art .v466-item-art{width:42px!important;height:42px!important;object-fit:contain!important}
@media(max-width:560px){.v4103-profile-equipment{grid-template-columns:1fr}.v4103-item-head{grid-template-columns:54px minmax(0,1fr)}.v4103-item-art{width:54px;height:54px}}


/* Universal item comparison popup: equipped item above, clicked item below. */
#v4103CompareOverlay{
 position:fixed;inset:0;z-index:2147483647!important;display:none;align-items:center;justify-content:center;
 padding:12px;background:rgba(3,7,4,.88);backdrop-filter:blur(5px)
}
#v4103CompareOverlay.show{display:flex}
.v4103-compare-dialog{
 position:relative;width:min(94vw,430px);max-height:min(92dvh,820px);overflow:auto;
 padding:14px;border:2px solid #5b4925;border-radius:17px;
 background:linear-gradient(180deg,#2e1c0f,#160e08 68%,#0c0b08);
 box-shadow:0 24px 70px #000e,inset 0 0 28px #0007;color:#f0eadc
}
.v4103-compare-close{
 position:sticky;float:right;top:0;z-index:5;width:34px;height:34px;margin:-3px -3px 0 8px;
 border:1px solid #745a2c;border-radius:10px;background:#25170d;color:#f3e7c9;
 font-size:22px;font-weight:1000;line-height:1
}
.v4103-compare-title{
 margin:2px 38px 10px 0;font-family:Georgia,serif;font-size:16px;font-weight:1000;
 color:#f0d48a;text-align:center;text-transform:uppercase
}
.v4103-compare-item{
 clear:both;padding:10px;border:1px solid #594324;border-radius:13px;
 background:linear-gradient(180deg,#29180d,#140e09)
}
.v4103-compare-item.clicked{border-color:#6e7f36}
.v4103-compare-item.empty{min-height:70px;display:grid;align-content:center}
.v4103-compare-kicker{
 margin-bottom:7px;font-size:7px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;color:#a89a7e
}
.v4103-compare-head{display:grid;grid-template-columns:58px minmax(0,1fr);gap:9px;align-items:center}
.v4103-compare-art{
 width:58px;height:58px;display:grid;place-items:center;overflow:hidden;
 border:1px solid #62502d;border-radius:11px;background:#0b0d09
}
.v4103-compare-art .v466-item-art{width:100%!important;height:100%!important;object-fit:contain!important}
.v4103-compare-name{font-size:10px;font-weight:1000;line-height:1.2;color:#fff7df}
.v4103-compare-meta{margin-top:3px;font-size:6.5px;color:#baad91;text-transform:uppercase}
.v4103-compare-block{
 margin-top:8px;padding:7px;border:1px solid #44341f;border-radius:9px;background:#110e09
}
.v4103-compare-block>strong{
 display:block;margin-bottom:5px;font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#d8c27f
}
.v4103-compare-stat{
 display:grid;grid-template-columns:minmax(0,1fr) auto minmax(58px,auto);gap:6px;align-items:center;
 min-height:25px;padding:3px 0;border-bottom:1px solid #ffffff0d
}
.v4103-compare-stat:last-child{border-bottom:0}
.v4103-compare-stat span{font-size:8px;color:#d7d2c6}
.v4103-compare-stat b{font-size:8px;color:#fff}
.v4103-compare-stat em{
 min-width:58px;text-align:right;font-style:normal;font-size:7.5px;font-weight:1000
}
.v4103-compare-stat em.better,.v4103-compare-legend .better{color:#78e157}
.v4103-compare-stat em.worse,.v4103-compare-legend .worse{color:#ef6960}
.v4103-compare-stat em.same,.v4103-compare-legend .same{color:#a7aca6}
.v4103-compare-attach{padding:5px 6px;border-radius:7px;font-size:7.5px;line-height:1.3}
.v4103-compare-attach.gem{border:1px solid #3e796c;background:#0d1c18;color:#87e5d0}
.v4103-compare-attach.enchant{border:1px solid #725b85;background:#1b1320;color:#d2a8ef}
.v4103-compare-none,.v4103-compare-empty{font-size:7.5px;color:#817b70;font-style:italic}
.v4103-compare-extra{display:grid;gap:4px;margin-top:8px}
.v4103-compare-extra>div{
 padding:5px 7px;border:1px solid #4f4328;border-radius:8px;background:#151109;font-size:7px;color:#e4d4a3
}
.v4103-compare-divider{display:flex;align-items:center;gap:7px;margin:8px 0;color:#8b7a58;font-size:6px;font-weight:1000}
.v4103-compare-divider:before,.v4103-compare-divider:after{content:"";height:1px;flex:1;background:#594324}
.v4103-compare-legend{
 display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:9px;padding:8px;
 border:1px solid #42351f;border-radius:9px;background:#100d08;font-size:7px;font-weight:900
}
.v4103-compare-legend small{flex-basis:100%;font-size:6.2px;line-height:1.35;color:#918878;font-weight:600}
[data-v4103-item-current="1"][data-v4103-item-key]{cursor:pointer}
@media(max-width:430px){
 #v4103CompareOverlay{padding:6px}
 .v4103-compare-dialog{width:97vw;max-height:94dvh;padding:10px}
 .v4103-compare-head{grid-template-columns:52px minmax(0,1fr)}
 .v4103-compare-art{width:52px;height:52px}
 .v4103-compare-stat{grid-template-columns:minmax(0,1fr) auto minmax(52px,auto)}
}

.v4103-weapon-range{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ffffff12;color:#f0d48a;font-weight:1000;letter-spacing:.02em}
.v4103-compare-stat.weapon span{color:#f0d48a}.v4103-compare-stat.weapon b{color:#fff1bd}

.v4103-total-verdict{
 margin-top:9px;padding:9px 10px;border:1px solid #4a3b25;border-radius:10px;
 background:#100d08;display:grid;gap:4px
}
.v4103-total-verdict span{
 font-size:6.5px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#a89a7e
}
.v4103-total-verdict b{font-size:9px;line-height:1.25}
.v4103-total-verdict.better{border-color:#46753b;background:#10200e}.v4103-total-verdict.better b{color:#78e157}
.v4103-total-verdict.worse{border-color:#7a3934;background:#21100e}.v4103-total-verdict.worse b{color:#ef6960}
.v4103-total-verdict.same{border-color:#555950}.v4103-total-verdict.same b{color:#c1c5bf}

.v4103-compare-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 2px}
.v4103-compare-actions .btn{width:100%;margin:0}
@media(max-width:430px){.v4103-compare-actions{grid-template-columns:1fr}}


/* V8.071: strong quality identity on every current item surface. */
[data-v4103-item-current="1"]{--v8071q:#d0d4d8;--v8071rgb:208,212,216}
[data-v4103-item-current="1"][data-v4103-quality="green"]{--v8071q:#72ff88;--v8071rgb:114,255,136}
[data-v4103-item-current="1"][data-v4103-quality="blue"]{--v8071q:#55c7ff;--v8071rgb:85,199,255}
[data-v4103-item-current="1"][data-v4103-quality="purple"]{--v8071q:#ed72ff;--v8071rgb:237,114,255}
[data-v4103-item-current="1"][data-v4103-quality="orange"]{--v8071q:#ffc052;--v8071rgb:255,192,82}
[data-v4103-item-current="1"][data-v4103-quality="cyan"]{--v8071q:#66ffff;--v8071rgb:102,255,255}
[data-v4103-item-current="1"][data-v4103-quality="prismatic"]{--v8071q:#ff79e2;--v8071rgb:255,121,226}
.v4103-item-card[data-v4103-item-current="1"]{
 border-color:var(--v8071q)!important;
 background:
  radial-gradient(circle at 50% 3%,rgba(var(--v8071rgb),.24),transparent 42%),
  linear-gradient(180deg,#172019,#090e0b)!important;
 box-shadow:inset 0 0 28px rgba(var(--v8071rgb),.13),0 0 20px rgba(var(--v8071rgb),.34)!important
}
.v4103-item-card[data-v4103-item-current="1"] .v4103-item-art{
 border-color:var(--v8071q)!important;
 box-shadow:inset 0 0 0 2px rgba(var(--v8071rgb),.38),0 0 16px rgba(var(--v8071rgb),.48)!important
}
.v4103-item-card[data-v4103-item-current="1"] .v4103-item-rarity{color:var(--v8071q)!important;text-shadow:0 0 9px rgba(var(--v8071rgb),.60)}
.v4103-item-card[data-v4103-quality="prismatic"]{
 border-color:transparent!important;
 background:
  linear-gradient(#151b16,#090e0b) padding-box,
  linear-gradient(115deg,#ff70d9,#976fff,#45c7ff,#65ff91,#ffe45e,#ff8b58) border-box!important;
 box-shadow:0 0 24px #ff5ed266,0 0 32px #35cfff55,inset 0 0 24px #ffffff0d!important
}

/* The universal comparison panel uses the same strong quality palette. */
.v4103-compare-item{--v8071q:#d0d4d8;--v8071rgb:208,212,216}
.v4103-compare-item[data-quality="green"]{--v8071q:#72ff88;--v8071rgb:114,255,136}
.v4103-compare-item[data-quality="blue"]{--v8071q:#55c7ff;--v8071rgb:85,199,255}
.v4103-compare-item[data-quality="purple"]{--v8071q:#ed72ff;--v8071rgb:237,114,255}
.v4103-compare-item[data-quality="orange"]{--v8071q:#ffc052;--v8071rgb:255,192,82}
.v4103-compare-item[data-quality="cyan"]{--v8071q:#66ffff;--v8071rgb:102,255,255}
.v4103-compare-item[data-quality="prismatic"]{--v8071q:#ff79e2;--v8071rgb:255,121,226}
.v4103-compare-item:not(.empty){
 border:2px solid var(--v8071q)!important;
 background:
  radial-gradient(circle at 50% 0%,rgba(var(--v8071rgb),.19),transparent 38%),
  linear-gradient(180deg,#29180d,#140e09)!important;
 box-shadow:inset 0 0 26px rgba(var(--v8071rgb),.10),0 0 18px rgba(var(--v8071rgb),.30)!important
}
.v4103-compare-item:not(.empty) .v4103-compare-art{
 border:2px solid var(--v8071q)!important;
 box-shadow:inset 0 0 0 1px rgba(var(--v8071rgb),.35),0 0 17px rgba(var(--v8071rgb),.45)!important
}
.v4103-compare-item:not(.empty) .v4103-compare-name{color:var(--v8071q)!important;text-shadow:0 0 10px rgba(var(--v8071rgb),.42)}
.v4103-compare-item:not(.empty) .v4103-compare-meta{color:var(--v8071q)!important;opacity:.92}
.v4103-compare-item[data-quality="prismatic"]:not(.empty){
 border-color:transparent!important;
 background:
  linear-gradient(#28180e,#140e09) padding-box,
  linear-gradient(115deg,#ff70d9,#976fff,#45c7ff,#65ff91,#ffe45e,#ff8b58) border-box!important;
 box-shadow:0 0 24px #ff5ed266,0 0 31px #35cfff55,inset 0 0 26px #ffffff0c!important
}

/* Legacy/current cards marked by the central decorator inherit the same stronger frame. */
#character #inventory .inv-item[data-v4103-item-current="1"],
#shop .shop-item[data-v4103-item-current="1"],
.v240-loot-item[data-v4103-item-current="1"],
.v395-loot-card.item[data-v4103-item-current="1"]{
 border-color:var(--v8071q)!important;
 box-shadow:inset 0 0 28px rgba(var(--v8071rgb),.12),0 0 19px rgba(var(--v8071rgb),.31)!important
}
#character #inventory .inv-item[data-v4103-item-current="1"] .v459-inv-icon,
#shop .shop-item[data-v4103-item-current="1"] .shop-icon,
.v240-loot-item[data-v4103-item-current="1"] .v240-loot-icon{
 border-color:var(--v8071q)!important;
 box-shadow:inset 0 0 0 2px rgba(var(--v8071rgb),.30),0 0 17px rgba(var(--v8071rgb),.42)!important
}
