.csdrop-case-highlights[data-csdrop-best-drops="v1"] > .csdrop-case-highlights__grid,
.csdrop-case-highlights[data-csdrop-best-drops="v1"] > .csdrop-case-highlights__empty { display:none !important; }
.csbd-shell,.csbd-shell * { box-sizing:border-box; }
.csbd-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px; }
.csbd-card { --csbd-rarity:#77cff9;position:relative;min-width:0;height:248px;border:1px solid #ffffff12;border-top:2px solid var(--csbd-rarity);border-radius:9px;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,#222b35,#17212c);transition:border-color .3s,box-shadow .3s; }
.csbd-card.gold-feed { --csbd-rarity:#f0c76a; }.csbd-card.red-feed { --csbd-rarity:#ed7180; }.csbd-card.pink-feed { --csbd-rarity:#d277e5; }.csbd-card.purple-feed { --csbd-rarity:#aa8beb; }.csbd-card.blue-feed { --csbd-rarity:#7ba8f2; }
.csbd-card:focus-within { outline:2px solid #77cff9;outline-offset:2px; }
.csbd-best { border-color:#e1bc65;box-shadow:0 0 14px #e1bc6512;animation:csbd-champion-glow 4.5s ease-in-out infinite; }
.csbd-best::before { content:"";position:absolute;z-index:-1;inset:-60%;background:linear-gradient(110deg,transparent 43%,#ffe4a00c 49%,#ffe4a018 50%,transparent 58%);transform:translateX(-45%);animation:csbd-champion-sheen 6s ease-in-out infinite;pointer-events:none; }
.csbd-face { display:flex;flex-direction:column;appearance:none;position:relative;width:100%;height:100%;min-width:0;padding:12px 12px 15px;border:0;background:transparent;color:#e9f1f6;text-align:left;font:inherit;cursor:pointer;transition:opacity .22s; }
.csbd-face:focus-visible { outline:0; }
.csbd-wear { color:#aebed0;line-height:1.2;font-size:10px;font-weight:650;min-height:13px; }
.csbd-art { display:grid;place-items:center;position:relative;min-width:0;width:100%;flex:1;min-height:106px; }
.csbd-art::before { content:"";position:absolute;inset:3%;background:radial-gradient(ellipse,color-mix(in srgb,var(--csbd-rarity) 20%,transparent),transparent 67%); }
.csbd-hex { position:absolute;width:100px;height:110px;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible; }
.csbd-hex-fill { fill:var(--csbd-rarity);fill-opacity:.045; }.csbd-hex-line { stroke:var(--csbd-rarity);stroke-opacity:.3;stroke-width:1; }
.csbd-logo { position:absolute;left:50%;top:50%;width:51px;height:56px;transform:translate(-50%,-50%);background:#77cff9;opacity:.12;mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;-webkit-mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat; }
.csbd-skin { display:block;position:relative;width:100%;height:116px;object-fit:contain;filter:drop-shadow(0 8px 9px #0005); }
.csbd-best .csbd-hex-line { stroke:#edcc80;stroke-opacity:.75;stroke-dasharray:20 80;animation:csbd-emblem-light 5s linear infinite; }
.csbd-best .csbd-skin { animation:csbd-winner-float 4.5s ease-in-out infinite; }
.csbd-name { min-width:0;width:100%;line-height:1.4; }
.csbd-name > span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#c2d0de; }
.csbd-name > strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;color:var(--csbd-rarity); }
.csbd-price { display:block;max-width:calc(100% - 28px);margin-top:7px;color:#e4f4ff;font-size:13px;font-weight:850;line-height:1.4;overflow-wrap:anywhere; }
.csbd-crown { position:absolute;bottom:14px;right:10px;display:block;width:23px;height:23px;color:#f2ce7d;filter:drop-shadow(0 0 6px #ebbd6338); }
.csbd-crown svg { display:block;width:100%;height:100%; }
.csbd-owner { display:flex;flex-direction:column;position:absolute;inset:0;z-index:2;padding:10px 11px 12px;background:linear-gradient(150deg,#1d2c3a,#152231);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);transition:opacity .22s,transform .22s,visibility .22s; }
.csbd-owner::before { content:"";position:absolute;z-index:-1;inset:30% 12% 23%;background:#77cff9;opacity:.045;mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;-webkit-mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat; }
.csbd-open .csbd-owner { opacity:1;visibility:visible;pointer-events:auto;transform:none; }.csbd-open .csbd-face { opacity:0; }
.csbd-owner-top { display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:22px; }
.csbd-owner time { display:flex;align-items:center;gap:5px;color:#a5bbcd;font-size:10px;font-weight:600;line-height:1.3; }
.csbd-owner time svg { width:13px;height:13px;flex:none; }
.csbd-close { flex:none;width:22px;height:22px;padding:0;border:0;border-radius:4px;background:#ffffff08;color:#adc1d1;font:18px/1 Arial,sans-serif;cursor:pointer; }.csbd-close:hover { background:#ffffff13; }
.csbd-person { display:flex;flex:1;min-height:0;align-items:center;justify-content:center;flex-direction:column;gap:9px; }
.csbd-avatar { display:block;width:49px;height:49px;border:1px solid #77cff947;border-radius:50%;object-fit:cover;background:#162b3a; }
.csbd-avatar-fallback { background:#77cff9;border:0;border-radius:0;mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;-webkit-mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat; }
.csbd-username { display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf5fb;font-size:13px;font-weight:800; }
.csbd-owner-price { color:#8fb0c6;font-size:10px; }
.csbd-profile { display:flex;align-items:center;justify-content:center;min-height:37px;width:100%;padding:8px 5px;border:1px solid #77cff930;border-radius:5px;background:#77cff914;color:#c9eeff !important;text-decoration:none !important;font-size:10px;font-weight:800;line-height:1.3;text-align:center;transition:background .18s,border-color .18s; }
.csbd-profile:hover { background:#77cff929;border-color:#77cff978; }.csbd-profile:focus-visible,.csbd-close:focus-visible { outline:2px solid #77cff9;outline-offset:2px; }
.csbd-unavailable { opacity:.5;border-color:transparent;background:#ffffff06; }
.csbd-message,.csbd-empty { margin:0 0 12px;padding:17px 14px;border:1px solid #ffffff0b;border-radius:8px;color:#8fa8bc;font-size:12px; }.csbd-message { padding:9px 0;border:0; }
@keyframes csbd-champion-glow { 0%,100% { box-shadow:0 0 12px #e1bc6510,inset 0 0 18px #e1bc6505; }50% { box-shadow:0 0 18px #e1bc6525,inset 0 0 30px #e1bc650b; } }
@keyframes csbd-champion-sheen { 0%,20% { transform:translateX(-50%) rotate(4deg); }65%,100% { transform:translateX(50%) rotate(4deg); } }
@keyframes csbd-winner-float { 0%,100% { transform:translateY(0) rotate(-1deg); }50% { transform:translateY(-5px) rotate(1deg); } }
@keyframes csbd-emblem-light { to { stroke-dashoffset:-100; } }
.csbd-motion-paused .csbd-best,.csbd-motion-paused .csbd-best::before,.csbd-motion-paused .csbd-best .csbd-skin,.csbd-motion-paused .csbd-best .csbd-hex-line { animation-play-state:paused; }
@media(max-width:1350px) { .csbd-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:780px) { .csbd-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:560px) { .csbd-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.csbd-card { height:236px; }.csbd-face { padding:10px 10px 13px; }.csbd-name > span { font-size:9px; }.csbd-name > strong { font-size:11px; }.csbd-price { font-size:12px; }.csbd-owner { padding:8px; }.csbd-owner time { font-size:9px; }.csbd-owner time svg { width:11px;height:11px; }.csbd-username { font-size:12px; }.csbd-profile { font-size:9px;min-height:37px; }.csbd-skin { height:104px; } }
@media(max-width:350px) { .csbd-card { height:224px; }.csbd-face { padding:9px; }.csbd-price { font-size:11px; }.csbd-owner { padding:7px; }.csbd-owner time { gap:3px;font-size:8px; }.csbd-profile { font-size:8px; }.csbd-avatar { width:43px;height:43px; }.csbd-username { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .csbd-best,.csbd-best::before,.csbd-best .csbd-skin,.csbd-best .csbd-hex-line { animation:none !important; }.csbd-card,.csbd-face,.csbd-owner,.csbd-profile { transition:none !important; } }