.kd8-contents[data-csdrop-case-groups="v1"] > .kd8-dropgrid,
.kd8-contents[data-csdrop-case-groups="v1"] > .kd8-no-results { display:none !important; }
.kd8-contents[data-csdrop-case-groups="v1"] .cg-grid { display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px; }
.cg-card,.cg-card * { box-sizing:border-box; }
.cg-card { --cg-rarity:#77cff9;position:relative;min-width:0;height:248px;border-radius:8px;overflow:hidden;border:1px solid #ffffff0d;background:linear-gradient(150deg,#202630,#181e26);isolation:isolate;transition:border-color .4s,box-shadow .4s; }
.cg-card::after { content:"";position:absolute;bottom:0;left:14px;right:14px;height:2px;background:var(--cg-rarity);opacity:.6;transition:opacity .4s;pointer-events:none; }
.cg-card.gold-feed { --cg-rarity:#efc76f; }.cg-card.red-feed { --cg-rarity:#ed6a79; }.cg-card.pink-feed { --cg-rarity:#cd78e9; }.cg-card.purple-feed { --cg-rarity:#9e8be9; }.cg-card.blue-feed { --cg-rarity:#719fe8; }.cg-card.lightblue-feed { --cg-rarity:#96c7e8; }
.cg-card:focus-within { outline:2px solid #77cff9;outline-offset:2px; }
.cg-face { display:flex;flex-direction:column;position:relative;width:100%;height:100%;min-width:0;padding:13px 13px 14px;color:#eaf4fb;text-align:left;font:inherit;transition:opacity .15s ease; }
.cg-info { position:absolute;top:5px;left:5px;z-index:3;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;cursor:pointer;color:#243342; }
.cg-info > span { display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#a3b4c7;font-family:Georgia,serif;font-style:normal;font-size:11px;font-weight:800;line-height:1;transition:background .2s,color .2s; }
.cg-info:hover > span,.cg-info:focus-visible > span { background:#77cff9;color:#102332; }.cg-info:focus-visible { outline:2px solid #77cff9;outline-offset:0;border-radius:5px; }
.cg-chance { align-self:flex-end;min-height:16px;font-size:10px;line-height:1.3;font-weight:600;color:#9cadbe;white-space:nowrap; }
.cg-image { display:flex;align-items:center;justify-content:center;flex:1;min-height:96px;width:100%;position:relative; }
.cg-image::before { content:"";position:absolute;inset:0;background:radial-gradient(ellipse,color-mix(in srgb,var(--cg-rarity) 26%,transparent),transparent 66%);opacity:.22;transition:opacity .4s; }
.cg-weapon-image { display:block;position:relative;z-index:1;width:100%;height:116px;object-fit:contain;filter:drop-shadow(0 7px 10px #0004);transform:scale(1);transition:transform .4s cubic-bezier(.22,.8,.27,1.3),filter .4s; }
.cg-emblem { position:absolute;display:block;width:108px;height:116px;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--cg-rarity);pointer-events:none; }
.cg-emblem > svg { width:100%;height:100%;overflow:visible; }
.cg-emblem-fill { fill:var(--cg-rarity);fill-opacity:.035;transition:fill-opacity .4s; }
.cg-emblem-stroke { stroke:var(--cg-rarity);stroke-width:1;opacity:.48;transition:opacity .4s; }
.cg-emblem-glint { stroke:#d8f5ff;stroke-width:1.3;stroke-dasharray:16 84;stroke-dashoffset:0;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 3px var(--cg-rarity)); }
.cg-emblem-mark { position:absolute;inset:23% 23%;background:linear-gradient(140deg,#b9edff,#77cff9 55%,#248bd2);mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;-webkit-mask:url('/images/csdrop-loader-logo.webp') center/contain no-repeat;opacity:.16;transition:opacity .4s,transform .4s; }
@media(hover:hover) {
 .cg-card:not(.cg-open):hover { border-color:color-mix(in srgb,var(--cg-rarity) 58%,transparent);box-shadow:inset 0 0 25px color-mix(in srgb,var(--cg-rarity) 9%,transparent),0 0 12px color-mix(in srgb,var(--cg-rarity) 8%,transparent); }
 .cg-card:not(.cg-open):hover .cg-weapon-image { transform:scale(.9);filter:drop-shadow(0 9px 13px #0007); }
 .cg-card:not(.cg-open):hover .cg-image::before { opacity:.85; }
 .cg-card:not(.cg-open):hover .cg-emblem-fill { fill-opacity:.09; }
 .cg-card:not(.cg-open):hover .cg-emblem-stroke { opacity:.95; }
 .cg-card:not(.cg-open):hover .cg-emblem-mark { opacity:.42;transform:scale(1.04); }
 .cg-card:not(.cg-open):hover .cg-emblem-glint { opacity:.8;animation:cg-outline-run 2.4s linear infinite; }
 .cg-card:hover::after { opacity:1; }
}
@keyframes cg-outline-run { to { stroke-dashoffset:-100; } }
.cg-name { width:100%;margin-top:5px;line-height:1.35; }
.cg-weapon { display:block;font-size:11px;font-weight:600;color:#c5d2df;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.cg-skin { display:block;font-size:13px;font-weight:750;color:var(--cg-rarity);white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.cg-price { margin-top:7px;min-height:19px;font-size:13px;font-weight:800;line-height:1.4;color:#f0f6fa;overflow-wrap:anywhere; }
.cg-details { position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;padding:11px 12px 13px;background:linear-gradient(145deg,#202832,#181f28);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s; }
.cg-open .cg-details { opacity:1;visibility:visible;pointer-events:auto;transform:none; }
.cg-open .cg-face { opacity:0; }
.cg-details-heading { display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:23px;margin-bottom:7px; }
.cg-details-name { min-width:0;font-size:11px;font-weight:750;color:#d8e6ef;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.cg-close { display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border:0;border-radius:4px;background:#ffffff08;color:#9eafbf;padding:3px;cursor:pointer; }
.cg-close:hover { background:#ffffff12;color:#e3f3fb; }.cg-close svg { width:14px;height:14px; }.cg-close:focus-visible { outline:2px solid #77cff9;outline-offset:1px; }
.cg-table { width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px;color:#e3ebf2;line-height:1.45; }
.cg-table th { padding:0 0 8px;color:#8ca0b4;font-weight:500;font-size:9px;text-align:left;border-bottom:1px solid #ffffff0c; }
.cg-table td { padding:6px 0 4px;vertical-align:middle; }
.cg-table th:first-child,.cg-table td:first-child { width:24%; }.cg-table th:nth-child(2),.cg-table td:nth-child(2) { width:43%;padding-right:4px; }.cg-table th:last-child,.cg-table td:last-child { width:33%;text-align:right; }
.cg-table abbr { color:var(--cg-rarity);font-weight:750;text-decoration:none;border:0;cursor:help; }
.cg-row-price { font-weight:650;overflow-wrap:anywhere; }.cg-row-chance { font-variant-numeric:tabular-nums;white-space:nowrap; }
.cg-total { display:flex;justify-content:space-between;gap:6px;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff0c;font-size:10px;color:#8fa5b8; }.cg-total strong { color:#d9e9f5;font-weight:700; }
.cg-empty { padding:35px 15px;text-align:center;color:#90a7b8;font-size:13px; }
.cg-sr { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:1250px) { .kd8-contents[data-csdrop-case-groups="v1"] .cg-grid { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1050px) { .kd8-contents[data-csdrop-case-groups="v1"] .cg-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:780px) { .kd8-contents[data-csdrop-case-groups="v1"] .cg-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:560px) { .kd8-contents[data-csdrop-case-groups="v1"] .cg-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.cg-card { height:236px; }.cg-face { padding:10px; }.cg-image img { height:104px; }.cg-price { font-size:12px; }.cg-skin { font-size:12px; }.cg-details { padding:9px; }.cg-table { font-size:9px; }.cg-table th { font-size:8px; }.cg-total { font-size:9px; } }
@media(max-width:350px) { .cg-card { height:226px; }.cg-face { padding:9px; }.cg-image img { height:94px; }.cg-price { font-size:11px; }.cg-details { padding:8px; }.cg-table { font-size:8px; }.cg-table th:first-child,.cg-table td:first-child { width:28%;padding-right:4px; }.cg-table th:nth-child(2),.cg-table td:nth-child(2) { width:40%; }.cg-table th:last-child,.cg-table td:last-child { width:32%; } }
@media(prefers-reduced-motion:reduce) { .cg-card,.cg-card::after,.cg-face,.cg-details,.cg-weapon-image,.cg-image::before,.cg-emblem-fill,.cg-emblem-stroke,.cg-emblem-mark { transition:none !important; }.cg-emblem-glint { animation:none !important; } }