/* CasinoDrop crash tracker — scoped under .cd-crash so it can sit
   inside the WordPress theme chrome without restyling the site header. */

.cd-crash{--mono:var(--font-mono)}
.cd-crash > .band{padding:0 0 20px}
.cd-crash > .band:first-of-type{padding-top:32px}

/* ---------- top bar ---------- */

.cd-crash .chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:100px;
  background:var(--surface-3);border:1px solid var(--line-2);color:var(--muted);font-size:11.5px;white-space:nowrap}

.cd-crash .chip b{color:var(--text)}

.cd-crash .live-dot{width:8px;height:8px;border-radius:50%;background:var(--up);box-shadow:0 0 0 3px rgba(37,208,126,.16);flex:none}

.cd-crash .live-dot.stale{background:var(--gold);box-shadow:0 0 0 3px rgba(255,194,75,.16)}

.cd-crash .live-dot.dead{background:var(--down);box-shadow:0 0 0 3px rgba(255,84,112,.16);animation:none}

.cd-crash .live-dot.beat{animation:beat 2.4s infinite}

@keyframes beat{50%{opacity:.32}}

/* ---------- layout ---------- */

.cd-crash .panel{background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 44%),var(--surface);
  border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;position:relative}

.cd-crash .panel + .panel{margin-top:20px}

.cd-crash .ph{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid var(--line)}

.cd-crash .ph h2{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:700}

.cd-crash .ph .sub{font-size:12.5px;color:var(--dim)}

.cd-crash .ph .right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.cd-crash .pb{padding:20px}

.cd-crash .grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}

@media(max-width:1040px){
.cd-crash .grid2{grid-template-columns:1fr}

}

/* ---------- hero ---------- */

.cd-crash-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}

@media(max-width:1040px){
.cd-crash-grid{grid-template-columns:1fr}

}

.cd-crash .tape{padding:20px;border-radius:var(--r-xl);background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line-2);box-shadow:var(--glow)}

.cd-crash .tape-head{display:flex;align-items:center;gap:10px;margin-bottom:16px}

.cd-crash .tape-head h3{font-size:15px}

.cd-crash .tape-head .chip{margin-left:auto}

.cd-crash .spark{width:100%;height:132px;display:block;border-radius:var(--r);
  background:linear-gradient(180deg,rgba(78,195,232,.05),transparent),var(--bg-2);
  border:1px solid var(--line);margin-bottom:14px}

.cd-crash .tape-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}

.cd-crash .mult{font-family:var(--mono);font-size:12.5px;font-weight:700;padding:6px 9px;border-radius:7px;
  background:var(--surface-3);border:1px solid var(--line);color:var(--muted);cursor:default}

.cd-crash .mult.is-new{animation:pop .45s cubic-bezier(.2,1.4,.4,1)}

.cd-crash .mult.lo{color:#FF8DA1;border-color:rgba(255,84,112,.25);background:rgba(255,84,112,.08)}

.cd-crash .mult.mid{color:var(--cyan);border-color:rgba(78,195,232,.25);background:rgba(78,195,232,.08)}

.cd-crash .mult.hi{color:#C0A6FF;border-color:rgba(116,60,232,.35);background:rgba(116,60,232,.12)}

.cd-crash .mult.max{color:#0B0B13;background:linear-gradient(135deg,var(--gold),#FF9F43);border-color:transparent}

.cd-crash .tape-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;border-top:1px solid var(--line)}

.cd-crash .tape-foot div{text-align:center}

.cd-crash .tape-foot b{display:block;font-family:var(--mono);font-size:17px}

.cd-crash .tape-foot small{color:var(--dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}

.cd-crash .latest{padding:22px;border-radius:var(--r-xl);background:linear-gradient(180deg,var(--surface-2),var(--surface));
  border:1px solid var(--line-2);text-align:center}

.cd-crash .latest .lbl{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim)}

.cd-crash .latest .big{font-family:var(--mono);font-weight:700;font-size:clamp(46px,7vw,74px);line-height:1.05;letter-spacing:-.03em;margin:8px 0 2px}

.cd-crash .latest .ago{font-size:12.5px;color:var(--muted)}

.cd-crash .latest .meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:18px}

.cd-crash .latest .meta div{background:var(--bg-2);padding:11px 12px;text-align:left}

.cd-crash .latest .meta b{display:block;font-family:var(--mono);font-size:15px}

.cd-crash .latest .meta small{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.06em}

/* ---------- chips / toggles ---------- */

.cd-crash .chips{display:flex;gap:6px;flex-wrap:wrap}

.cd-crash .tog{padding:7px 14px;border-radius:100px;border:1px solid var(--line-2);background:var(--surface-2);
  font-size:12.5px;color:var(--muted);cursor:pointer;transition:.15s;font-family:var(--mono);font-variant-numeric:tabular-nums}

.cd-crash .tog:hover{border-color:rgba(255,255,255,.28);color:var(--text)}

.cd-crash .tog.on{background:var(--grad-soft);border-color:rgba(78,195,232,.5);color:var(--text);font-weight:700}

/* ---------- kpis ---------- */

.cd-crash .kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden}

.cd-crash .kpis div{background:var(--bg-2);padding:14px 15px}

.cd-crash .kpis b{display:block;font-family:var(--mono);font-size:20px;letter-spacing:-.02em}

.cd-crash .kpis small{display:block;color:var(--dim);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:3px}

.cd-crash .kpis em{display:block;font-style:normal;font-size:10.5px;color:var(--dim);margin-top:4px;font-family:var(--mono)}

.cd-crash .good{color:var(--up)}

.cd-crash .bad{color:var(--down)}

.cd-crash .warn{color:var(--gold)}

.cd-crash .cool{color:var(--cyan)}

.cd-crash .vio{color:#C0A6FF}

/* ---------- tables ---------- */

.cd-crash .scroll{overflow-x:auto}

.cd-crash table{border-collapse:collapse;width:100%;font-size:12.5px}

.cd-crash th, .cd-crash td{padding:9px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}

.cd-crash th{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:700;
  position:sticky;top:0;background:var(--surface);z-index:1}

.cd-crash th:first-child, .cd-crash td:first-child{text-align:left}

.cd-crash tbody tr:hover{background:rgba(255,255,255,.028)}

.cd-crash tbody tr.sel{background:rgba(78,195,232,.07)}

.cd-crash td.n{font-family:var(--mono);font-variant-numeric:tabular-nums}

.cd-crash .tgt{font-family:var(--mono);font-weight:700;color:var(--text);cursor:pointer}

.cd-crash .sub2{display:block;font-size:10.5px;color:var(--dim);font-family:var(--mono);margin-top:2px}

.cd-crash .rtp{font-family:var(--mono);font-weight:700}

/* ---------- distribution ---------- */

.cd-crash .dist{display:flex;flex-direction:column;gap:9px}

.cd-crash .dist-row{display:grid;grid-template-columns:82px 1fr 116px;align-items:center;gap:11px;font-size:12.5px}

.cd-crash .dist-row .k{color:var(--muted);font-family:var(--mono);font-size:11.5px}

.cd-crash .dist-row .v{text-align:right;font-family:var(--mono);color:var(--text);font-weight:500;font-size:11.5px}

.cd-crash .bar{height:9px;border-radius:100px;background:var(--surface-3);overflow:hidden;position:relative}

.cd-crash .bar i{display:block;height:100%;border-radius:100px;background:var(--grad);transition:width .7s cubic-bezier(.2,.8,.2,1)}

.cd-crash .bar .exp{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--gold);box-shadow:0 0 6px rgba(255,194,75,.7)}

/* ---------- charts ---------- */

.cd-crash svg.chart{display:block;width:100%;height:auto;overflow:visible}

.cd-crash .axl{fill:var(--dim);font-size:9.5px;font-family:var(--mono)}

.cd-crash .grid{stroke:rgba(255,255,255,.05);stroke-width:1}

.cd-crash .axis{stroke:var(--line-2);stroke-width:1}

.cd-crash .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);padding:12px 20px 0}

.cd-crash .legend i{display:inline-block;width:11px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}

/* ---------- notices ---------- */

.cd-crash .notice{margin:0 20px 20px;padding:12px 15px;border-radius:var(--r-sm);font-size:12.5px;line-height:1.7}

.cd-crash .notice.warn{background:rgba(255,194,75,.06);border:1px solid rgba(255,194,75,.25);color:#DCC48F}

.cd-crash .notice.err{background:rgba(255,84,112,.08);border:1px solid rgba(255,84,112,.28);color:#FF97A9}

.cd-crash .notice.info{background:rgba(78,195,232,.05);border:1px solid rgba(78,195,232,.2);color:#A9CFE0}

.cd-crash .notice b{color:var(--text)}

.cd-crash .empty{padding:56px 20px;text-align:center;color:var(--dim);font-size:13.5px}

.cd-crash #banner:empty{display:none}

.cd-crash #banner{margin-bottom:18px}

.cd-crash .skel{color:var(--dim)}

.cd-crash{padding-bottom:clamp(36px,5vw,64px)}
.cd-crash .cd-crash-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:1040px){.cd-crash .cd-crash-grid{grid-template-columns:1fr}}
.cd-crash .live-dot.stale{background:var(--gold);box-shadow:0 0 0 3px rgba(255,194,75,.16)}
.cd-crash .live-dot.dead{background:var(--down);box-shadow:0 0 0 3px rgba(255,84,112,.16);animation:none}
.cd-crash .live-dot.dead::after{display:none}
.cd-crash .live-dot.beat{animation:beat 2.4s infinite}
.cd-crash-note{margin-top:22px;font-size:13.5px;color:var(--dim);line-height:1.75;max-width:92ch}
.cd-crash-note b{color:var(--muted);font-weight:600}