/* =====================================================================
   PrivateDrop v2.23 — Top drop / Live drop rail (reference: live-drop photo)
   Single owner of the sidebar drop cards. Markup: index bundle, ._sidebar_3y6o8_2.
   Card = graphite base + rarity wash from a 3px rarity bar, chance pill top-left,
   big weapon on the right, UPPERCASE skin name over the weapon type.
   ===================================================================== */

/* ---------- geometry ---------- */
@media (min-width:1024px){
  ._sidebar_3y6o8_2 ._inner_3y6o8_13{
    top:var(--pd-header-height,84px);
    height:calc(100dvh - var(--pd-header-height,84px));
    max-height:calc(100dvh - var(--pd-header-height,84px));
  }
}
@media (min-width:1024px){
  ._sidebar_3y6o8_2{--_card-w:232px;--_card-h:100px}
  /* reference rail: cards almost touch (≈103px pitch for 100px cards) */
  ._sidebar_3y6o8_2 ._list_3y6o8_125{gap:3px}
  ._sidebar_3y6o8_2 ._list_3y6o8_125 > ._item_3y6o8_77{margin-bottom:0}
}
@media (min-width:1280px){
  ._sidebar_3y6o8_2{--_card-w:calc(var(--pd-u) * 234);--_card-h:calc(var(--pd-u) * 100)}
  ._sidebar_3y6o8_2 ._inner_3y6o8_13{padding:calc(var(--pd-u) * 8)}
}
@media (max-width:1023px){
  ._sidebar_3y6o8_2{--_card-w:116px;--_card-h:62px}
}

/* ---------- rarity tokens (CS2 palette, rgb triplets) ---------- */
._sidebar_3y6o8_2 ._item_3y6o8_77{--lr:176 195 217}
._sidebar_3y6o8_2 ._rarity-blue_3y6o8_143{--lr:75 105 255}
._sidebar_3y6o8_2 ._rarity-dark-blue_3y6o8_147{--lr:94 152 217}
._sidebar_3y6o8_2 ._rarity-fiol_3y6o8_144{--lr:136 71 255}
._sidebar_3y6o8_2 ._rarity-pink_3y6o8_148{--lr:211 44 230}
._sidebar_3y6o8_2 ._rarity-red_3y6o8_146{--lr:235 75 75}
._sidebar_3y6o8_2 ._rarity-yellow_3y6o8_145{--lr:228 174 57}

/* ---------- card shell ---------- */
._sidebar_3y6o8_2 ._item_3y6o8_77{
  border:0;
  border-radius:3px 8px 8px 3px;
  overflow:hidden;
  box-shadow:none;
  filter:none;
  transition:transform .18s ease,filter .18s ease;
}
._sidebar_3y6o8_2 ._item_3y6o8_77 [data-skin-card]{
  border:0;
  border-radius:3px 8px 8px 3px;
  box-shadow:none;
  background:
    linear-gradient(90deg,rgba(var(--lr)/.2) 0%,rgba(var(--lr)/.11) 26%,rgba(var(--lr)/.04) 52%,rgba(var(--lr)/0) 74%),
    linear-gradient(180deg,#1f2024 0%,#1a1b1f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
._sidebar_3y6o8_2 ._item_3y6o8_77 [data-skin-card]::before{content:none}
/* rarity bar */
._sidebar_3y6o8_2 ._item_3y6o8_77 [data-skin-card]::after{
  content:"";
  display:block;
  position:absolute;
  top:0;left:0;bottom:0;
  width:2px;height:100%;
  padding:0;
  z-index:4;
  background:linear-gradient(180deg,rgba(var(--lr)/.55) 0%,rgb(var(--lr)) 50%,rgba(var(--lr)/.55) 100%);
  box-shadow:none;
  -webkit-mask:none;
  mask:none;
  opacity:1;
}
._sidebar_3y6o8_2 ._dropBg_3y6o8_324,
._sidebar_3y6o8_2 ._bestStars_3y6o8_180,
._sidebar_3y6o8_2 ._bestRoll_3y6o8_195,
._sidebar_3y6o8_2 ._stBadge_3y6o8_301,
._sidebar_3y6o8_2 .pd-cs2-native-wear,
._sidebar_3y6o8_2 [data-skin-card] > ._block_19ntz_37{display:none}

/* ---------- weapon ---------- */
._sidebar_3y6o8_2 [data-skin-card] ._cardImg_19ntz_80{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:3;
  overflow:visible;
  background:none;
}
._sidebar_3y6o8_2 [data-skin-card] ._cardImg_19ntz_80::before,
._sidebar_3y6o8_2 [data-skin-card] ._cardImg_19ntz_80::after{content:none}
._sidebar_3y6o8_2 [data-skin-card] ._cardImg_19ntz_80 img{
  position:absolute;
  top:50%;
  right:5%;
  width:53%;
  height:78%;
  max-width:none;
  max-height:none;
  margin:0;
  object-fit:contain;
  transform:translateY(-44%);
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));
  transition:transform .2s ease;
}

/* ---------- chance pill ---------- */
._sidebar_3y6o8_2 ._chanceBadge_3y6o8_271{
  top:5px;
  left:7px;
  z-index:6;
  gap:5px;
  padding:3px 9px 3px 7px;
  border-radius:999px;
  background:rgba(10,10,12,.38);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
._sidebar_3y6o8_2 ._chanceIcon_3y6o8_292{display:none}
._sidebar_3y6o8_2 ._chanceBadge_3y6o8_271::before{
  content:"";
  flex:0 0 auto;
  width:12px;
  height:13px;
  background:linear-gradient(135deg,#eed8a3 0%,#dcbc7c 50%,#b38f52 100%);
  -webkit-mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
}
._sidebar_3y6o8_2 ._chanceBadge_3y6o8_271 > span{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:#e7e8ea;
  font-size:10.5px;
  line-height:13px;
  font-weight:600;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}

/* ---------- name: SKIN over weapon type ---------- */
._sidebar_3y6o8_2 ._itemName_3y6o8_348{
  left:11px;
  bottom:9px;
  z-index:5;
  width:56%;
  flex-direction:column-reverse;
  align-items:flex-start;
  gap:2px;
  opacity:1;
  transform:none;
  transition:opacity .16s ease,transform .16s ease;
}
._sidebar_3y6o8_2 ._itemSkin_3y6o8_379{
  max-width:100%;
  color:#f3f3f4;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:12.5px;
  line-height:15px;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  -webkit-text-stroke:0;
  text-shadow:none;
}
._sidebar_3y6o8_2 ._itemTopLine_3y6o8_360{max-width:100%}
._sidebar_3y6o8_2 ._itemWeapon_3y6o8_368{
  color:#8b8d93;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-size:11px;
  line-height:13px;
  font-weight:500;
}

/* ---------- top drop: gold card with big chevrons ---------- */
._sidebar_3y6o8_2 ._best_3y6o8_40 [data-skin-card]{
  border-radius:8px;
  background:
    radial-gradient(70% 120% at 78% 55%,rgba(214,178,76,.32) 0%,rgba(214,178,76,0) 72%),
    linear-gradient(100deg,#25221a 0%,#3b3220 40%,#5c4b26 78%,#6a5629 100%);
  box-shadow:inset 0 0 0 1px rgba(220,188,124,.28),inset 0 1px 0 rgba(255,236,190,.08);
}
._sidebar_3y6o8_2 ._best_3y6o8_40 [data-skin-card]::after{content:none}
._sidebar_3y6o8_2 ._best_3y6o8_40::before{
  content:"";
  position:absolute;
  inset:auto -2% -18% auto;
  top:-14%;
  width:40%;
  z-index:1;
  box-shadow:none;
  background:linear-gradient(135deg,#eed8a3 0%,#dcbc7c 50%,#b38f52 100%);
  -webkit-mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  mask:url('/assets/pd-card-chevron-v2250.svg?v=2250') center/contain no-repeat;
  opacity:.22;
  pointer-events:none;
}
._sidebar_3y6o8_2 ._best_3y6o8_40 ._itemWeapon_3y6o8_368{color:#b9a888}
._sidebar_3y6o8_2 ._best_3y6o8_40 ._chanceBadge_3y6o8_271{left:7px}

/* ---------- hover: lift, weapon nudge, player reveal (desktop) ---------- */
@media (hover:hover) and (pointer:fine){
  ._sidebar_3y6o8_2 ._item_3y6o8_77:hover{transform:translateY(-1px);filter:brightness(1.06)}
  ._sidebar_3y6o8_2 ._item_3y6o8_77:hover [data-skin-card] ._cardImg_19ntz_80 img{transform:translateY(-44%) scale(1.04)}
  ._sidebar_3y6o8_2 ._liveSection_3y6o8_41 ._item_3y6o8_77:hover ._itemName_3y6o8_348{opacity:0;transform:translateY(-6px)}
  ._sidebar_3y6o8_2 ._bestSection_3y6o8_40 ._item_3y6o8_77:hover ._itemName_3y6o8_348{opacity:1;transform:none}
}
._sidebar_3y6o8_2 ._hoverInfo_3y6o8_307{z-index:6;padding:0 11px 9px}
._sidebar_3y6o8_2 ._bestSection_3y6o8_40 ._hoverInfo_3y6o8_307{display:none}

/* ---------- section labels ---------- */
._sidebar_3y6o8_2 ._sectionLabel_3y6o8_58{
  color:rgba(255,255,255,.55);
  font-size:12px;
  line-height:16px;
  font-weight:600;
  letter-spacing:.08em;
}
._sidebar_3y6o8_2 ._sectionLabel_3y6o8_58 svg,
._sidebar_3y6o8_2 ._sectionLabel_3y6o8_58 path{color:var(--pd2-gold);fill:var(--pd2-gold)}

/* ---------- phones / tablets: horizontal strip, same card scaled ---------- */
@media (max-width:1023px){
  ._sidebar_3y6o8_2 ._item_3y6o8_77,
  ._sidebar_3y6o8_2 ._item_3y6o8_77 [data-skin-card]{border-radius:7px}
  ._sidebar_3y6o8_2 ._item_3y6o8_77 [data-skin-card]::after{width:2px}
  ._sidebar_3y6o8_2 ._chanceBadge_3y6o8_271{top:3px;left:5px;gap:3px;padding:2px 6px 2px 4px}
  ._sidebar_3y6o8_2 ._chanceBadge_3y6o8_271::before{width:8px;height:9px}
  ._sidebar_3y6o8_2 ._chanceBadge_3y6o8_271 > span{font-size:8px;line-height:10px}
  ._sidebar_3y6o8_2 ._itemName_3y6o8_348{left:6px;bottom:5px;width:58%;gap:1px}
  ._sidebar_3y6o8_2 ._itemSkin_3y6o8_379{font-size:9px;line-height:11px;letter-spacing:.02em;-webkit-text-stroke:0}
  ._sidebar_3y6o8_2 ._itemWeapon_3y6o8_368{font-size:7px;line-height:9px}
  ._sidebar_3y6o8_2 [data-skin-card] ._cardImg_19ntz_80 img{width:52%;height:74%;right:4%}
  ._sidebar_3y6o8_2 ._hoverInfo_3y6o8_307{display:none}
}

/* v2.25: reference rail has no section captions — top card, a gap, then the live list */
@media (min-width:1024px){
  ._sidebar_3y6o8_2 ._sectionLabel_3y6o8_58{display:none}
  ._sidebar_3y6o8_2 ._bestSection_3y6o8_40{margin-bottom:calc(var(--pd-u,1px) * 14)}
  ._sidebar_3y6o8_2 ._best_3y6o8_40 ._item_3y6o8_77,
  ._sidebar_3y6o8_2 ._bestSection_3y6o8_40 ._item_3y6o8_77{border-radius:8px}
}