/* CasinoDrop On-Chain. Everything is scoped under #cdoc-root so it can sit inside the casinodrop.com theme
   (the share panel and the tooltip live on <body> and carry their own prefix).
   Colours, type and components follow the live casinodrop.com theme: navy surfaces, the cyan → blue → violet
   gradient, Sora for display, Inter for text, JetBrains Mono for figures, pill buttons and pill switches.
   Meaning of colour is the same everywhere: money in = green, money out = gold, money held = cyan. */

.cdoc-standalone { margin: 0; background: #12151F; background-image: radial-gradient(900px 480px at 88% -8%, rgba(79, 199, 234, .10), transparent 70%), radial-gradient(760px 520px at -6% 4%, rgba(123, 77, 242, .10), transparent 70%); background-repeat: no-repeat; min-height: 100vh; }

#cdoc-root {
  --bg: #12151F; --bg-2: #151925;
  --card: #1B2030; --card-2: #212739; --card-3: #293046;
  --hair: rgba(255, 255, 255, .075); --hair-2: rgba(255, 255, 255, .14);
  --ink: #ECEEF6; --ink-2: #CDD2E1; --ink-3: #A9AFC4; --ink-4: #9097AE;
  --cyan: #4FC7EA; --blue: #2F97EE; --violet: #7B4DF2; --violet-2: #9B6DFF; --pink: #EE5A9A; --amber: #FFAA3C;
  --up: #2ED47F; --down: #FF5C7A; --down-l: #FF8095; --gold: #F5C451;
  --grad: linear-gradient(115deg, #4FC7EA 0%, #2F97EE 45%, #7B4DF2 100%);
  --grad-aa: linear-gradient(115deg, #1F86EA 0%, #6438E4 100%);
  --grad-soft: linear-gradient(115deg, rgba(79, 199, 234, .14), rgba(123, 77, 242, .14));
  --dep: #2ED47F; --wd: #F5C451; --held: #4FC7EA; --cold: #A78BFA;
  /* categorical order: neighbours stay apart for colour-blind readers (worst pair ΔE 14) */
  --s1: #4FC7EA; --s2: #F5C451; --s3: #FF7A94; --c4: #5AA9FF; --c5: #FFAA3C; --c6: #A78BFA; --c7: #2ED47F;
  --o1: #B9ECFA; --o2: #4FC7EA; --o3: #2B86AE;      /* one hue, strongest first: proven, traced, linked */
  --none: #56607E;
  --ok: #2ED47F; --warn: #F5C451; --crit: #FF5C7A;
  --grid: rgba(255, 255, 255, .055); --axis: rgba(255, 255, 255, .14);
  --text: var(--ink); --text-2: var(--ink-2); --muted: var(--ink-3); --line: var(--hair); --accent: var(--cyan);
  --rad: 16px;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --head: Sora, Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--ink);
  font: 15px/1.5 var(--body);
  max-width: 1240px;
  margin: 0 auto;
  padding: 18px clamp(14px, 2.4vw, 28px) 72px;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
#cdoc-root *, #cdoc-root *::before, #cdoc-root *::after { box-sizing: border-box; }
#cdoc-root a { color: inherit; }
#cdoc-root button { font: inherit; color: inherit; cursor: pointer; }
#cdoc-root .mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }
#cdoc-root .muted { color: var(--ink-3); }
#cdoc-root .up { color: var(--up); }
#cdoc-root .down { color: var(--down-l); }
#cdoc-root .c-dep { color: var(--dep); }
#cdoc-root .c-wd { color: var(--wd); }
#cdoc-root .c-held { color: var(--held); }
#cdoc-root .cdoc-ssr { color: var(--ink-2); font-size: 14px; }
#cdoc-root .cdoc-ssr table { margin-top: 10px; }
.cdoc-loading, #cdoc-root .cdoc-error { color: #A9AFC4; padding: 48px 0; text-align: center; font: 15px Inter, system-ui, sans-serif; }

/* ---------- brand bar (standalone pages only) and header */
#cdoc-root .brand { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 2px 0 16px; margin-bottom: 14px; border-bottom: 1px solid var(--hair); }
#cdoc-root .brand .logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
#cdoc-root .brand .logo img { width: 34px; height: 34px; display: block; }
#cdoc-root .brand .logo b { font: 800 20px/1 var(--head); letter-spacing: -.03em; color: #fff; }
#cdoc-root .brand .logo i { font: 700 12px/1 var(--body); font-style: normal; letter-spacing: .1em; text-transform: uppercase; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; padding-top: 3px; }
#cdoc-root .brand .right { display: flex; align-items: center; gap: 10px; color: var(--ink-4); font-size: 12.5px; }
#cdoc-root .hd { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: flex-end; justify-content: space-between; margin-bottom: 14px; }
#cdoc-root h1 { font: 800 30px/1.12 var(--head); letter-spacing: -.03em; margin: 0 0 8px; color: #fff; text-wrap: balance; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
#cdoc-root h1 .gr { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
#cdoc-root h2 { font: 700 19px/1.25 var(--head); letter-spacing: -.02em; margin: 0; color: #fff; }
#cdoc-root h3 { font: 600 12px/1.3 var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-4); margin: 0 0 10px; }
#cdoc-root .dek { color: var(--ink-2); margin: 0; max-width: 72ch; font-size: 15px; line-height: 1.6; }
#cdoc-root .live { display: inline-flex; align-items: center; gap: 7px; padding: 4px 10px 4px 8px; border-radius: 999px; font: 700 12.5px/1.2 var(--body); letter-spacing: .02em; text-transform: uppercase; background: rgba(46, 212, 127, .1); color: var(--up); border: 1px solid rgba(46, 212, 127, .28); }
#cdoc-root .live::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(46, 212, 127, .18); animation: cdocPulse 1.8s ease infinite; }
#cdoc-root .live.snap { background: rgba(245, 196, 81, .1); color: var(--gold); border-color: rgba(245, 196, 81, .3); }
#cdoc-root .live.snap::before { box-shadow: 0 0 0 3px rgba(245, 196, 81, .18); animation: none; }
@keyframes cdocPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
#cdoc-root .facts { display: flex; flex-wrap: wrap; gap: 6px 8px; margin-top: 12px; }
#cdoc-root .facts > span, #cdoc-root .facts > a, #cdoc-root .tagp { font-size: 12.5px; font-weight: 600; color: var(--ink-3); padding: 4px 10px; border-radius: 999px; background: var(--card-2); border: 1px solid var(--hair); text-decoration: none; }
#cdoc-root .facts b { color: var(--ink); font-weight: 700; }
#cdoc-root .back { background: none; border: 0; padding: 0; color: var(--ink-3); font-size: 13px; font-weight: 600; margin-bottom: 10px; }
#cdoc-root .back:hover { color: #fff; }
#cdoc-root .notice { background: rgba(245, 196, 81, .07); border: 1px solid rgba(245, 196, 81, .25); color: var(--ink-2); border-radius: 12px; padding: 9px 14px; margin-bottom: 12px; font-size: 13.5px; }
#cdoc-root .demo { background: rgba(245, 196, 81, .1); border: 1px solid rgba(245, 196, 81, .45); color: #FFE2A6; border-radius: 12px; padding: 10px 14px; margin-bottom: 14px; font-weight: 600; }

/* ---------- section tabs + filter row (stick to the top together) */
#cdoc-root .stick { position: sticky; top: 0; z-index: 5; background: linear-gradient(rgba(18, 21, 31, .94) 82%, rgba(18, 21, 31, 0)); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); padding: 10px 0 14px; margin: 0 0 4px; }
#cdoc-root .tabs { display: flex; gap: 2px; overflow-x: auto; scrollbar-width: none; padding: 3px; border-radius: 999px; background: var(--card-2); border: 1px solid var(--hair-2); margin-bottom: 10px; width: fit-content; max-width: 100%; }
#cdoc-root .tabs::-webkit-scrollbar { display: none; }
#cdoc-root .tabs button, #cdoc-root .tabs a { text-decoration: none; flex: none; background: none; border: 0; border-radius: 999px; padding: 8px 14px; color: var(--ink-3); font: 600 13.5px var(--body); white-space: nowrap; transition: background .16s, color .16s; }
#cdoc-root .tabs button:hover, #cdoc-root .tabs a:hover { color: #fff; }
#cdoc-root .tabs button[aria-current="page"], #cdoc-root .tabs a[aria-current="page"] { color: #fff; background: var(--grad-aa); box-shadow: 0 8px 22px -12px rgba(79, 150, 242, .9); }
#cdoc-root .badge { display: inline-block; min-width: 17px; padding: 0 5px; margin-left: 6px; border-radius: 99px; background: var(--gold); color: #1A1300; font: 700 11px/17px var(--mono); text-align: center; vertical-align: 1px; }
#cdoc-root .bar { display: flex; flex-wrap: wrap; gap: 10px 12px; align-items: center; margin: 0; }
#cdoc-root .sec.first { margin-top: 6px; }
#cdoc-root .seg { display: inline-flex; padding: 3px; border-radius: 999px; background: var(--card-2); border: 1px solid var(--hair-2); gap: 2px; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
#cdoc-root .seg::-webkit-scrollbar { display: none; }
#cdoc-root .seg button { flex: none; background: none; border: 0; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; color: var(--ink-3); white-space: nowrap; transition: background .16s, color .16s; }
#cdoc-root .seg button:hover { color: #fff; }
#cdoc-root .seg button[aria-pressed="true"] { background: var(--card-3); color: #fff; box-shadow: inset 0 0 0 1px var(--hair-2); }
#cdoc-root .bar .asof { color: var(--ink-4); font-size: 12.5px; margin-left: auto; }
#cdoc-root select, #cdoc-root input[type="text"] { background: var(--card-2); color: var(--ink); border: 1px solid var(--hair); border-radius: 10px; padding: 0 12px; height: 38px; font: inherit; font-size: 13.5px; max-width: 100%; }
#cdoc-root select { padding-right: 34px; appearance: none; -webkit-appearance: none; cursor: pointer; background: var(--card-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A9AFC4' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat; }
#cdoc-root input[type="text"]:focus, #cdoc-root select:focus { border-color: var(--cyan); outline: none; }
#cdoc-root button:focus-visible, #cdoc-root a:focus-visible, #cdoc-root [tabindex]:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }

/* ---------- cards & grids */
#cdoc-root .card { background: linear-gradient(180deg, rgba(255, 255, 255, .02), transparent 40%), var(--card); border: 1px solid var(--hair); border-radius: var(--rad); box-shadow: 0 14px 40px -28px rgba(0, 0, 0, .7); padding: 16px 18px; min-width: 0; position: relative; }
#cdoc-root .card.sig { overflow: hidden; }
#cdoc-root .card.sig::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--grad); opacity: .9; }
#cdoc-root .card.flush { padding: 4px 6px; }
#cdoc-root .sec { margin-top: 28px; }
#cdoc-root .sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px 16px; margin-bottom: 12px; }
#cdoc-root .sec-head > div:first-child { min-width: 0; flex: 1 1 auto; }
#cdoc-root .sec-head > .tools, #cdoc-root .sec-head > .btn, #cdoc-root .sec-head > .seg { flex: none; }
#cdoc-root .col { display: grid; gap: 12px; align-content: start; min-width: 0; }
#cdoc-root .card > .sec-head { align-items: flex-start; }
#cdoc-root .sec-head p { margin: 3px 0 0; color: var(--ink-3); font-size: 13.5px; max-width: 78ch; }
#cdoc-root .card h2 { font-size: 16.5px; }
#cdoc-root .tools { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
#cdoc-root .btn { display: inline-flex; align-items: center; gap: 7px; background: var(--card-2); border: 1px solid var(--hair-2); border-radius: 999px; padding: 8px 13px; font-size: 13px; line-height: 1; font-weight: 600; color: var(--ink); white-space: nowrap; text-decoration: none; transition: transform .16s, background .16s, border-color .16s; }
#cdoc-root .btn:hover { background: var(--card-3); transform: translateY(-1px); }
#cdoc-root .btn[aria-expanded="true"] { background: var(--card-3); border-color: var(--cyan); }
#cdoc-root .btn.primary { background: var(--grad-aa); border-color: transparent; color: #fff; box-shadow: 0 8px 22px -10px rgba(79, 150, 242, .7); }
#cdoc-root .btn svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
#cdoc-root .btn.mini { padding: 4px 9px; font-size: 11.5px; vertical-align: 1px; }
#cdoc-root .rowshare { display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px; border: 0; background: none; border-radius: 9px; color: var(--ink-4); transition: color .16s, background .16s; vertical-align: middle; }
#cdoc-root .rowshare svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#cdoc-root .rowshare:hover, #cdoc-root .rowshare[aria-expanded="true"] { color: #fff; background: var(--card-3); }
#cdoc-root .grid { display: grid; gap: 12px; }
#cdoc-root .g2 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
#cdoc-root .g3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
#cdoc-root .g4 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
#cdoc-root .g64 { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: start; }
#cdoc-root .hl .num { font: 800 34px/1.05 var(--head); letter-spacing: -.03em; }
#cdoc-root .hl .line { margin: 8px 0 0; color: var(--ink-2); font-size: 14px; }
#cdoc-root .hl .line b { font-family: var(--mono); }
#cdoc-root .foot { color: var(--ink-4); font-size: 12.5px; margin: 10px 0 0; line-height: 1.55; }
#cdoc-root details.more { margin-top: 12px; }
#cdoc-root details.more > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; min-height: 48px; padding: 13px 18px; background: linear-gradient(180deg, rgba(255, 255, 255, .02), transparent 40%), var(--card); border: 1px solid var(--hair); border-radius: var(--rad); }
#cdoc-root details.more > summary::-webkit-details-marker { display: none; }
#cdoc-root details.more > summary b { font: 700 16px var(--head); color: #fff; letter-spacing: -.01em; }
#cdoc-root details.more > summary span span { display: block; font-size: 13px; color: var(--ink-3); margin-top: 2px; }
#cdoc-root details.more > summary::after { content: ""; width: 10px; height: 10px; border-right: 2px solid var(--ink-3); border-bottom: 2px solid var(--ink-3); transform: rotate(45deg); transition: transform .16s; flex: none; margin-right: 4px; }
#cdoc-root details.more[open] > summary::after { transform: rotate(-135deg); }
#cdoc-root details.more[open] > summary { border-radius: var(--rad) var(--rad) 0 0; }
#cdoc-root details.more > .body { border: 1px solid var(--hair); border-top: 0; border-radius: 0 0 var(--rad) var(--rad); background: var(--card); padding: 14px 18px 16px; }

/* ---------- stat tiles */
#cdoc-root .kpi { display: flex; flex-direction: column; padding: 14px 14px 12px; border-radius: 12px; background: var(--card-2); border: 1px solid var(--hair); box-shadow: none; position: relative; transition: transform .16s, border-color .16s; overflow: hidden; }
#cdoc-root .kpi:hover { border-color: var(--hair-2); transform: translateY(-2px); }
#cdoc-root .kpi .val { font: 700 26px/1.05 var(--head); letter-spacing: -.03em; color: #fff; white-space: nowrap; }
#cdoc-root .kpi .lbl { margin-top: 6px; font-size: 13px; font-weight: 600; color: var(--ink-2); }
#cdoc-root .kpi .sub { margin-top: 3px; font-size: 12px; color: var(--ink-4); }
#cdoc-root .kpi .dl { position: absolute; top: 10px; right: 10px; }
#cdoc-root .kpi .kspark { display: block; width: 100%; height: 30px; margin-top: 10px; }
#cdoc-root .delta { font-weight: 700; font-size: 12px; white-space: nowrap; }
#cdoc-root .delta.pill { padding: 2px 7px; border-radius: 999px; background: rgba(255, 255, 255, .06); color: var(--ink-3); }
#cdoc-root .delta.pill.up { background: rgba(46, 212, 127, .12); color: var(--up); }
#cdoc-root .delta.pill.down { background: rgba(255, 92, 122, .12); color: var(--down-l); }

/* ---------- insights */

/* ---------- casino marks */
#cdoc-root .mark { width: 30px; height: 30px; border-radius: 8px; background: var(--card); border: 1px solid var(--hair); display: inline-grid; place-items: center; font: 800 14px/1 var(--head); color: var(--cyan); overflow: hidden; flex: none; }
#cdoc-root .mark.sm { width: 22px; height: 22px; border-radius: 6px; font-size: 11px; }
#cdoc-root .mark.lg { width: 44px; height: 44px; border-radius: 11px; font-size: 20px; }
#cdoc-root .mark.has { background: #0F1220; border-color: var(--hair-2); }
#cdoc-root .marks { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
#cdoc-root .stackm { display: inline-flex; flex: none; }
#cdoc-root .stackm button { padding: 0; border: 0; background: none; display: inline-grid; cursor: pointer; }
#cdoc-root .stackm button + button { margin-left: -6px; }
#cdoc-root .stackm .mark { box-shadow: 0 0 0 2px var(--card); }
#cdoc-root .marks .names { font-size: 13px; color: var(--ink-2); white-space: normal; }
#cdoc-root .mark img { width: 100%; height: 100%; object-fit: cover; display: block; }
#cdoc-root .who { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
#cdoc-root .who span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .link { background: none; border: 0; padding: 0; text-align: left; color: var(--ink); font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root a.link { text-decoration: none; }
#cdoc-root .link:hover { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- ranked rows: each row is a small card; the tint behind it is its size against the leader */
#cdoc-root .rank { display: flex; flex-direction: column; gap: 6px; }
#cdoc-root .rank-row { --frac: 0%; --rc: var(--dep); display: grid; grid-template-columns: 26px 30px minmax(0, 1fr) auto 112px 30px; gap: 0 10px; align-items: center; min-height: 54px; padding: 8px 6px 8px 8px; border-radius: 12px; border: 1px solid var(--hair); font-size: 14px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--rc) 15%, transparent), color-mix(in srgb, var(--rc) 4%, transparent) var(--frac), transparent var(--frac)), var(--card-2); }
#cdoc-root .rank-row.nospark { grid-template-columns: 26px 30px minmax(0, 1fr) auto 30px; }
#cdoc-root .rank-row.bare { grid-template-columns: 26px 30px minmax(0, 1fr) auto; padding-right: 12px; }
#cdoc-root .rank-row .n { text-align: center; font-size: 14px; font-weight: 600; color: var(--ink-4); font-variant-numeric: tabular-nums; }
#cdoc-root .rank-row .who { display: contents; }
#cdoc-root .rank-row .link, #cdoc-root .rank-row .who > span:last-child { font-size: 15px; font-weight: 700; }
#cdoc-root .rank-row .v { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; white-space: nowrap; }
#cdoc-root .rank-row .v b { font: 700 16px var(--mono); color: var(--rc); }
#cdoc-root .rank-row .v small { font-size: 12px; font-weight: 600; color: var(--ink-4); }
#cdoc-root .rank-row.me { border-color: rgba(79, 199, 234, .55); box-shadow: 0 0 0 1px rgba(79, 199, 234, .2); }
#cdoc-root .mv { font: 600 11px var(--mono); white-space: nowrap; }
#cdoc-root .sparkl { width: 112px; height: 32px; display: block; }
#cdoc-root .sparkl.sm { width: 84px; height: 28px; }
#cdoc-root .sparkl .l, #cdoc-root .kspark .l { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round; }

#cdoc-root .bars { display: flex; flex-direction: column; gap: 8px; }
#cdoc-root .bars .b { display: grid; grid-template-columns: minmax(64px, 96px) minmax(40px, 1fr) auto; gap: 10px; align-items: center; font-size: 13px; color: var(--ink-2); }
#cdoc-root .bars .b > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#cdoc-root .bars .b .v { font: 600 12.5px var(--body); font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; text-align: right; }
#cdoc-root .bars .b .v em { font-style: normal; font-weight: 500; color: var(--ink-4); margin-left: 5px; }
#cdoc-root .bars .b.wide { grid-template-columns: minmax(120px, 200px) minmax(40px, 1fr) auto; }
#cdoc-root .bars .b .who { gap: 8px; }
#cdoc-root .track { height: 8px; border-radius: 999px; background: var(--card-2); overflow: hidden; position: relative; }
#cdoc-root .card .track { background: rgba(255, 255, 255, .05); }
#cdoc-root .fill { height: 100%; border-radius: 999px; min-width: 3px; background: var(--cyan); }
#cdoc-root .fill.dep { background: linear-gradient(90deg, rgba(46, 212, 127, .55), #2ED47F); }
#cdoc-root .fill.out { background: linear-gradient(90deg, rgba(245, 196, 81, .55), #F5C451); }
#cdoc-root .fill.neg { background: linear-gradient(90deg, rgba(255, 92, 122, .55), #FF7A94); }
#cdoc-root .fill.gr { background: var(--grad); }
#cdoc-root .b:hover .fill { filter: brightness(1.15); }

/* ---------- charts */
#cdoc-root .chart { position: relative; }
#cdoc-root .chart svg { display: block; width: 100%; height: auto; overflow: visible; }
#cdoc-root .chart text { fill: var(--ink-4); font: 11px var(--mono); }
#cdoc-root .chart text.lab { fill: var(--ink-2); font: 600 11.5px var(--body); }
#cdoc-root .chart text.big { fill: #fff; font: 800 44px var(--head); letter-spacing: -.04em; }
#cdoc-root .chart text.cap { fill: var(--cyan); font: 700 12px var(--body); letter-spacing: .08em; text-transform: uppercase; }
#cdoc-root .legend { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--ink-3); margin-bottom: 8px; }
#cdoc-root .legend span { display: inline-flex; align-items: center; gap: 6px; }
#cdoc-root .legend i { display: inline-block; width: 14px; height: 3px; border-radius: 2px; }
#cdoc-root .legend i.sq { height: 9px; width: 9px; border-radius: 3px; }
#cdoc-root .legend b { color: var(--ink); font-weight: 600; font-size: 12.5px; }
#cdoc-root .readout { margin-top: 10px; font-size: 13px; color: var(--ink-3); min-height: 1.5em; }
#cdoc-root .readout b { color: var(--ink); }
#cdoc-root .cols { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 3px; align-items: end; height: 150px; border-bottom: 1px solid var(--hair-2); background: repeating-linear-gradient(to top, transparent 0, transparent 36px, rgba(255, 255, 255, .04) 36px, rgba(255, 255, 255, .04) 37px); }
#cdoc-root .cols .c { display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; height: 100%; cursor: crosshair; }
#cdoc-root .cols .c i { display: block; width: 100%; background: linear-gradient(var(--cyan), rgba(79, 199, 234, .5)); border-radius: 4px 4px 0 0; min-height: 1px; transition: filter .12s; }
#cdoc-root .cols .c:hover i { filter: brightness(1.25); }
#cdoc-root .col-labels { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 3px; margin-top: 6px; font: 10.5px var(--mono); color: var(--ink-4); text-align: center; }
#cdoc-root .stack { display: flex; height: 14px; gap: 2px; border-radius: 999px; overflow: hidden; background: var(--card-2); }
#cdoc-root .stack i { display: block; height: 100%; min-width: 3px; }
#cdoc-root .stack.big { height: 22px; }
#cdoc-root .stack.big i:hover { filter: brightness(1.2); }
#cdoc-root .heat { display: grid; grid-template-columns: 34px repeat(24, minmax(0, 1fr)); gap: 3px; font: 10.5px var(--mono); color: var(--ink-4); align-items: center; }
#cdoc-root .heat .cell { aspect-ratio: 1.25; border-radius: 4px; min-height: 14px; }
#cdoc-root .heat .cell:hover { outline: 2px solid #fff; outline-offset: -1px; }
#cdoc-root .heat .hr { text-align: center; }
#cdoc-root .scale { display: flex; align-items: center; gap: 8px; font: 11px var(--mono); color: var(--ink-4); margin-top: 12px; }
#cdoc-root .scale i { flex: 0 0 160px; height: 8px; border-radius: 4px; }
#cdoc-root .spark { display: block; }
#cdoc-root .radar-key { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12.5px; color: var(--ink-3); margin-top: 8px; }
#cdoc-root .radar-key span { display: inline-flex; align-items: center; gap: 6px; }
#cdoc-root .radar-key i { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
#cdoc-root .bub { cursor: pointer; transition: opacity .12s; }
#cdoc-root .chart:hover .bub { opacity: .55; }
#cdoc-root .chart:hover .bub:hover { opacity: 1; }
#cdoc-root .ribbon { transition: opacity .12s; }
#cdoc-root .chart.flowmap:hover .ribbon { opacity: .18; }
#cdoc-root .chart.flowmap:hover .ribbon:hover { opacity: .95; }

/* ---------- degen index, tape, sources, players, compare */
#cdoc-root .degen { display: flex; align-items: center; gap: 14px; margin: 2px 0 10px; }
#cdoc-root .degen .val { font: 800 44px/1 var(--head); letter-spacing: -.04em; color: #fff; }
#cdoc-root .degen .lab { font: 700 16px var(--head); color: #fff; text-transform: capitalize; }
#cdoc-root .gaugewrap { display: grid; grid-template-columns: minmax(0, 250px) minmax(0, 1fr); gap: 8px 18px; align-items: center; }
#cdoc-root .gaugefacts { display: grid; gap: 10px; }
#cdoc-root .gaugefacts div b { display: block; font: 700 17px var(--mono); color: #fff; }
#cdoc-root .gaugefacts div span { font-size: 12.5px; color: var(--ink-3); }
#cdoc-root .ev { display: grid; grid-template-columns: 124px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 9px 0; border-top: 1px solid var(--hair); font-size: 13.5px; }
#cdoc-root .ev:first-child { border-top: 0; }
#cdoc-root .ev .chip { justify-self: start; max-width: 124px; overflow: hidden; text-overflow: ellipsis; }
#cdoc-root .ev .body { color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .ev .when { color: var(--ink-4); font-size: 12px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; }
#cdoc-root a.btn { text-decoration: none; }
#cdoc-root .srcrows { display: grid; gap: 9px; }
#cdoc-root .srcrow { display: grid; grid-template-columns: minmax(110px, 170px) minmax(60px, 1fr) minmax(0, 170px); gap: 10px; align-items: center; font-size: 13.5px; }
#cdoc-root .srcrow .muted { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .flows { display: grid; gap: 8px; }
#cdoc-root .flow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-size: 13.5px; }
#cdoc-root .flow .arrow { color: var(--ink-4); }
#cdoc-root .flow b { margin-left: auto; color: #fff; font-size: 13px; }
#cdoc-root .flow .muted { font-size: 12px; flex-basis: 100%; text-align: right; margin-top: -4px; }
#cdoc-root .tag { display: inline-block; font: 600 11px var(--body); background: var(--card-2); border: 1px solid var(--hair); border-radius: 6px; padding: 1px 6px; color: var(--ink); text-decoration: none; }
#cdoc-root table.cmp td { font-size: 14px; }
#cdoc-root table.cmp td.best { color: #fff; font-weight: 700; }
#cdoc-root table.cmp td.best::after { content: " ●"; color: var(--cyan); font-size: 9px; vertical-align: middle; }
#cdoc-root table.cmp th .who { justify-content: flex-end; }
#cdoc-root .verdict.lookalike { border-left-color: var(--crit); background: rgba(255, 92, 122, .1); color: #FFD9DE; font-weight: 600; }
#cdoc-root .verdict.deposit_address { border-left-color: var(--ok); }
#cdoc-root .verdict.exchange, #cdoc-root .verdict.streamer { border-left-color: var(--cyan); }

/* ---------- reserves: hot, cold, own token */
#cdoc-root .resrow { display: grid; grid-template-columns: minmax(120px, 190px) minmax(60px, 1fr) minmax(86px, auto) 30px; gap: 10px; align-items: center; font-size: 13.5px; padding: 6px 0; border-top: 1px solid var(--hair); }
#cdoc-root .resrow:first-child { border-top: 0; }
#cdoc-root .resrow .v { font: 700 14px var(--mono); color: var(--held); text-align: right; white-space: nowrap; }
#cdoc-root .resbar { display: flex; gap: 2px; height: 14px; }
#cdoc-root .resbar i { display: block; height: 100%; min-width: 3px; border-radius: 4px; }
#cdoc-root .resbar i.hot { background: var(--held); }
#cdoc-root .resbar i.cold { background: var(--cold); }
#cdoc-root .resbar i.own { background: repeating-linear-gradient(135deg, rgba(245, 196, 81, .75) 0 3px, rgba(245, 196, 81, .2) 3px 6px); }
#cdoc-root .checkline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 14px; border-radius: 12px; background: rgba(46, 212, 127, .06); border: 1px solid rgba(46, 212, 127, .22); color: var(--ink-2); font-size: 13.5px; margin-top: 12px; }
#cdoc-root .checkline.warn { background: rgba(245, 196, 81, .07); border-color: rgba(245, 196, 81, .25); }
#cdoc-root .checkline b { color: #fff; }

/* ---------- event log */
#cdoc-root .evfilter { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; justify-content: space-between; margin-bottom: 8px; }
#cdoc-root .chips { display: flex; flex-wrap: wrap; gap: 6px; }
#cdoc-root .chips button { background: var(--card-2); border: 1px solid var(--hair); border-radius: 99px; padding: 6px 12px; font-size: 12.5px; font-weight: 600; color: var(--ink-3); }
#cdoc-root .chips button:hover { color: #fff; }
#cdoc-root .chips button[aria-pressed="true"] { background: rgba(79, 199, 234, .12); border-color: rgba(79, 199, 234, .5); color: #fff; }
#cdoc-root .evday { font: 600 12px var(--body); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-4); padding: 16px 0 6px; }
#cdoc-root .facts2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px 16px; margin: 4px 0 14px; }
#cdoc-root .facts2 .k { color: var(--ink-4); font-size: 12.5px; }
#cdoc-root .facts2 .v { color: #fff; font-weight: 700; font-size: 17px; }
#cdoc-root .report { max-width: 860px; }
#cdoc-root .report section + section { margin-top: 26px; }
#cdoc-root .report h3 { font: 700 17px/1.3 var(--head); letter-spacing: -.01em; text-transform: none; color: #fff; margin: 0 0 8px; }
#cdoc-root .report p { margin: 0 0 9px; color: var(--ink-2); font-size: 15px; line-height: 1.65; max-width: 72ch; }
#cdoc-root .report .tw { margin-top: 10px; }
#cdoc-root .report.wide { max-width: none; }
#cdoc-root .report.wide .cols2 { columns: 2 340px; column-gap: 36px; }
#cdoc-root .report.wide .cols2 p { break-inside: avoid; }
#cdoc-root .evgrid { display: grid; gap: 12px; grid-template-columns: minmax(0, 2.4fr) minmax(220px, 1fr); align-items: start; }
#cdoc-root .trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
#cdoc-root .trio > div { padding: 12px; border-radius: 12px; background: var(--card-2); border: 1px solid var(--hair); }
#cdoc-root .ev.wc { grid-template-columns: 124px 30px minmax(0, 1fr) auto; }
#cdoc-root .evwho { background: none; border: 0; padding: 0; width: 30px; height: 30px; display: block; }
#cdoc-root .ev.top .body { color: #fff; font-weight: 600; }
#cdoc-root .ev .body .link { font-weight: 700; }

/* ---------- paired bars (count share against money share), cohort table */
#cdoc-root .pairs { display: grid; gap: 9px; }
#cdoc-root .pair { display: grid; grid-template-columns: minmax(84px, 110px) minmax(40px, 1fr) 52px; gap: 10px; align-items: center; font-size: 13.5px; color: var(--ink-2); }
#cdoc-root .pair .track { height: 7px; margin: 3px 0; }
#cdoc-root .pair .v { font: 12px/1.45 var(--mono); color: var(--ink-2); text-align: right; }
#cdoc-root table.cohort td.heatcell { text-align: center; font-weight: 700; border-bottom-color: var(--card); border-right: 2px solid var(--card); }
#cdoc-root .src-bad { color: var(--ink-4); text-decoration: line-through; }
#cdoc-root .chart text.bump-l { fill: var(--ink-3); font: 12px var(--body); cursor: pointer; }
#cdoc-root .chart text.bump-l.on { fill: #fff; font-weight: 700; }

/* ---------- tooltip (on <body>) */
#cdoc-tip { position: fixed; z-index: 50; pointer-events: none; background: #0F1220; border: 1px solid rgba(79, 199, 234, .35); border-radius: 12px; padding: 9px 11px; font: 12.5px/1.45 Inter, system-ui, sans-serif; color: #ECEEF6; max-width: 290px; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .8); opacity: 0; transition: opacity .08s; }
#cdoc-tip.on { opacity: 1; }
#cdoc-tip b { font: 700 13px "JetBrains Mono", ui-monospace, monospace; color: #fff; }
#cdoc-tip .t { color: #A9AFC4; font-size: 11.5px; font-weight: 600; margin-bottom: 3px; }
#cdoc-tip .k { display: inline-block; width: 9px; height: 9px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }

/* ---------- tables */
#cdoc-root .tw { overflow-x: auto; -webkit-overflow-scrolling: touch; }
#cdoc-root table { border-collapse: collapse; width: 100%; font-size: 14px; }
#cdoc-root th { text-align: right; font: 600 12.5px var(--body); color: var(--ink-3); padding: 11px 10px; border-bottom: 1px solid var(--hair); white-space: nowrap; }
#cdoc-root th.l, #cdoc-root td.l { text-align: left; }
#cdoc-root th button { background: none; border: 0; padding: 0; font: inherit; color: inherit; }
#cdoc-root th button:hover, #cdoc-root th[aria-sort] button { color: #fff; }
#cdoc-root th[aria-sort] button { text-decoration: underline; text-decoration-color: var(--cyan); text-underline-offset: 5px; text-decoration-thickness: 2px; }
#cdoc-root td { padding: 9px 10px; border-bottom: 1px solid var(--hair); text-align: right; white-space: nowrap; color: var(--ink-2); font-variant-numeric: tabular-nums; vertical-align: middle; }
#cdoc-root tbody tr:last-child td { border-bottom: 0; }
#cdoc-root td b { color: var(--ink); }
#cdoc-root td.n { width: 1%; color: var(--ink-4); }
#cdoc-root td.sh { width: 1%; padding: 0 6px 0 0; }
#cdoc-root tbody tr:hover td { background: rgba(255, 255, 255, .024); }
#cdoc-root .chip { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; padding: 3px 9px; font: 700 12px/1.3 var(--body); color: var(--ink-3); background: var(--card-2); white-space: nowrap; }
#cdoc-root .card .chip { background: rgba(255, 255, 255, .06); }
#cdoc-root .chip.ok { color: var(--up); background: rgba(46, 212, 127, .1); }
#cdoc-root .chip.warn { color: var(--gold); background: rgba(245, 196, 81, .1); }
#cdoc-root .chip.crit { color: var(--down-l); background: rgba(255, 92, 122, .1); }
#cdoc-root .chip.steady { color: var(--cyan); background: rgba(79, 199, 234, .1); }
#cdoc-root .chip.proven { color: #0E1622; background: var(--o1); }
#cdoc-root .chip.traced { color: var(--cyan); background: rgba(79, 199, 234, .14); }
#cdoc-root .chip.linked { color: #7FCBE6; background: rgba(43, 134, 174, .2); }
#cdoc-root .chip.hot { color: var(--held); background: rgba(79, 199, 234, .1); }
#cdoc-root .chip.cold { color: var(--cold); background: rgba(167, 139, 250, .12); }
#cdoc-root .addr { font: 12.5px var(--mono); color: var(--ink-2); text-decoration: none; }
#cdoc-root a.addr { color: var(--cyan); }
#cdoc-root a.addr:hover { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
#cdoc-root a.txl { font: 600 12px/1 var(--mono); padding: 6px 8px; border-radius: 8px; background: rgba(79, 199, 234, .07); border: 1px solid rgba(79, 199, 234, .18); white-space: nowrap; color: var(--cyan); text-decoration: none; display: inline-block; }
#cdoc-root a.txl:hover { background: rgba(79, 199, 234, .14); color: #fff; }

/* ---------- transfer rows */
#cdoc-root .tx { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 2px 12px; padding: 9px 0; border-top: 1px solid var(--hair); align-items: center; }
#cdoc-root .tx:first-of-type { border-top: 0; }
#cdoc-root h3 + .tx, #cdoc-root .foot + .tx { border-top: 0; }
#cdoc-root .tx .mark, #cdoc-root .tx > .chip:first-child { grid-row: 1 / span 2; }
#cdoc-root .tx .amt { font: 700 15px var(--body); font-variant-numeric: tabular-nums; color: var(--ink); }
#cdoc-root .tx .amt.ttl { font: 600 14px var(--body); color: var(--ink); }
#cdoc-root .tx .meta { color: var(--ink-3); font-size: 12.5px; grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .tx .r { grid-row: 1 / span 2; grid-column: 3; text-align: right; font-size: 12.5px; color: var(--ink-4); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; max-width: 240px; }

/* ---------- methodology */
#cdoc-root .rules { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
#cdoc-root .rules > div { padding: 12px 14px; border-radius: 12px; background: var(--card-2); border: 1px solid var(--hair); }
#cdoc-root .rules h3 { color: #fff; text-transform: none; letter-spacing: 0; font: 700 14px var(--body); margin-bottom: 4px; }
#cdoc-root .rules p { margin: 0; color: var(--ink-3); font-size: 13.5px; line-height: 1.6; }
#cdoc-root .excl { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 4px; font-size: 13px; color: var(--ink-3); }
#cdoc-root .excl b { font-family: var(--mono); color: var(--ink); }

/* ---------- address checker */
#cdoc-root .check { display: flex; flex-wrap: wrap; gap: 8px; }
#cdoc-root .check input { flex: 1 1 320px; font-family: var(--mono); font-size: 13px; height: 44px; }
#cdoc-root .check .go { background: var(--grad-aa); border: 0; border-radius: 999px; padding: 0 22px; height: 44px; font-weight: 700; color: #fff; box-shadow: 0 8px 22px -10px rgba(79, 150, 242, .7); }
#cdoc-root .verdict { margin-top: 12px; padding: 12px 14px; border-radius: 12px; background: var(--card-2); border-left: 3px solid var(--none); color: var(--ink-2); }
#cdoc-root .verdict.casino_wallet, #cdoc-root .verdict.forwards_to_casino { border-left-color: var(--ok); }
#cdoc-root .verdict.pays_several { border-left-color: var(--warn); }

/* ---------- net flow board: gains to the right of the centre line, losses to the left */
#cdoc-root .dv { display: grid; grid-template-columns: minmax(110px, 170px) minmax(60px, 1fr) minmax(74px, auto); gap: 10px; align-items: center; padding: 6px 0; font-size: 13.5px; border-top: 1px solid var(--hair); }
#cdoc-root .dv:first-child { border-top: 0; }
#cdoc-root .dvbar { display: grid; grid-template-columns: 1fr 1fr; height: 10px; position: relative; }
#cdoc-root .dvbar::before { content: ""; position: absolute; left: 50%; top: -4px; bottom: -4px; width: 1px; background: var(--axis); }
#cdoc-root .dvbar i { display: block; height: 100%; border-radius: 999px; min-width: 3px; }
#cdoc-root .dvbar .l { justify-self: end; background: linear-gradient(270deg, rgba(255, 92, 122, .5), #FF7A94); }
#cdoc-root .dvbar .r { grid-column: 2; background: linear-gradient(90deg, rgba(46, 212, 127, .5), #2ED47F); }
#cdoc-root .dv .v { font: 700 13.5px var(--mono); text-align: right; white-space: nowrap; }

/* ---------- the leaderboard: the first thing on the page */
#cdoc-root .lb { display: flex; flex-direction: column; gap: 6px; }
#cdoc-root .lb-row { --frac: 0%; --rc: var(--dep); display: grid; grid-template-columns: 30px 30px minmax(120px, 1.3fr) minmax(104px, auto) minmax(110px, 1fr) 112px repeat(3, minmax(74px, .55fr)) 30px; gap: 0 12px; align-items: center; min-height: 56px; padding: 8px 8px 8px 10px; border-radius: 12px; border: 1px solid var(--hair); background: var(--card-2); font-size: 14px; transition: border-color .15s, background .15s; }
#cdoc-root .lb-row:hover { border-color: var(--hair-2); background: var(--card-3); }
#cdoc-root .lb-head { min-height: 0; padding: 0 8px 2px 10px; border: 0; background: none; font: 600 11.5px/1 var(--body); letter-spacing: .07em; text-transform: uppercase; color: var(--ink-4); }
#cdoc-root .lb-head:hover { background: none; }
#cdoc-root .lb-head .r, #cdoc-root .lb-row .lb-o { text-align: right; justify-self: end; }
#cdoc-root .lb-row .n { text-align: center; font: 700 14px var(--mono); color: var(--ink-4); }
#cdoc-root .lb-row.top1 .n, #cdoc-root .lb-row.top2 .n, #cdoc-root .lb-row.top3 .n { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; color: #12151F; font-weight: 800; justify-self: center; }
#cdoc-root .lb-row.top1 .n { background: linear-gradient(135deg, #FFE08A, #F5B93A); }
#cdoc-root .lb-row.top2 .n { background: linear-gradient(135deg, #E9EDF5, #A9B2C7); }
#cdoc-root .lb-row.top3 .n { background: linear-gradient(135deg, #F0B58A, #C27A45); }
#cdoc-root .lb-row.top1 { border-color: rgba(245, 196, 81, .35); background: linear-gradient(90deg, rgba(245, 196, 81, .09), transparent 46%), var(--card-2); }
#cdoc-root .lb-row > .link { font-size: 15.5px; font-weight: 700; }
#cdoc-root .lb-row .v { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; white-space: nowrap; }
#cdoc-root .lb-row .v b { font: 700 17px var(--mono); color: var(--rc); }
#cdoc-root .lb-row .v small { font-size: 12px; font-weight: 600; color: var(--ink-4); }
#cdoc-root .lb-bar { position: relative; display: flex; align-items: center; gap: 8px; min-width: 0; }
#cdoc-root .lb-bar i { display: block; height: 8px; border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--rc) 45%, transparent), var(--rc)); min-width: 4px; max-width: calc(100% - 46px); }
#cdoc-root .lb-bar em { font: 600 12px var(--mono); font-style: normal; color: var(--ink-3); white-space: nowrap; }
#cdoc-root .lb-row .lb-o { font: 600 13px var(--mono); white-space: nowrap; }
#cdoc-root .lb-head .lb-o { font: 600 11.5px/1 var(--body); }
#cdoc-root .lb-foot { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 12px; }
#cdoc-root .lb-foot .foot { margin: 0; }
#cdoc-root .btn.primary { background: var(--grad-aa); border-color: transparent; color: #fff; }
@media (max-width: 1100px) { #cdoc-root .lb-row { grid-template-columns: 30px 30px minmax(110px, 1.3fr) minmax(100px, auto) minmax(90px, 1fr) repeat(2, minmax(70px, .6fr)) 30px; } #cdoc-root .lb-row .lb-sp, #cdoc-root .lb-row > :nth-child(9) { display: none; } }
@media (max-width: 760px) { #cdoc-root .lb-row { grid-template-columns: 26px 30px minmax(0, 1fr) auto 30px; gap: 0 9px; } #cdoc-root .lb-row .lb-o, #cdoc-root .lb-row .lb-bar, #cdoc-root .lb-head > :nth-child(5) { display: none; } #cdoc-root .lb-row > .link { font-size: 14.5px; } }

/* ---------- market map, the chain and coin strips, casino hops, trust watch */
#cdoc-root .mmap.empty { display: grid; place-items: center; border: 1px dashed var(--hair-2); }
#cdoc-root .mt-corner { position: absolute; right: 6px; top: 6px; opacity: .95; }
#cdoc-root .mtile.mid .mt-name { letter-spacing: -.01em; padding-right: 0; }
#cdoc-root .mtile.mid:has(.mt-corner) .mt-name { padding-right: 22px; }
#cdoc-root .mtile.mid .mark { width: 18px; height: 18px; border-radius: 5px; font-size: 9px; }
#cdoc-root .mtile.tiny .mark { width: min(22px, 80%); height: auto; aspect-ratio: 1; }
#cdoc-root .mtile.mid .mt-chg { font-size: 11px; }
#cdoc-root .bubs { position: relative; width: 100%; border-radius: 14px; overflow: hidden; background: radial-gradient(ellipse at 50% 40%, rgba(79, 199, 234, .06), transparent 70%); }
#cdoc-root .bub2 { position: absolute; left: 0; top: 0; margin: 0; padding: 0; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .16); background: radial-gradient(circle at 32% 26%, rgba(255, 255, 255, .16), transparent 46%), linear-gradient(var(--tf), var(--tf)), var(--card-2); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer; will-change: transform; box-shadow: inset 0 -8px 18px rgba(0, 0, 0, .22); }
#cdoc-root .bub2.up { border-color: rgba(46, 212, 127, .7); box-shadow: inset 0 -8px 18px rgba(0, 0, 0, .22), 0 0 18px rgba(46, 212, 127, .16); }
#cdoc-root .bub2.down { border-color: rgba(255, 92, 122, .7); box-shadow: inset 0 -8px 18px rgba(0, 0, 0, .22), 0 0 18px rgba(255, 92, 122, .16); }
#cdoc-root .bub2:hover, #cdoc-root .bub2:focus-visible { filter: brightness(1.25); z-index: 2; }
#cdoc-root .bub2 .bn { max-width: 84%; font: 700 var(--fs, 12px)/1.1 var(--head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .bub2 .bp { font: 700 calc(var(--fs, 12px) - 1px)/1 var(--mono); }
#cdoc-root .bub2.up .bp { color: #8AF5C0; }
#cdoc-root .bub2.down .bp { color: #FFB0BE; }
#cdoc-root .mmap { position: relative; width: 100%; border-radius: 12px; overflow: hidden; }
#cdoc-root .mtile { position: absolute; margin: 0; padding: 10px 12px; border: 2px solid var(--card); border-radius: 12px; background: linear-gradient(var(--tf), var(--tf)), var(--card-2); color: #fff; text-align: left; display: flex; flex-direction: column; justify-content: space-between; gap: 2px; overflow: hidden; cursor: pointer; transition: filter .15s; }
#cdoc-root .card.sig .mtile { border-color: #1D2233; }
#cdoc-root .mtile:hover, #cdoc-root .mtile:focus-visible { filter: brightness(1.22); z-index: 1; }
#cdoc-root .mtile.mid { padding: 7px 9px; justify-content: flex-start; }
#cdoc-root .mtile.tiny { padding: 0; align-items: center; justify-content: center; border-radius: 8px; }
#cdoc-root .mt-top { display: flex; align-items: center; gap: 8px; min-width: 0; }
#cdoc-root .mt-name { font: 700 14px/1.2 var(--head); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .mtile.mid .mt-name { font-size: 12.5px; }
#cdoc-root .mtile.tiny .mt-name { font-size: 11px; opacity: .85; }
#cdoc-root .mt-share { margin-left: auto; font: 700 12px/1 var(--mono); color: rgba(255, 255, 255, .72); }
#cdoc-root .mt-spark { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 46%; opacity: .2; pointer-events: none; }
#cdoc-root .mt-spark .l { fill: none; stroke: #fff; stroke-width: 2; vector-effect: non-scaling-stroke; }
#cdoc-root .mt-spark .a { fill: #fff; opacity: .25; }
#cdoc-root .mt-val, #cdoc-root .mt-chg, #cdoc-root .mt-top { position: relative; z-index: 1; }
#cdoc-root .mt-val { font: 800 var(--vs, 20px)/1.05 var(--head); letter-spacing: -.01em; margin-top: auto; white-space: nowrap; }
#cdoc-root .mtile.mid .mt-val { font: 700 13px/1.2 var(--mono); margin-top: 2px; color: var(--ink-2); }
#cdoc-root .mt-chg { font: 700 12.5px/1.2 var(--body); white-space: nowrap; }
#cdoc-root .mt-chg.up { color: #7FF0B5; }
#cdoc-root .mt-chg.down { color: #FFA5B5; }
#cdoc-root .mapkey { display: flex; align-items: center; gap: 9px; margin-top: 12px; font-size: 12px; color: var(--ink-4); }
#cdoc-root .mapkey .ramp { width: 120px; height: 8px; border-radius: 999px; background: linear-gradient(90deg, rgba(255, 92, 122, .75), rgba(255, 92, 122, .18) 45%, rgba(86, 96, 126, .3) 50%, rgba(46, 212, 127, .18) 55%, rgba(46, 212, 127, .75)); }
#cdoc-root .mapkey .r { margin-left: auto; }
#cdoc-root .mixrow + .mixrow { margin-top: 16px; }
#cdoc-root .mixhead { font: 700 11.5px/1 var(--body); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-4); margin-bottom: 8px; }
#cdoc-root .mixkey { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: 12.5px; color: var(--ink-3); }
#cdoc-root .mixkey span { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
#cdoc-root .mixkey i { width: 9px; height: 9px; border-radius: 3px; }
#cdoc-root .mixkey b { color: #fff; font: 700 12.5px var(--mono); }
#cdoc-root .hopsum { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin: 2px 0 12px; }
#cdoc-root .hopsum b { font: 800 30px/1 var(--head); color: var(--cyan); letter-spacing: -.01em; }
#cdoc-root .hopsum span { font-size: 13px; color: var(--ink-3); }
#cdoc-root .hoplist { display: grid; gap: 6px; }
#cdoc-root .hoprow { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: linear-gradient(90deg, rgba(79, 199, 234, .13) var(--frac, 0%), transparent var(--frac, 0%)), var(--card-2); }
#cdoc-root .hopend { display: inline-flex; align-items: center; gap: 8px; min-width: 0; padding: 0; border: 0; background: none; color: var(--ink); font: 600 13.5px var(--body); cursor: pointer; }
#cdoc-root .hopend span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .hopend:hover span:last-child { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
#cdoc-root .hoparrow { color: var(--cyan); font-weight: 700; text-align: center; }
#cdoc-root .hopv { display: flex; flex-direction: column; align-items: flex-end; }
#cdoc-root .hopv b { font: 700 13.5px var(--mono); color: #fff; }
#cdoc-root .hopv small { font-size: 11.5px; color: var(--ink-4); }
#cdoc-root .wgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#cdoc-root .wcol h3 { margin: 0; font: 700 14px/1.2 var(--head); color: #fff; text-transform: none; letter-spacing: 0; }
#cdoc-root .wsub { margin: 3px 0 8px; font-size: 11.5px; color: var(--ink-4); }
#cdoc-root .wrow { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; border-top: 1px solid var(--hair); }
#cdoc-root .wrow b { font: 700 13px var(--mono); color: #fff; white-space: nowrap; }
#cdoc-root .wrow b.c-wd { color: var(--gold); }
#cdoc-root .wrow b.c-held { color: var(--cyan); }
#cdoc-root .wrow b.down { color: var(--down-l); }
#cdoc-root .wclear { display: flex; align-items: center; gap: 8px; padding: 10px 0; border-top: 1px solid var(--hair); font-size: 13px; color: var(--ink-2); }
#cdoc-root .wclear i { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--up); box-shadow: 0 0 0 3px rgba(46, 212, 127, .18); }

/* ---------- depositor tiers: fish, dolphins, whales */
#cdoc-root .tierline { margin: 14px 0 10px; font-size: 14.5px; color: var(--ink-2); }
#cdoc-root .tierline b { color: #fff; font-family: var(--mono); }
#cdoc-root .tiers { display: grid; gap: 8px; }
#cdoc-root .tier { --tc: var(--cyan); display: grid; grid-template-columns: 40px minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 4px 12px; align-items: center; padding: 10px 12px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--tc) 30%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--tc) 13%, transparent), transparent 70%), var(--card-2); }
#cdoc-root .tier .te { font-size: 26px; line-height: 1; text-align: center; }
#cdoc-root .tier .tn b { display: block; font: 700 15px/1.2 var(--head); color: var(--tc); }
#cdoc-root .tier small { display: block; font-size: 11.5px; color: var(--ink-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#cdoc-root .tier .tv b { display: block; font: 700 15px/1.2 var(--mono); color: #fff; }
#cdoc-root .tier .tbar { grid-column: 2 / -1; display: grid; gap: 3px; margin-top: 2px; }
#cdoc-root .tier .tbar i { display: block; height: 4px; border-radius: 999px; background: color-mix(in srgb, var(--tc) 45%, transparent); min-width: 3px; }
#cdoc-root .tier .tbar i.m { background: var(--tc); height: 6px; }
#cdoc-root .conc { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 2px 0 12px; }
#cdoc-root .conc b { display: block; font: 800 26px/1.1 var(--head); background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
#cdoc-root .conc span { font-size: 12px; color: var(--ink-4); line-height: 1.35; display: block; }
@media (max-width: 760px) { #cdoc-root .tier { grid-template-columns: 34px minmax(0, 1fr) minmax(0, 1fr); } #cdoc-root .tier .tv + .tv { grid-column: 2 / -1; } }

/* ---------- the week in cards */
#cdoc-root .wk { position: relative; overflow: hidden; }
#cdoc-root .wk-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
#cdoc-root .wk-tag { font: 700 11.5px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--cyan); padding: 5px 9px; border-radius: 7px; background: rgba(79, 199, 234, .1); }
#cdoc-root .wk.hero { padding: 22px 24px; background: radial-gradient(700px 300px at 85% -20%, rgba(123, 77, 242, .28), transparent 70%), radial-gradient(600px 300px at 0% 120%, rgba(79, 199, 234, .16), transparent 70%), var(--card); border-color: var(--hair-2); }
#cdoc-root .wk.hero::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--grad); }
#cdoc-root .wk-herogrid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: end; }
#cdoc-root .wk-big { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
#cdoc-root .wk-big > span:first-child { font: 800 clamp(44px, 7vw, 76px)/1 var(--head); letter-spacing: -.03em; background: linear-gradient(115deg, #7FF0B5, #2ED47F 55%, #4FC7EA); -webkit-background-clip: text; background-clip: text; color: transparent; }
#cdoc-root .wk-line { margin: 8px 0 18px; font-size: 16px; color: var(--ink-2); }
#cdoc-root .wk-stats { display: flex; flex-wrap: wrap; gap: 10px 28px; }
#cdoc-root .wk-stat b { display: block; font: 700 22px/1.1 var(--mono); color: #fff; }
#cdoc-root .wk-stat b.c-wd { color: var(--gold); }
#cdoc-root .wk-stat b.c-held { color: var(--cyan); }
#cdoc-root .wk-stat span { font-size: 12.5px; color: var(--ink-4); }
#cdoc-root .wk-days { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 8px; height: 150px; align-items: end; }
#cdoc-root .wk-day { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; height: 100%; }
#cdoc-root .wk-day i { width: 100%; max-width: 46px; border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, rgba(46, 212, 127, .85), rgba(46, 212, 127, .25)); }
#cdoc-root .wk-day.best i { background: linear-gradient(180deg, #F5C451, rgba(245, 196, 81, .3)); box-shadow: 0 0 22px rgba(245, 196, 81, .35); }
#cdoc-root .wk-day span { font: 600 11px var(--mono); color: var(--ink-4); }
#cdoc-root .wk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
#cdoc-root .wk.podium { grid-column: span 3; background: radial-gradient(500px 220px at 50% 115%, rgba(245, 196, 81, .13), transparent 70%), var(--card); }
#cdoc-root .wk.podium .wk-tag { color: var(--gold); background: rgba(245, 196, 81, .1); }
#cdoc-root .wk-pod { display: grid; grid-template-columns: repeat(3, minmax(0, 220px)); justify-content: center; align-items: end; gap: 12px; }
#cdoc-root .wk-step { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 16px 10px 14px; border: 1px solid var(--hair); border-radius: 16px 16px 8px 8px; background: var(--card-2); color: var(--ink); cursor: pointer; text-align: center; }
#cdoc-root .wk-step:hover { border-color: var(--hair-2); background: var(--card-3); }
#cdoc-root .wk-step.p1 { padding-top: 26px; padding-bottom: 46px; border-color: rgba(245, 196, 81, .45); background: linear-gradient(180deg, rgba(245, 196, 81, .14), var(--card-2) 60%); }
#cdoc-root .wk-step.p2 { padding-bottom: 28px; }
#cdoc-root .wk-step b { font: 700 16px/1.2 var(--head); color: #fff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
#cdoc-root .wk-step .c-dep { font: 700 20px var(--mono); }
#cdoc-root .wk-step.p1 .c-dep { font-size: 26px; }
#cdoc-root .wk-step small { font-size: 12px; color: var(--ink-4); }
#cdoc-root .wk-step i { position: absolute; top: -12px; display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font: 800 13px var(--mono); font-style: normal; color: #12151F; background: linear-gradient(135deg, #E9EDF5, #A9B2C7); }
#cdoc-root .wk-step.p1 i { background: linear-gradient(135deg, #FFE08A, #F5B93A); width: 30px; height: 30px; top: -14px; }
#cdoc-root .wk-step.p3 i { background: linear-gradient(135deg, #F0B58A, #C27A45); }
#cdoc-root .wk.up .wk-tag, #cdoc-root .wk.in .wk-tag { color: var(--up); background: rgba(46, 212, 127, .1); }
#cdoc-root .wk.down .wk-tag { color: var(--down-l); background: rgba(255, 92, 122, .1); }
#cdoc-root .wk.out .wk-tag { color: var(--gold); background: rgba(245, 196, 81, .1); }
#cdoc-root .wk-move { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; padding: 8px 10px; margin-top: 6px; border-radius: 10px; background: linear-gradient(90deg, rgba(46, 212, 127, .15) var(--frac, 0%), transparent var(--frac, 0%)), var(--card-2); }
#cdoc-root .wk-move.down { background: linear-gradient(90deg, rgba(255, 92, 122, .15) var(--frac, 0%), transparent var(--frac, 0%)), var(--card-2); }
#cdoc-root .wk-move b { font: 700 15px var(--mono); color: var(--up); }
#cdoc-root .wk-move.down b { color: var(--down-l); }
#cdoc-root .wk-move small { grid-column: 1 / -1; font-size: 11.5px; color: var(--ink-4); padding-left: 30px; }
#cdoc-root .wk-num { font: 800 clamp(28px, 3.4vw, 40px)/1.05 var(--head); letter-spacing: -.02em; color: #fff; margin: 4px 0 10px; }
#cdoc-root .wk-who { display: flex; align-items: center; gap: 9px; min-height: 30px; font-weight: 700; }
#cdoc-root .wk-note { margin: 10px 0 0; font-size: 13px; line-height: 1.5; color: var(--ink-3); }
#cdoc-root .wk-route { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#cdoc-root .wk-route .hopend { font-size: 14.5px; font-weight: 700; }
#cdoc-root .wk.wide { margin-top: 12px; }
#cdoc-root .wk-sec { margin: 22px 0 0; font: 800 20px/1.2 var(--head); color: #fff; letter-spacing: -.01em; }
#cdoc-root .wk-nums { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-top: 12px; }
#cdoc-root .wk-nums > div { padding: 12px 14px; border: 1px solid var(--hair); border-radius: 12px; background: var(--card); }
#cdoc-root .wk-nums b { display: block; font: 700 21px/1.15 var(--mono); color: #fff; }
#cdoc-root .wk-nums span { font-size: 12px; color: var(--ink-4); line-height: 1.35; display: block; margin-top: 2px; }
#cdoc-root .wk-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#cdoc-root .wk-two b { display: block; font: 800 34px/1.05 var(--head); }
#cdoc-root .wk-two span { font-size: 12.5px; color: var(--ink-3); line-height: 1.4; display: block; margin-top: 4px; }
#cdoc-root .wk-tag { text-transform: none; letter-spacing: .02em; font: 700 12.5px/1 var(--body); }
#cdoc-root .wk-heads { display: grid; gap: 2px; }
#cdoc-root .wk-head { display: grid; grid-template-columns: 22px minmax(90px, 150px) minmax(0, 1fr) auto 30px; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--hair); font-size: 13.5px; }
#cdoc-root .wk-head:first-child { border-top: 0; }
#cdoc-root .wk-head .evt { font-weight: 700; color: var(--cyan); }
#cdoc-root .wk-head .evt.ok { color: var(--up); }
#cdoc-root .wk-head .evt.warn { color: var(--gold); }
#cdoc-root .wk-head .evt.crit { color: var(--down-l); }
#cdoc-root .wk-head .body { color: var(--ink-2); }
#cdoc-root .wk-head .when { font-size: 12px; color: var(--ink-4); white-space: nowrap; }
#cdoc-root details.more > .report { margin-top: 10px; }
@media (max-width: 900px) { #cdoc-root .wk-grid { grid-template-columns: minmax(0, 1fr); } #cdoc-root .wk.podium { grid-column: auto; } #cdoc-root .wk-herogrid { grid-template-columns: minmax(0, 1fr); } #cdoc-root .wk-head { grid-template-columns: 22px minmax(0, 1fr) auto; } #cdoc-root .wk-head .body { grid-column: 2 / -1; grid-row: 2; } #cdoc-root .wk-head .when { display: none; } #cdoc-root .wk-pod { gap: 6px; } #cdoc-root .wk-step .c-dep { font-size: 16px; } #cdoc-root .wk-step.p1 .c-dep { font-size: 19px; } #cdoc-root .wk-step b { font-size: 13.5px; } }

#cdoc-root .hbars { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 3px; height: 190px; align-items: stretch; }
#cdoc-root .hbar { display: grid; grid-template-rows: 1fr 1fr 16px; min-width: 0; }
#cdoc-root .hbar .up { display: flex; align-items: flex-end; justify-content: center; border-bottom: 1px solid var(--hair-2); }
#cdoc-root .hbar .dn { display: flex; align-items: flex-start; justify-content: center; }
#cdoc-root .hbar i { display: block; width: 100%; max-width: 30px; }
#cdoc-root .hbar .up i { border-radius: 5px 5px 0 0; background: linear-gradient(180deg, #2ED47F, rgba(46, 212, 127, .35)); }
#cdoc-root .hbar .dn i { border-radius: 0 0 5px 5px; background: linear-gradient(0deg, #F5C451, rgba(245, 196, 81, .35)); }
#cdoc-root .hbar span { font: 600 10px/16px var(--mono); color: var(--ink-4); text-align: center; overflow: hidden; }
#cdoc-root .hbar:hover i { filter: brightness(1.3); }
#cdoc-root .chips.hchips { margin: 0 0 12px; }

/* ---------- the ticker: the same tape as the top of casinodrop.com, scrolling on its own */
#cdoc-root .ticker { position: relative; display: flex; align-items: center; height: 44px; margin: 0 0 14px; border: 1px solid var(--hair); border-radius: 12px; background: var(--bg-2); overflow: hidden; }
#cdoc-root .ticker-label { position: relative; z-index: 2; flex: none; display: inline-flex; align-items: center; gap: 8px; height: 100%; padding: 0 14px 0 14px; background: var(--bg-2); color: var(--up); font: 700 12px/1 var(--body); letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
#cdoc-root .ticker-label::after { content: ""; position: absolute; left: 100%; top: 0; bottom: 0; width: 56px; background: linear-gradient(90deg, var(--bg-2), rgba(21, 25, 37, 0)); pointer-events: none; }
#cdoc-root .ticker-label .dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(46, 212, 127, .18); animation: cdocPulse 1.8s ease infinite; }
#cdoc-root .ticker-label .short { display: none; }
#cdoc-root .ticker-view { flex: 1 1 auto; min-width: 0; height: 100%; overflow: hidden; }
#cdoc-root .ticker-track { display: flex; align-items: center; width: max-content; height: 100%; white-space: nowrap; animation: cdocTape 120s linear infinite; will-change: transform; }
#cdoc-root .ticker:hover .ticker-track, #cdoc-root .ticker:focus-within .ticker-track, #cdoc-root .ticker.paused .ticker-track { animation-play-state: paused !important; }
@keyframes cdocTape { to { transform: translateX(-50%); } }
#cdoc-root .tick { display: inline-flex; align-items: center; gap: 8px; margin-right: 34px; padding: 0; border: 0; background: none; font: 500 13px/1 var(--body); color: var(--ink-2); white-space: nowrap; }
#cdoc-root button.tick { cursor: pointer; }
#cdoc-root button.tick:hover .sub { color: #fff; }
#cdoc-root .tick b { font: 700 13.5px/1 var(--mono); color: #fff; }
#cdoc-root .tick .sub { color: var(--ink-3); font-size: 12.5px; }
#cdoc-root .tg { font: 700 11.5px/1 var(--mono); letter-spacing: .09em; text-transform: uppercase; padding: 4px 7px; border-radius: 6px; color: var(--cyan); background: rgba(79, 199, 234, .11); }
#cdoc-root .tg.in { color: var(--up); background: rgba(46, 212, 127, .12); }
#cdoc-root .tg.out { color: var(--gold); background: rgba(245, 196, 81, .12); }
#cdoc-root .tg.dn { color: var(--down-l); background: rgba(255, 92, 122, .12); }
#cdoc-root .tg.vi { color: #B79CFF; background: rgba(123, 77, 242, .16); }
#cdoc-root .tg.pk { color: #F58CB8; background: rgba(238, 90, 154, .13); }
#cdoc-root .ticker-tools { position: relative; z-index: 2; flex: none; display: inline-flex; align-items: center; gap: 2px; height: 100%; padding: 0 6px 0 4px; background: var(--bg-2); }
#cdoc-root .ticker-tools::before { content: ""; position: absolute; right: 100%; top: 0; bottom: 0; width: 56px; background: linear-gradient(270deg, var(--bg-2), rgba(21, 25, 37, 0)); pointer-events: none; }
#cdoc-root .ticker-btn { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 0; background: none; border-radius: 9px; color: var(--ink-4); }
#cdoc-root .ticker-btn:hover { color: #fff; background: var(--card-3); }

/* ---------- feed panels: the same panels as the live feeds on casinodrop.com */
#cdoc-root .feeds { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#cdoc-root .feed { --tone: var(--cyan); position: relative; display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--hair); border-radius: 16px; overflow: hidden; background: linear-gradient(180deg, var(--card-2), var(--card) 52%); }
#cdoc-root .feed::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--grad); }
#cdoc-root .feed.in { --tone: var(--up); }
#cdoc-root .feed.in::before { background: linear-gradient(90deg, #2ED47F, rgba(46, 212, 127, .15)); }
#cdoc-root .feed.out { --tone: var(--gold); }
#cdoc-root .feed.out::before { background: linear-gradient(90deg, #F5C451, rgba(245, 196, 81, .15)); }
#cdoc-root .feed-head { display: flex; align-items: center; gap: 11px; padding: 15px 12px 12px 16px; border-bottom: 1px solid var(--hair); }
#cdoc-root .feed-ico { flex: none; display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: var(--tone); background: color-mix(in srgb, var(--tone) 14%, var(--card)); border: 1px solid color-mix(in srgb, var(--tone) 30%, transparent); }
#cdoc-root .feed-hd { flex: 1 1 auto; min-width: 0; }
#cdoc-root .feed-hd h3 { margin: 0; font: 700 17px/1.2 var(--head); color: #fff; text-transform: none; letter-spacing: 0; }
#cdoc-root .feed-hd p { margin: 3px 0 0; font-size: 12.5px; color: var(--ink-4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .feed-list { height: 400px; overflow-y: auto; padding: 6px 8px 14px; scrollbar-width: thin; scrollbar-color: var(--card-3) transparent; -webkit-mask-image: linear-gradient(#000 88%, transparent); mask-image: linear-gradient(#000 88%, transparent); }
#cdoc-root .feed-list.empty { display: grid; place-items: center; padding: 20px 26px; text-align: center; -webkit-mask-image: none; mask-image: none; }
#cdoc-root .feed-list.empty p { margin: 0; font-size: 13px; line-height: 1.5; }
#cdoc-root .feed-row { display: flex; align-items: center; gap: 10px; padding: 7px 4px 7px 8px; border-radius: 10px; }
#cdoc-root .feed-row:hover { background: var(--card-2); }
#cdoc-root .feed-row.is-new { animation: cdocFeedIn .9s cubic-bezier(.2, .9, .3, 1); }
@keyframes cdocFeedIn { from { opacity: 0; transform: translateY(-9px); background: rgba(79, 199, 234, .16); } to { opacity: 1; transform: none; background: transparent; } }
#cdoc-root .feed-mark { flex: none; padding: 0; border: 0; background: none; display: inline-grid; cursor: pointer; }
#cdoc-root .feed-mark .mark { width: 32px; height: 32px; }
#cdoc-root .feed-mark.gen { width: 32px; height: 32px; place-items: center; border-radius: 8px; color: var(--cyan); background: rgba(79, 199, 234, .09); border: 1px solid var(--hair); cursor: default; }
#cdoc-root .feed-main { flex: 1 1 auto; min-width: 0; }
#cdoc-root .feed-title { font-size: 13.5px; font-weight: 650; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .feed-title .link { font-weight: 650; max-width: 100%; }
#cdoc-root .feed-row.top .feed-title, #cdoc-root .feed-row.top .feed-title .link { color: #fff; }
#cdoc-root .feed-title .evt { color: var(--cyan); }
#cdoc-root .feed-title .evt.ok { color: var(--up); }
#cdoc-root .feed-title .evt.warn { color: var(--gold); }
#cdoc-root .feed-title .evt.crit { color: var(--down-l); }
#cdoc-root .feed-sub { margin-top: 2px; font-size: 12px; color: var(--ink-4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#cdoc-root .feed-sub.clamp { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; color: var(--ink-3); }
#cdoc-root .feed-sub .chn { font-weight: 600; }
#cdoc-root .feed-r { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 1px; }
#cdoc-root .feed-r b { font: 700 13.5px/1.2 var(--mono); color: #fff; }
#cdoc-root .feed-r b.in { color: var(--up); }
#cdoc-root .feed-r b.out { color: var(--gold); }
#cdoc-root .feed-ago { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--ink-4); white-space: nowrap; }
#cdoc-root .feed-ago a.txl { padding: 3px 6px; font-size: 11px; border-radius: 6px; }
#cdoc-root .feed-ago .rowshare { width: 24px; height: 24px; border-radius: 7px; }
#cdoc-root .feed-ago .rowshare svg { width: 13px; height: 13px; }
#cdoc-root .feed-foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 16px; border-top: 1px solid var(--hair); font-size: 12px; color: var(--ink-4); }
#cdoc-root .feed-foot .link { font-size: 12px; color: var(--cyan); flex: none; }
#cdoc-root .card.slim { padding: 14px 18px; }
#cdoc-root .card.slim h3 { margin: 0 0 4px; }
#cdoc-root .card.slim p { margin: 0; font-size: 13px; line-height: 1.5; }

@media (max-width: 1040px) { #cdoc-root .g64 { grid-template-columns: minmax(0, 1fr); } #cdoc-root .feeds { grid-template-columns: minmax(0, 1fr); } #cdoc-root .feed-list { height: 320px; } #cdoc-root .feed-list.empty { height: auto; } }
@media (max-width: 860px) { #cdoc-root .evgrid { grid-template-columns: minmax(0, 1fr); } #cdoc-root .gaugewrap { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) {
  #cdoc-root { padding: 12px 12px 56px; }
  #cdoc-root h1 { font-size: 24px; }
  #cdoc-root .kpi .val { font-size: 22px; }
  #cdoc-root .g4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #cdoc-root .sec-head > .tools { flex: 0 1 auto; min-width: 0; justify-content: flex-end; }
  #cdoc-root .sec-head:has(> .tools > :nth-child(2)), #cdoc-root .sec-head:has(> .seg) { flex-wrap: wrap; }
  #cdoc-root .sec-head:has(> .tools > :nth-child(2)) > .tools { flex: 1 1 100%; justify-content: flex-start; }
  #cdoc-root .tools select { flex: 1 1 130px; min-width: 0; }
  #cdoc-root .btn.share span { display: none; }
  #cdoc-root .btn.share { width: 44px; padding: 0; justify-content: center; }
  #cdoc-root table.cmp td.l { white-space: normal; }
  #cdoc-root .card { padding: 14px; }
  #cdoc-root .rank-row { grid-template-columns: 22px 30px minmax(0, 1fr) auto 30px; }
  #cdoc-root .rank-row .sparkl { display: none; }
  #cdoc-root .rank-row.bare { grid-template-columns: 22px 30px minmax(0, 1fr) auto; }
  #cdoc-root .bar .asof { margin-left: 0; width: 100%; }
  #cdoc-root .tabs { border-radius: 16px; }
  #cdoc-root .seg button, #cdoc-root .btn:not(.mini), #cdoc-root select { min-height: 44px; }
  #cdoc-root .btn:not(.mini) { padding: 0 14px; }
  #cdoc-root .rowshare { width: 44px; height: 44px; }
  #cdoc-root .ev { grid-template-columns: minmax(0, 1fr) auto; }
  #cdoc-root .ev .body { grid-column: 1 / -1; grid-row: 2; white-space: normal; }
  #cdoc-root .ev.wc { grid-template-columns: auto 30px minmax(0, 1fr) auto; }
  #cdoc-root .ev.wc .when { grid-column: 4; }
  #cdoc-root .srcrow { grid-template-columns: minmax(96px, 130px) minmax(60px, 1fr); }
  #cdoc-root .srcrow .muted { display: none; }
  #cdoc-root .resrow { grid-template-columns: minmax(96px, 130px) minmax(40px, 1fr) auto; }
  #cdoc-root .resrow .rowshare { display: none; }
  #cdoc-root .degen .val { font-size: 36px; }
  #cdoc-root td, #cdoc-root th { padding-left: 8px; padding-right: 8px; }
  #cdoc-root .trio { grid-template-columns: minmax(0, 1fr); }
  #cdoc-root .tx { grid-template-columns: auto minmax(0, 1fr); }
  #cdoc-root .tx .r { grid-row: auto; grid-column: 2; justify-content: flex-start; max-width: none; margin-top: 4px; }
  #cdoc-root .tx .meta { white-space: normal; }
  #cdoc-root .brand .right > span:first-child { display: none; }
  #cdoc-root .wgrid { grid-template-columns: minmax(0, 1fr); }
  #cdoc-root .mapkey .r { display: none; }
  #cdoc-root .ticker-label { padding: 0 10px; font-size: 11px; letter-spacing: .07em; }
  #cdoc-root .ticker-label .long { display: none; }
  #cdoc-root .ticker-label .short { display: inline; }
  #cdoc-root .ticker-tools .rowshare, #cdoc-root .ticker-btn { width: 36px; height: 36px; }
  #cdoc-root .feed-ago .rowshare { width: 36px; height: 36px; }
  #cdoc-root .feed-row { padding-right: 0; }
}
/* ---- the fast lane: one line under the tape */
#cdoc-root .livebar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 18px; margin: 8px 0 0; padding: 9px 14px; border-radius: 12px; border: 1px solid var(--hair); background: var(--card); font-size: 13px; color: var(--ink-3); }
#cdoc-root .livebar .lv-tag { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--up); text-transform: uppercase; font-size: 11.5px; letter-spacing: .06em; }
#cdoc-root .livebar .dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 3px rgba(46, 212, 127, .18); animation: cdocPulse 1.8s ease infinite; }
#cdoc-root .livebar b { font-family: var(--mono); color: #fff; font-weight: 700; }
#cdoc-root .livebar b.c-dep { color: var(--dep); }
#cdoc-root .livebar b.c-wd { color: var(--wd); }
#cdoc-root .livebar .lv.r { margin-left: auto; color: var(--ink-4); font-size: 12.5px; }
#cdoc-root .livebar .late { color: var(--amber); display: inline-flex; align-items: center; gap: 6px; }
#cdoc-root .livebar .late i { width: 8px; height: 8px; border-radius: 2px; display: inline-block; }
@media (max-width: 760px) { #cdoc-root .livebar { font-size: 12.5px; gap: 5px 12px; } #cdoc-root .livebar .lv.r { margin-left: 0; } }

/* ---- net flow: the split by size */
#cdoc-root .nsplit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 2px 0 14px; }
#cdoc-root .nsplit > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 11px 13px; border-radius: 12px; border: 1px solid var(--hair); background: var(--card-2); color: #fff; }
#cdoc-root .nsplit > div:first-child { border-color: rgba(46, 212, 127, .35); background: linear-gradient(90deg, rgba(46, 212, 127, .08), transparent 70%), var(--card-2); }
#cdoc-root .nsplit small { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-4); }
#cdoc-root .nsplit b { font: 700 19px/1.15 var(--mono); }
#cdoc-root .nsplit span { font-size: 12px; color: var(--ink-3); }
#cdoc-root .dv.x { grid-template-columns: minmax(110px, 170px) minmax(60px, 1fr) minmax(74px, auto) minmax(204px, auto); }
#cdoc-root .dv .dvx { font-size: 12px; color: var(--ink-4); text-align: right; white-space: nowrap; }
#cdoc-root .dv .dvx b { font-family: var(--mono); font-weight: 600; }
@media (max-width: 760px) { #cdoc-root .nsplit { grid-template-columns: repeat(2, minmax(0, 1fr)); } #cdoc-root .dv.x { grid-template-columns: minmax(110px, 170px) minmax(60px, 1fr) minmax(74px, auto); } #cdoc-root .dv .dvx { grid-column: 1 / -1; text-align: left; margin-top: -3px; white-space: normal; } }

/* ---- the typical player, beside the average */
#cdoc-root .kpi.typk { border-color: rgba(79, 199, 234, .4); background: linear-gradient(120deg, rgba(79, 199, 234, .13), transparent 60%), var(--card); }
#cdoc-root .kpi.typk .val { color: var(--cyan); }
#cdoc-root .kpi.typk .dl { font-size: 22px; line-height: 1; }
#cdoc-root .typ { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
#cdoc-root .typ > div { display: flex; flex-direction: column; justify-content: center; gap: 3px; min-width: 0; padding: 11px 14px; border-radius: 14px; border: 1px solid var(--hair); background: var(--card); color: #fff; }
#cdoc-root .typ small { font-size: 11px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-4); }
#cdoc-root .typ b { font: 700 19px/1.15 var(--mono); }
#cdoc-root .typ span { font-size: 12px; color: var(--ink-3); }
@media (max-width: 760px) { #cdoc-root .typ { grid-template-columns: minmax(0, 1fr); gap: 8px; } }

/* ---- depositor tiers you can click */
#cdoc-root button.tier { width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer; transition: opacity .15s, transform .15s, box-shadow .15s; }
#cdoc-root button.tier:hover { transform: translateY(-1px); }
#cdoc-root button.tier.on { box-shadow: inset 0 0 0 2px var(--tc); }
#cdoc-root button.tier.off { opacity: .5; }
#cdoc-root .cols .c { transition: opacity .15s; }
#cdoc-root .cols .c.dim { opacity: .2; }

/* ---- whale radar filters */
#cdoc-root .radar-f { display: flex; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 8px; }

/* ---- a leaderboard row opened in place */
#cdoc-root .lb-row { cursor: pointer; }
#cdoc-root .lb-head { cursor: default; }
#cdoc-root .lb-row.open { border-color: var(--hair-2); background: var(--card-3); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
#cdoc-root .lb-peek { margin-top: -7px; padding: 14px 16px 16px; border: 1px solid var(--hair-2); border-top: 0; border-radius: 0 0 12px 12px; background: var(--card-3); display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(150px, 1fr) auto; gap: 14px 22px; align-items: center; animation: cdocDrop .2s ease-out; }
#cdoc-root .pk-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px 16px; color: #fff; }
#cdoc-root .pk-stats > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
#cdoc-root .pk-stats small, #cdoc-root .pk-chart small { font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-4); }
#cdoc-root .pk-stats b { font: 700 16px/1.2 var(--mono); }
#cdoc-root .pk-stats span { font-size: 11.5px; color: var(--ink-3); }
#cdoc-root .pk-days { display: flex; align-items: flex-end; gap: 3px; height: 52px; margin-top: 6px; }
#cdoc-root .pk-days span { flex: 1; display: flex; align-items: flex-end; gap: 1px; height: 100%; cursor: crosshair; }
#cdoc-root .pk-days i { flex: 1; border-radius: 2px 2px 0 0; min-height: 2px; }
#cdoc-root .pk-days .d { background: var(--dep); }
#cdoc-root .pk-days .w { background: var(--wd); opacity: .85; }
#cdoc-root .pk-go { display: flex; flex-direction: column; gap: 8px; }
@media (max-width: 1100px) { #cdoc-root .lb-peek { grid-template-columns: minmax(0, 1fr); } #cdoc-root .pk-go { flex-direction: row; flex-wrap: wrap; } }
@media (max-width: 760px) { #cdoc-root .pk-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---- a change of view: bars grow once */
@keyframes cdocGrow { from { width: 0; } }
@keyframes cdocRise { from { height: 0; } }
@keyframes cdocDrop { from { opacity: 0; transform: translateY(-6px); } }
#cdoc-root.anim .lb-bar i, #cdoc-root.anim .dvbar i, #cdoc-root.anim .bars .fill, #cdoc-root.anim .tbar i { animation: cdocGrow .7s cubic-bezier(.2, .8, .2, 1) both; }
#cdoc-root.anim .cols .c i { animation: cdocRise .6s cubic-bezier(.2, .8, .2, 1) both; }
@media (prefers-reduced-motion: reduce) { #cdoc-root.anim .lb-bar i, #cdoc-root.anim .dvbar i, #cdoc-root.anim .bars .fill, #cdoc-root.anim .tbar i, #cdoc-root.anim .cols .c i, #cdoc-root .lb-peek, #cdoc-root .livebar .dot { animation: none; } }

@media (prefers-reduced-motion: reduce) { #cdoc-tip { transition: none; } #cdoc-root .live::before, #cdoc-root .ticker-label .dot { animation: none; } #cdoc-root .ticker-track { animation: none; padding-left: 26px; } #cdoc-root .ticker-track > [aria-hidden] { display: none; } #cdoc-root .ticker-view { overflow-x: auto; scrollbar-width: none; } #cdoc-root .ticker-btn { display: none; } #cdoc-root .feed-row.is-new { animation: none; } #cdoc-root .btn, #cdoc-root .kpi { transition: none; } }

/* ---------- the share panel (on <body>): same panel as the share buttons across casinodrop.com */
.cdoc-share-pop { position: fixed; z-index: 9995; left: 12px; top: 12px; width: 400px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); overflow: auto; overscroll-behavior: contain; padding: 14px 16px 16px; border-radius: 16px; background: #1B2030; border: 1px solid rgba(255, 255, 255, .14); box-shadow: 0 28px 70px -20px rgba(0, 0, 0, .85), 0 0 0 1px rgba(79, 199, 234, .14); color: #ECEEF6; font: 13px/1.45 Inter, system-ui, -apple-system, "Segoe UI", sans-serif; text-align: left; box-sizing: border-box; }
.cdoc-share-pop[hidden], .cdoc-share-scrim[hidden], .cdoc-share-pop [hidden] { display: none !important; }
.cdoc-share-pop *, .cdoc-share-pop *::before { box-sizing: border-box; }
.cdoc-share-pop:focus { outline: none; }
.cdoc-share-pop:focus-visible { box-shadow: 0 28px 70px -20px rgba(0, 0, 0, .85), 0 0 0 2px #4FC7EA; }
.cdoc-share-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.cdoc-share-head h2 { margin: 0; font: 700 16px/1.3 Sora, Inter, system-ui, sans-serif; letter-spacing: -.01em; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cdoc-share-x { display: grid; place-items: center; flex: none; width: 36px; height: 36px; margin-right: -8px; border: 0; background: none; border-radius: 50%; font-size: 22px; line-height: 1; color: #A9AFC4; cursor: pointer; }
.cdoc-share-x:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.cdoc-share-sub { margin: 0 0 10px; color: #A9AFC4; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cdoc-share-frame { position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #12151F; border: 1px solid rgba(255, 255, 255, .14); }
.cdoc-share-frame.is-portrait { aspect-ratio: 4 / 5; max-height: 46dvh; margin: 0 auto; }
.cdoc-share-preview { display: block; width: 100%; height: 100%; }
.cdoc-share-wait { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; padding: 14px 18px; background: #12151F; color: #A9AFC4; font-size: 12.5px; text-align: center; }
.cdoc-share-text { display: grid; gap: 5px; margin: 12px 0; }
.cdoc-share-text span { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #A9AFC4; }
.cdoc-share-text textarea { display: block; width: 100%; margin: 0; padding: 8px 10px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .14); background: #212739; color: #ECEEF6; font: 12.5px/1.5 Inter, system-ui, sans-serif; resize: vertical; word-break: break-word; }
.cdoc-share-text textarea:focus-visible { outline: 2px solid #4FC7EA; outline-offset: 1px; }
.cdoc-share-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.cdoc-share-act { display: flex; align-items: center; justify-content: center; gap: 8px; height: 42px; min-width: 0; padding: 0 10px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, .14); background: #212739; color: #ECEEF6; font: 600 13px/1 Inter, system-ui, sans-serif; text-decoration: none; white-space: nowrap; cursor: pointer; transition: border-color .15s, background .15s; }
.cdoc-share-act span { overflow: hidden; text-overflow: ellipsis; }
.cdoc-share-act svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cdoc-share-act svg.is-fill { fill: currentColor; stroke: none; }
.cdoc-share-act:hover { border-color: rgba(79, 199, 234, .5); background: rgba(79, 199, 234, .08); color: #fff; }
.cdoc-share-act.is-native, .cdoc-share-act[data-cdoc-act="download"] { grid-column: 1 / -1; }
.cdoc-share-act.is-native { border-color: transparent; background: linear-gradient(115deg, #1F86EA 0%, #6438E4 100%); color: #fff; }
.cdoc-share-act.is-native:hover { filter: brightness(1.08); }
.cdoc-share-act[aria-disabled="true"] { opacity: .45; cursor: not-allowed; pointer-events: none; }
.cdoc-share-act[data-cdoc-act="copy_image"][hidden] + .cdoc-share-act { grid-column: 1 / -1; }
.cdoc-share-note { margin: 10px 0 0; color: #F5C451; font-size: 12px; line-height: 1.45; }
.cdoc-share-scrim { position: fixed; inset: 0; z-index: 9994; background: rgba(8, 10, 16, .6); }
.cdoc-share-pop.is-sheet { inset: auto 0 0; width: auto; max-width: none; max-height: 88dvh; padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); border-radius: 18px 18px 0 0; border-bottom: 0; }
.cdoc-share-pop.is-sheet .cdoc-share-act { height: 48px; }
.cdoc-share-pop.is-sheet .cdoc-share-x { width: 48px; height: 48px; margin-right: -10px; }
.cdoc-share-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); z-index: 9996; max-width: calc(100vw - 32px); margin: 0; padding: 10px 16px; border-radius: 999px; background: #0F1220; border: 1px solid rgba(79, 199, 234, .45); color: #ECEEF6; font: 600 13px/1.35 Inter, system-ui, sans-serif; text-align: center; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .8); opacity: 0; pointer-events: none; transform: translate(-50%, 8px); transition: opacity .2s, transform .2s; }
.cdoc-share-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.cdoc-share-toast:empty { display: none; }
@media (prefers-reduced-motion: reduce) { .cdoc-share-toast { transition: none; } }
#cdoc-root .lb-row > .link { justify-self: start; max-width: 100%; }

/* ---- the revenue estimate: a range, never one bare number */
#cdoc-root .chip.mini { padding: 1px 7px; font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em; vertical-align: middle; }
#cdoc-root .rv-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.5fr) auto; gap: 14px 26px; align-items: center; padding: 4px 0 6px; }
#cdoc-root .rv-big { font: 700 34px/1.05 var(--head); letter-spacing: -.03em; }
#cdoc-root .rv-big.muted { font-size: 22px; color: var(--ink-3); }
#cdoc-root .rv-sub { margin-top: 6px; font-size: 13.5px; color: var(--ink-3); }
#cdoc-root .rv-sub b { color: #fff; font-family: var(--mono); }
#cdoc-root .rvr { position: relative; height: 14px; border-radius: 999px; background: rgba(255, 255, 255, .05); cursor: crosshair; }
#cdoc-root .rvr .band { position: absolute; top: 3px; bottom: 3px; border-radius: 999px; background: linear-gradient(90deg, rgba(46, 212, 127, .22), rgba(46, 212, 127, .5)); }
#cdoc-root .rvr .mid { position: absolute; top: -2px; width: 4px; height: 18px; margin-left: -2px; border-radius: 2px; background: var(--up); box-shadow: 0 0 0 2px var(--card); }
#cdoc-root .rvr .mid.neg { background: var(--down); }
#cdoc-root .rvr .z { position: absolute; top: -3px; bottom: -3px; width: 1px; background: var(--axis, rgba(255, 255, 255, .3)); }
#cdoc-root .rv-ends { display: flex; justify-content: space-between; margin-top: 7px; font-size: 12px; color: var(--ink-4); }
#cdoc-root .rv-ends b { font-family: var(--mono); color: var(--ink-2); font-weight: 600; }
#cdoc-root .rv-side { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; font-size: 12px; }
#cdoc-root .rv-side .sparkl { width: 120px; height: 30px; }
#cdoc-root .rv-list { margin-top: 12px; border-top: 1px solid var(--hair); }
#cdoc-root .rv-row { display: grid; grid-template-columns: 22px minmax(120px, 190px) minmax(80px, 1fr) minmax(76px, auto) 84px 58px; gap: 10px 12px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--hair); font-size: 13.5px; }
#cdoc-root .rv-row .n { font: 700 12.5px var(--mono); color: var(--ink-4); text-align: center; }
#cdoc-root .rv-row > b { font: 700 14px var(--mono); text-align: right; white-space: nowrap; }
#cdoc-root .rv-row .hp { font: 600 12px var(--mono); color: var(--ink-3); text-align: right; white-space: nowrap; }
#cdoc-root .rv-row .chip { justify-self: end; }
@media (max-width: 900px) { #cdoc-root .rv-hero { grid-template-columns: minmax(0, 1fr); } #cdoc-root .rv-side { flex-direction: row; align-items: center; flex-wrap: wrap; } }
@media (max-width: 760px) { #cdoc-root .rv-big { font-size: 28px; } #cdoc-root .rv-row { grid-template-columns: 20px minmax(0, 1fr) auto auto; } #cdoc-root .rv-row .rvr { grid-column: 2 / -1; grid-row: 2; } #cdoc-root .rv-row .hp { display: none; } }

/* ---- 1.10: one hero line, the casino profile, eight tabs with views, notes behind "?", the head-to-head ---- */
#cdoc-root .hero { margin: 6px 0 18px; }
#cdoc-root .hero-line { margin: 0; font: 700 clamp(22px, 3.1vw, 34px)/1.2 var(--head); letter-spacing: -.025em; color: var(--ink-2); text-wrap: balance; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 .3em; }
#cdoc-root .hero-line b { color: #fff; font-weight: 800; }
#cdoc-root .hero-line b.c-dep { color: var(--dep); font-size: 1.35em; letter-spacing: -.035em; }
#cdoc-root .hero-line .delta { align-self: center; margin-left: .25em; font-size: 13px; letter-spacing: 0; }
#cdoc-root .hero-sub { margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 14.5px; color: var(--ink-3); }
#cdoc-root .hero-sub > span:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--ink-4); }
#cdoc-root .hero-sub b { color: var(--ink); font-weight: 700; font-family: var(--mono, inherit); }
#cdoc-root .hero-sub .link { font: inherit; color: inherit; background: none; border: 0; padding: 0; text-decoration: underline dotted; text-underline-offset: 3px; cursor: pointer; }
#cdoc-root .hero-sub .link:hover { color: #fff; }
#cdoc-root .sec.tight { margin-top: 0; }
#cdoc-root .hd .dek { color: var(--ink-3); font-size: 14px; }

#cdoc-root .prof { padding: 16px 20px 18px; margin-bottom: 14px; }
#cdoc-root .pf-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
#cdoc-root .pf-top .back { margin: 0; }
#cdoc-root .pf-id { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; }
#cdoc-root .pf-id > .mark { width: 72px; height: 72px; border-radius: 18px; font-size: 32px; }
#cdoc-root .pf-name h1 { margin: 0; font-size: 32px; }
#cdoc-root .pf-name .facts { margin-top: 8px; }
#cdoc-root .pf-rank { text-align: center; padding: 8px 16px; border-radius: 14px; background: var(--card-2); border: 1px solid var(--hair-2); }
#cdoc-root .pf-rank b { display: block; font: 800 34px/1 var(--head); letter-spacing: -.04em; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
#cdoc-root .pf-rank small { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 600; color: var(--ink-3); white-space: nowrap; }
#cdoc-root .pf-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 16px; border-top: 1px solid var(--hair); }
#cdoc-root .pf-st { padding: 14px 16px 0 0; min-width: 0; }
#cdoc-root .pf-st + .pf-st { padding-left: 16px; border-left: 1px solid var(--hair); }
#cdoc-root .pf-st small { display: block; font-size: 12.5px; font-weight: 600; color: var(--ink-3); }
#cdoc-root .pf-st > b { display: block; margin: 5px 0 4px; font: 700 28px/1.05 var(--head); letter-spacing: -.03em; color: #fff; white-space: nowrap; }
#cdoc-root .pf-st > b.muted { color: var(--ink-4); }
#cdoc-root .pf-st > span { display: block; font-size: 12.5px; color: var(--ink-4); line-height: 1.45; }
#cdoc-root .pf-st em { font-style: normal; font-weight: 700; color: var(--ink-2); }
#cdoc-root .pf-st em.up { color: var(--up, var(--dep)); } #cdoc-root .pf-st em.down { color: var(--down, #FF6B81); }
#cdoc-root .pf-note { margin: 14px 0 0; font-size: 13px; color: var(--ink-3); }
#cdoc-root select.vs-pick { height: 34px; border-radius: 999px; font-weight: 600; font-size: 13px; border-color: var(--hair-2); }

#cdoc-root .views { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 0 14px; }
#cdoc-root .views::-webkit-scrollbar { display: none; }
#cdoc-root .views button { flex: none; background: none; border: 1px solid var(--hair-2); border-radius: 999px; padding: 7px 14px; font: 600 13px var(--body); color: var(--ink-3); white-space: nowrap; transition: background .16s, color .16s; }
#cdoc-root .views button:hover { color: #fff; }
#cdoc-root .views button[aria-pressed="true"] { background: var(--card-3); color: #fff; border-color: transparent; box-shadow: inset 0 0 0 1px var(--hair-2); }

#cdoc-root .qm { position: relative; display: inline-grid; place-items: center; width: 18px; height: 18px; margin-left: 8px; padding: 0; vertical-align: middle; border-radius: 50%; border: 1px solid var(--hair-2); background: none; color: var(--ink-4); font: 700 11px/1 var(--body); letter-spacing: 0; cursor: pointer; flex: none; -webkit-text-fill-color: currentColor; }
#cdoc-root .qm::after { content: ""; position: absolute; inset: -10px; }
#cdoc-root .qm:hover, #cdoc-root .qm[aria-expanded="true"] { color: #fff; border-color: var(--cyan); background: color-mix(in srgb, var(--cyan) 16%, transparent); }
#cdoc-root .foot.tucked { display: none; }
#cdoc-root .foot.tucked.show { display: block; margin: 10px 0; padding: 10px 12px; border-radius: 10px; background: var(--card-2); border: 1px solid var(--hair); color: var(--ink-3); flex: 1 1 100%; }

#cdoc-root .vs-head { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 12px; align-items: center; margin: 6px 0 14px; }
#cdoc-root .vs-side { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 12px; border-radius: 14px; background: var(--card-2); border: 1px solid var(--hair); min-width: 0; }
#cdoc-root .vs-side > .mark { width: 60px; height: 60px; border-radius: 15px; font-size: 26px; }
#cdoc-root .vs-side select { max-width: 100%; font-weight: 700; font-size: 15px; }
#cdoc-root .vs-side > b { font: 800 30px/1 var(--head); letter-spacing: -.03em; margin-top: 4px; }
#cdoc-root .vs-side small { font-size: 12px; color: var(--ink-4); }
#cdoc-root .vs-mid { font: 800 15px/1 var(--head); letter-spacing: .08em; color: var(--ink-4); }
#cdoc-root .vs-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, 1.1fr) minmax(0, 1fr); gap: 12px; align-items: center; padding: 9px 4px; border-top: 1px solid var(--hair); font-size: 14px; }
#cdoc-root .vs-row > b { font-weight: 500; color: var(--ink-3); font-family: var(--mono, inherit); white-space: nowrap; }
#cdoc-root .vs-row > b.a { text-align: right; }
#cdoc-root .vs-row > b.best { color: #fff; font-weight: 700; }
#cdoc-root .vs-row > b.a.best::before, #cdoc-root .vs-row > b.b.best::after { content: "●"; color: var(--cyan); font-size: 8px; vertical-align: middle; margin: 0 7px; }
#cdoc-root .vs-row .m { text-align: center; font-size: 12.5px; color: var(--ink-3); display: flex; flex-direction: column; gap: 5px; }
#cdoc-root .vs-bar { display: block; height: 4px; border-radius: 99px; background: var(--s2, #A78BFA); overflow: hidden; }
#cdoc-root .vs-bar > i { display: block; height: 100%; background: var(--s1, #4FC7EA); border-right: 2px solid var(--card); }

@media (max-width: 760px) {
  #cdoc-root .hero-sub { font-size: 13.5px; }
  #cdoc-root .prof { padding: 14px; }
  #cdoc-root .pf-id { grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
  #cdoc-root .pf-id > .mark { width: 54px; height: 54px; border-radius: 14px; }
  #cdoc-root .pf-name h1 { font-size: 24px; }
  #cdoc-root .pf-rank { grid-column: 1 / -1; display: flex; align-items: baseline; justify-content: center; gap: 8px; padding: 8px; }
  #cdoc-root .pf-rank b { font-size: 24px; } #cdoc-root .pf-rank small { margin: 0; }
  #cdoc-root .pf-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #cdoc-root .pf-st:nth-child(3) { padding-left: 0; border-left: 0; }
  #cdoc-root .pf-st:nth-child(n+3) { border-top: 1px solid var(--hair); margin-top: 14px; }
  #cdoc-root .pf-st > b { font-size: 22px; }
  #cdoc-root .vs-head { gap: 6px; } #cdoc-root .vs-side { padding: 12px 8px; } #cdoc-root .vs-side > b { font-size: 22px; } #cdoc-root .vs-side > .mark { width: 46px; height: 46px; }
  #cdoc-root .vs-row { grid-template-columns: minmax(0, 1fr) minmax(96px, 1fr) minmax(0, 1fr); gap: 6px; font-size: 13px; }
  #cdoc-root .vs-row .m { font-size: 11.5px; }
}
@media (max-width: 760px) {
  #cdoc-root .tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); width: 100%; overflow: visible; }
  #cdoc-root .tabs button, #cdoc-root .tabs a { padding: 8px 2px; font-size: 12.5px; text-align: center; overflow: hidden; text-overflow: ellipsis; }
  #cdoc-root .hd .dek { display: none; }
  #cdoc-root .hero-sub { display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; }
  #cdoc-root .hero-sub > span:not(:last-child)::after { content: none; }
  #cdoc-root .pf-top .tools { flex-wrap: nowrap; }
}
@media (max-width: 760px) { #cdoc-root .hd { flex-wrap: nowrap; align-items: flex-start; } #cdoc-root .hd > .tools { flex: none; } #cdoc-root .hd h1 { margin-bottom: 0; } }
@media (max-width: 760px) { #cdoc-root .pf-st small { min-height: 2.7em; } }

/* 1.11: the tiles are back under the tape, four of them, two by two on a phone */
#cdoc-root .kpi .sub b { color: var(--ink-2); font-weight: 700; }
#cdoc-root .kpi .sub b.up { color: var(--up); } #cdoc-root .kpi .sub b.down { color: var(--down-l); }
#cdoc-root .kpi.go { cursor: pointer; }
#cdoc-root .kpi.go:hover { border-color: var(--hair-2); transform: translateY(-1px); }
#cdoc-root .kpi .kspark { margin-top: auto; padding-top: 10px; box-sizing: content-box; }
@media (max-width: 760px) { #cdoc-root .grid.kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } #cdoc-root .kpis .kpi .dl { position: static; align-self: flex-start; margin-bottom: 6px; } #cdoc-root .kpis .kpi .val { font-size: 21px; } }