/* Crazy Time board extras. Shared panel / tape / kpi chrome lives in tracker.css
   under .cd-crash; this page also carries that class. */

.cd-crazytime{
  --s1:#3d8bf0;
  --s2:#b88a0c;
  --s5:#e0578f;
  --s10:#9270ea;
  --scf:#00a3c2;
  --sch:#1f8a4d;
  --spk:#f0913f;
  --sct:#d63a4c;
}

.cd-crazytime .tape-list{gap:4px;align-items:center}

.cd-crazytime .seg{
  display:inline-flex;align-items:center;justify-content:center;
  height:34px;padding:0;border-radius:6px;background:transparent;
  box-shadow:none;cursor:default;overflow:visible;
}
.cd-crazytime .seg.is-new{animation:pop .45s cubic-bezier(.2,1.4,.4,1)}
.cd-crazytime .ct-ico{
  display:block;height:32px;width:auto;max-width:54px;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));
}
.cd-crazytime .ct-ico-xs{height:18px;width:auto;max-width:32px;object-fit:contain;vertical-align:middle;margin-right:6px}
.cd-crazytime .ct-ico-sm{height:22px;width:auto;max-width:40px;object-fit:contain}
.cd-crazytime .ct-ico-md{display:block;height:28px;width:auto;max-width:72px;object-fit:contain;margin:0 0 8px}
.cd-crazytime .ct-ico-lg{display:block;height:72px;width:auto;max-width:180px;object-fit:contain;margin:8px auto 6px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}
.cd-crazytime .latest .big{font-size:clamp(22px,3.4vw,34px);display:flex;flex-direction:column;align-items:center}
.cd-crazytime .ct-hero-name{display:block;font-size:15px;letter-spacing:.02em}

.cd-crazytime .ct-droughts{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;
}
@media(max-width:1040px){
  .cd-crazytime .ct-droughts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .cd-crazytime .ct-droughts{grid-template-columns:1fr}
}

.cd-crazytime .ct-tile{
  position:relative;background:var(--bg-2);border:1px solid var(--line);
  border-radius:var(--r);padding:14px 14px 12px;overflow:hidden;
}
.cd-crazytime .ct-tile::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--c);
}
.cd-crazytime .ct-tile .lbl{
  font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c);
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
}
.cd-crazytime .ct-tile .lbl .ct-ico-md{margin:0}
.cd-crazytime .ct-tile .big{
  font-family:var(--font-mono);font-size:32px;font-weight:700;line-height:1.05;
  letter-spacing:-.03em;margin:6px 0 2px;
}
.cd-crazytime .ct-tile .sub{font-size:11.5px;color:var(--dim)}
.cd-crazytime .ct-tile .foot{
  display:flex;justify-content:space-between;gap:8px;margin-top:10px;
  font-size:11px;color:var(--muted);
}
.cd-crazytime .meter{height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden;margin-top:10px}
.cd-crazytime .meter i{display:block;height:100%;border-radius:99px;background:var(--c);max-width:100%}

.cd-crazytime .ct-pay,
.cd-crazytime .ct-ts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
.cd-crazytime .ct-pay > div,
.cd-crazytime .ct-ts > div{
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:12px 13px;
}
.cd-crazytime .ct-pay b,
.cd-crazytime .ct-ts b{display:block;font-family:var(--font-mono);font-size:18px}
.cd-crazytime .ct-pay small,
.cd-crazytime .ct-ts small{
  display:block;color:var(--dim);font-size:10.5px;text-transform:uppercase;
  letter-spacing:.05em;font-weight:600;margin-top:3px;
}
.cd-crazytime .ct-pay em,
.cd-crazytime .ct-ts em{
  display:block;font-style:normal;font-size:11px;color:var(--muted);margin-top:6px;
}

.cd-crazytime .dist-row .k{min-width:0}
.cd-crazytime .bar i{background:var(--c,var(--grad))}
.cd-crazytime .seg-tag{display:inline-flex;align-items:center;gap:7px;font-weight:600}
.cd-crazytime .seg-tag i{width:9px;height:9px;border-radius:2.5px;background:var(--c);flex:none}
.cd-crazytime .seg-tag .ct-ico-sm{flex:none}
.cd-crazytime #mTopSlot{display:flex;align-items:center;justify-content:flex-start;gap:6px}

@keyframes pop{0%{transform:scale(.72)}100%{transform:scale(1)}}