/* Best-drop faces follow the existing grouped case-content cards. */
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best {
 background:linear-gradient(150deg,#202630,#181e26);border:1px solid #ffffff0d;border-radius:8px;
 box-shadow:none;animation:none !important;transition:border-color .4s,box-shadow .4s;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.gold-feed { --csbd-rarity:#efc76f; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.red-feed { --csbd-rarity:#ed6a79; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.pink-feed { --csbd-rarity:#cd78e9; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.purple-feed { --csbd-rarity:#9e8be9; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.blue-feed { --csbd-rarity:#719fe8; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.lightblue-feed { --csbd-rarity:#96c7e8; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best { border-color:color-mix(in srgb,var(--csbd-rarity) 40%,transparent); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card::before,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best::before {
 content:"";display:block;position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
 transform:none;animation:none;opacity:0;
 background:linear-gradient(180deg,color-mix(in srgb,var(--csbd-rarity) 20%,#202630),color-mix(in srgb,var(--csbd-rarity) 58%,#181e26));
 transition:opacity .38s cubic-bezier(.2,.65,.3,1);
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card:not(.csbd-best)::after {
 content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--csbd-rarity);opacity:.6;pointer-events:none;transition:opacity .4s;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-face { padding:13px 13px 14px;isolation:auto; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-face::before { display:none; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-art::before,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-art::before {
 content:"";display:block;position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse,color-mix(in srgb,var(--csbd-rarity) 26%,transparent),transparent 66%);opacity:.22;transition:opacity .4s;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-hex,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-hex { display:block;width:108px;height:116px; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-hex-fill,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-hex-fill { fill-opacity:.035;transition:fill-opacity .4s; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-hex-line,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-hex-line {
 stroke:var(--csbd-rarity);stroke-width:1;stroke-opacity:.48;stroke-dasharray:none;animation:none !important;transition:stroke-opacity .4s;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-logo,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-logo {
 display:block;left:50%;top:50%;width:58px;height:62px;opacity:.16;
 background:linear-gradient(140deg,#b9edff,#77cff9 55%,#248bd2);transform:translate(-50%,-50%);filter:none;animation:none;
 mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;-webkit-mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;
 transition:opacity .4s,transform .4s;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-skin,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-skin {
 background:none !important;animation:none !important;transform:scale(1);filter:drop-shadow(0 7px 10px #0004);
 transition:transform .4s cubic-bezier(.22,.8,.27,1.3),filter .4s;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-name > span { font-size:11px; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-name > strong { font-size:13px; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-price { font-weight:800; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-owner,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-owner {
 background:linear-gradient(180deg,color-mix(in srgb,var(--csbd-rarity) 20%,#202630),color-mix(in srgb,var(--csbd-rarity) 58%,#181e26));
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-owner::before,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-owner::before {
 inset:30% 12% 23%;transform:none;background:#77cff9;opacity:.07;pointer-events:none;
 mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;-webkit-mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-avatar { background-image:none !important; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-crown { color:var(--csbd-rarity);filter:none !important; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open {
 border-color:color-mix(in srgb,var(--csbd-rarity) 58%,transparent);
 box-shadow:inset 0 0 25px color-mix(in srgb,var(--csbd-rarity) 9%,transparent),0 0 12px color-mix(in srgb,var(--csbd-rarity) 8%,transparent);
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open::before { opacity:1; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open:not(.csbd-best)::after { opacity:1; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open .csbd-art::before { opacity:.85; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open .csbd-hex-fill { fill-opacity:.09; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open .csbd-hex-line { stroke-opacity:.95; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open .csbd-logo { opacity:.42;transform:translate(-50%,-50%) scale(1.04); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-open .csbd-skin { transform:scale(.9);filter:drop-shadow(0 9px 13px #0007); }
@media(max-width:560px) {
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-face { padding:10px; }
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-name > span { font-size:10px; }
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-name > strong { font-size:12px; }
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-price { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card::before,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card::after,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-art::before,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-logo,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-skin,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-hex-fill,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-hex-line { transition:none !important; }
}

/* Match the measured native content-card artwork and spacing. */
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-hex-fill,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-hex-line {
 d:path("M56 6a8 8 0 0 1 8 0l40 23a8 8 0 0 1 4 7v48a8 8 0 0 1-4 7l-40 23a8 8 0 0 1-8 0L16 91a8 8 0 0 1-4-7V36a8 8 0 0 1 4-7L56 6Z");
 vector-effect:non-scaling-stroke;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-logo,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-logo { width:58.32px;height:62.64px; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.red-feed { --csbd-native-glow:url('/img/feed-lights/Red-lights.png'),url('/img/feed-lights/red.png'); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.gold-feed { --csbd-native-glow:url('/img/feed-lights/Gold-lights.png'),url('/img/feed-lights/gold.png'); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.pink-feed { --csbd-native-glow:url('/img/feed-lights/pink-lights.png'),url('/img/feed-lights/pink.png'); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.blue-feed { --csbd-native-glow:url('/img/feed-lights/Blue-lights.png'),url('/img/feed-lights/Blue.png'); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.purple-feed { --csbd-native-glow:url('/img/feed-lights/Purple-lights.png'),url('/img/feed-lights/purple.png'); }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-skin,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-skin {
 background-image:var(--csbd-native-glow,none) !important;background-color:transparent !important;
 background-position:center,center !important;background-repeat:no-repeat,no-repeat !important;background-size:contain,contain !important;
}
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-wear { min-height:16px;line-height:1.3; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-art { min-height:96px; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-name { margin-top:5px;line-height:1.35; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-price { min-height:19px;line-height:1.4;color:#f0f6fa; }
.csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-face::after {
 content:"";position:absolute;bottom:0;left:13px;right:13px;height:2px;background:var(--csbd-rarity);opacity:.6;pointer-events:none;
}
@media(max-width:350px) {
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card { height:226px; }
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-face { padding:9px; }
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card .csbd-skin,
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-card.csbd-best .csbd-skin { height:94px; }
 .csdrop-case-highlights[data-csdrop-best-drops="v1"] .csbd-price { font-size:11px; }
}