/* ===== V4.02 notifications + inventory rarity + quest reward ===== */

/* Strong, unmistakable inventory rarity identity. */
#character #inventory .inv-item{
  position:relative!important;
  overflow:hidden!important;
  border-width:1.5px!important;
}

#character #inventory .inv-item.common-gray{
  --v231-r:#b5beb8;--v231-rgb:181,190,184;
}
#character #inventory .inv-item.common-green{
  --v231-r:#72df52;--v231-rgb:114,223,82;
}
#character #inventory .inv-item.rare-blue{
  --v231-r:#4ba8ff;--v231-rgb:75,168,255;
}
#character #inventory .inv-item.epic-purple{
  --v231-r:#c66bff;--v231-rgb:198,107,255;
}
#character #inventory .inv-item.legendary-orange{
  --v231-r:#ff9c39;--v231-rgb:255,156,57;
}
#character #inventory .inv-item.mystic-cyan{
  --v231-r:#45ebe4;--v231-rgb:69,235,228;
}

#character #inventory .inv-item[class*="common-"],
#character #inventory .inv-item.rare-blue,
#character #inventory .inv-item.epic-purple,
#character #inventory .inv-item.legendary-orange,
#character #inventory .inv-item.mystic-cyan{
  border-color:var(--v231-r)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(var(--v231-rgb),.20),transparent 38%),
    linear-gradient(155deg,rgba(var(--v231-rgb),.08),#07100b 62%)!important;
  box-shadow:
    inset 0 0 30px rgba(var(--v231-rgb),.11),
    0 0 15px rgba(var(--v231-rgb),.16)!important;
}

#character #inventory .inv-item:before{
  content:"";
  position:absolute;
  left:7px;right:7px;top:0;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--v231-r),transparent);
  box-shadow:0 0 12px var(--v231-r);
  pointer-events:none;
}

#character #inventory .inv-item .item-name{
  color:var(--v231-r,#f2f5f1)!important;
  text-shadow:0 0 10px rgba(var(--v231-rgb,255,255,255),.18)!important;
}

#character #inventory .inv-item .rarity-badge{
  display:inline-flex!important;
  width:auto!important;
  margin:5px 0 7px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  border:1px solid var(--v231-r,#667)!important;
  color:var(--v231-r,#ccd)!important;
  background:rgba(var(--v231-rgb,120,120,120),.10)!important;
  box-shadow:0 0 9px rgba(var(--v231-rgb,120,120,120),.12)!important;
  font-size:6.5px!important;
  font-weight:1000!important;
}


/* Quest reward modal */
#v231QuestReward{
  position:fixed;
  inset:0;
  z-index:2147482500;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(2,7,4,.86);
  backdrop-filter:blur(8px);
}
#v231QuestReward.show{display:flex}

.v231-quest-card{
  width:min(420px,100%);
  overflow:hidden;
  border:1px solid #72b857;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0%,rgba(111,210,80,.18),transparent 34%),
    linear-gradient(155deg,#142119,#07100a);
  box-shadow:0 28px 90px #000e,0 0 30px rgba(100,211,70,.15);
}

.v231-quest-head{
  padding:18px 16px 12px;
  text-align:center;
}
.v231-quest-icon{font-size:33px}
.v231-quest-title{
  margin-top:5px;
  color:#baf28c;
  font-size:20px;
  font-weight:1000;
}
.v231-quest-name{
  margin-top:4px;
  color:#8fa393;
  font-size:8px;
}

.v231-quest-loot{
  margin:0 14px 12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.v231-quest-loot > div{
  padding:11px 7px;
  border:1px solid #304c37;
  border-radius:11px;
  background:#07110b;
  text-align:center;
}
.v231-quest-loot span{
  display:block;
  color:#7c8e80;
  font-size:6px;
  text-transform:uppercase;
}
.v231-quest-loot b{
  display:block;
  margin-top:3px;
  color:#f1f6ef;
  font-size:14px;
}
.v231-quest-extra{
  margin:0 14px 12px;
  padding:10px;
  border:1px solid #405640;
  border-radius:11px;
  background:#0a130d;
  color:#b7c8b8;
  font-size:8px;
  line-height:1.5;
  white-space:pre-line;
}
#v231QuestRewardOk{
  width:calc(100% - 28px)!important;
  margin:0 14px 14px!important;
  min-height:44px!important;
}

@media(max-width:480px){
  .v231-quest-loot{grid-template-columns:1fr 1fr}
}