/* CS2 Case Opening Calculator + visual opener. Scoped .rsk-cs, site tokens. */
.rsk-cs{
  --cs-bg:var(--rsk-bg,hsl(220 20% 7%));
  --cs-elev:var(--rsk-bg-elev,hsl(220 18% 10%));
  --cs-border:var(--rsk-border,hsl(220 15% 18%));
  --cs-red:var(--rsk-red,hsl(0 80% 50%));
  --cs-green:hsl(145 65% 45%);
  --cs-gold:hsl(45 90% 55%);
  --cs-fg:var(--rsk-fg,hsl(0 0% 95%));
  --cs-fg2:var(--rsk-fg-2,hsl(0 0% 78%));
  --cs-muted:hsl(220 10% 55%);
  --cs-r-sm:.5rem;--cs-r:.75rem;--cs-r-lg:1rem;
  --cs-head:var(--rsk-font-head,'Rajdhani',system-ui,sans-serif);
  --cs-mono:var(--rsk-font-mono,'JetBrains Mono',ui-monospace,Menlo,monospace);
}
.rsk-cs *,.rsk-cs *::before,.rsk-cs *::after{box-sizing:border-box}
.rsk-cs-lede{max-width:780px;color:var(--cs-fg2);font-size:1rem;line-height:1.7;margin:0 0 16px}
.rsk-cs-lede strong{color:var(--cs-fg);font-weight:600}
.rsk-cs-empty{color:var(--cs-muted);text-align:center;padding:26px;font-size:14px}

/* case picker */
.rsk-cs-search{width:100%;max-width:360px;margin:0 0 14px;padding:11px 14px;border-radius:var(--cs-r-sm);border:1px solid var(--cs-border);background:var(--cs-elev);color:var(--cs-fg);font:inherit;font-size:14px}
.rsk-cs-search:focus{outline:none;border-color:hsl(0 80% 50% / .6)}
.rsk-cs-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:26px}
.rsk-cs-case{display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid var(--cs-border);border-radius:var(--cs-r-sm);background:hsl(220 16% 12% / .55);padding:12px 10px;cursor:pointer;transition:transform .15s,border-color .15s}
.rsk-cs-case:hover{transform:translateY(-2px);border-color:hsl(0 80% 50% / .5)}
.rsk-cs-case.is-on{border-color:var(--cs-red);box-shadow:0 0 0 1px var(--cs-red)}
.rsk-cs-case-img{height:70px;display:flex;align-items:center;justify-content:center}
.rsk-cs-case-img img{max-width:100%;max-height:100%;object-fit:contain}
.rsk-cs-case-nm{font-size:12px;font-weight:600;color:var(--cs-fg);text-align:center;line-height:1.2}
.rsk-cs-case-px{font-family:var(--cs-mono);font-size:12px;font-weight:700;color:var(--cs-green)}

/* summary + odds */
.rsk-cs-h{font-family:var(--cs-head);font-weight:700;font-size:1.2rem;color:var(--cs-fg);margin:0 0 12px}
.rsk-cs-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
@media(max-width:680px){.rsk-cs-cards{grid-template-columns:repeat(2,1fr)}}
.rsk-cs-card{border:1px solid var(--cs-border);border-radius:var(--cs-r-sm);background:hsl(220 16% 12% / .55);padding:11px 13px}
.rsk-cs-card-k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cs-muted);font-weight:600}
.rsk-cs-card-v{font-family:var(--cs-mono);font-weight:700;font-size:20px;margin-top:3px;color:var(--cs-fg)}
.rsk-cs-card-v.is-up{color:var(--cs-green)}.rsk-cs-card-v.is-down{color:var(--cs-red)}
.rsk-cs-card-sub{font-size:11px;color:var(--cs-muted);margin-top:2px}
.rsk-cs-odds{width:100%;border-collapse:collapse;font-size:.92rem;margin-bottom:6px}
.rsk-cs-odds th,.rsk-cs-odds td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--cs-border)}
.rsk-cs-odds thead th{font-family:var(--cs-head);font-weight:700;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cs-muted)}
.rsk-cs-odds td{color:var(--cs-fg2)}
.rsk-cs-odds td:first-child{color:var(--cs-fg);font-weight:600}
.rsk-cs-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}

/* opener */
.rsk-cs-opener{margin-top:22px}
.rsk-cs-reel{position:relative;overflow:hidden;border:1px solid var(--cs-border);border-radius:var(--cs-r);background:radial-gradient(120% 100% at 50% 0%,hsl(0 60% 12% / .25),transparent 60%),hsl(220 20% 8%);padding:14px 0}
.rsk-cs-strip{display:flex;gap:8px;padding:0 8px;will-change:transform}
.rsk-cs-cell{flex:0 0 116px;width:116px;border:1px solid var(--cs-border);border-bottom-width:3px;border-radius:var(--cs-r-sm);background:radial-gradient(80% 80% at 50% 40%,hsl(220 16% 15%),hsl(220 18% 9%));padding:8px;display:flex;flex-direction:column;gap:5px}
.rsk-cs-cell-img{height:62px;display:flex;align-items:center;justify-content:center}
.rsk-cs-cell-img img{max-width:100%;max-height:100%;object-fit:contain}
.rsk-cs-cell-nm{font-size:10.5px;color:var(--cs-fg2);text-align:center;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rsk-cs-marker{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--cs-red);box-shadow:0 0 12px hsl(0 80% 50% / .7);transform:translateX(-50%);pointer-events:none}
.rsk-cs-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:14px}
.rsk-cs-open{padding:12px 26px;border:none;border-radius:var(--cs-r-sm);background:linear-gradient(135deg,hsl(0 80% 45%),hsl(0 90% 55%));color:#fff;font-family:var(--cs-head);font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:filter .15s}
.rsk-cs-open:hover{filter:brightness(1.1)}
.rsk-cs-open:disabled{opacity:.6;cursor:default}
.rsk-cs-stats{font-size:13px;color:var(--cs-fg2)}
.rsk-cs-stats b{color:var(--cs-fg)}
.rsk-cs-stats .is-up{color:var(--cs-green)}.rsk-cs-stats .is-down{color:var(--cs-red)}
.rsk-cs-result{margin-top:14px;min-height:4px}
.rsk-cs-won{display:flex;align-items:center;gap:14px;border:1px solid var(--cs-border);border-left-width:4px;border-radius:var(--cs-r-sm);background:hsl(220 16% 12% / .6);padding:12px 14px;animation:rskCsPop .3s ease}
@keyframes rskCsPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.rsk-cs-won-img{width:84px;height:60px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}
.rsk-cs-won-img img{max-width:100%;max-height:100%;object-fit:contain}
.rsk-cs-won-meta{display:flex;flex-direction:column;gap:1px;min-width:0}
.rsk-cs-won-tier{font-family:var(--cs-head);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.rsk-cs-won-nm{font-size:14px;font-weight:600;color:var(--cs-fg)}
.rsk-cs-won-val{font-family:var(--cs-mono);font-size:12.5px;color:var(--cs-fg2)}
.rsk-cs-fun{margin:12px 0 0;font-size:12px;color:var(--cs-muted)}

/* SEO */
.rsk-cs-seo{margin-top:44px}
.rsk-cs-seo .rsk-seo-inner{max-width:860px}
.rsk-cs-seo h2{font-family:var(--cs-head);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.85rem);letter-spacing:-.01em;color:var(--cs-fg);margin:34px 0 12px}
.rsk-cs-seo h2:first-child{margin-top:0}
.rsk-cs-seo p{color:var(--cs-fg2);font-size:1rem;line-height:1.7;margin:0 0 12px}
.rsk-cs-seo strong{color:var(--cs-fg);font-weight:600}
.rsk-cs-seo ul{margin:0 0 14px;padding-left:0;list-style:none}
.rsk-cs-seo ul li{position:relative;color:var(--cs-fg2);font-size:1rem;line-height:1.6;padding:0 0 0 20px;margin:0 0 9px}
.rsk-cs-seo ul li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--cs-red)}
.rsk-cs-seo table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:.95rem}
.rsk-cs-seo th,.rsk-cs-seo td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--cs-border);vertical-align:top}
.rsk-cs-seo thead th{font-family:var(--cs-head);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cs-muted);background:hsl(220 16% 12% / .5)}
.rsk-cs-seo tbody td:first-child{color:var(--cs-fg);font-weight:600}
.rsk-cs-disc{display:flex;gap:11px;align-items:flex-start;margin:20px 0 0;padding:14px 16px;border:1px solid hsl(0 80% 50% / .28);background:hsl(0 60% 12% / .28);border-radius:var(--cs-r);color:var(--cs-fg2);font-size:13px;line-height:1.6}
.rsk-cs-disc p{margin:0}
.rsk-cs-disc-ico{font-size:18px;line-height:1.4;flex:0 0 auto;color:var(--cs-gold)}
.rsk-tu-faq{max-width:760px;margin-top:8px}