/*
 * The editorial skin.
 *
 * One face, Plus Jakarta Sans, at every size: heavy and tight for titles
 * (800 or 900, letter-spacing around -0.03em), 600 for section labels in
 * sentence case, 400 for everything read. Colour is a warm cream on near
 * black with warm greys between, the way a good data page is set, and it is
 * used sparingly: an accent is a word, a dot or a hairline, never a frame.
 *
 * What is deliberately absent, because it read as a bad video game: thick
 * coloured borders, bevels under buttons, gloss and shine sweeps, ribbons,
 * gold pills, all-caps tracking on titles. Cards are a hairline and a soft
 * shadow. Buttons are flat and quiet, one colour for the primary action.
 *
 * This file is still an override layer over each page's own sheet, so the
 * layout and every rule the tests rely on stay where they were.
 */

:root {
  --ed-display: var(--face);
  --ed-cream: #f4ede2;
  --ed-ink: #f4ede2;
  --ed-mute: #a89c8b;
  --ed-dim: #6b6358;
  --ed-line: rgba(244, 237, 226, .1);
  --ed-line-strong: rgba(244, 237, 226, .18);
  --ed-card: rgba(244, 237, 226, .035);
  --ed-card-hover: rgba(244, 237, 226, .06);
  --ed-green: #b56cff;
  --ed-green-ink: #ffffff;
  --ed-red: #ff5a5f;
  --ed-gold: #e8c268;
  --ed-blue: #7fb6ff;
  --ed-purple: #b89cff;
  --ed-radius: 14px;
  --ed-shadow: 0 1px 0 rgba(0,0,0,.4), 0 12px 30px rgba(0,0,0,.35);
}

/* ---- type ---- */
body, .app { color: var(--ed-ink); font-family: var(--ed-display); -webkit-font-smoothing: antialiased; }
h1, h2, h3, .ar-title, .hm-title, .sn-title, .pf-handle, .ar-sec-title, .hm-head b, .hm-lc-title, .hm-war-line, .hm-tn-name, .hm-game-body b, .hm-cc-body b, .gu-ob-card h2, .fx-card div:nth-child(2) {
  font-family: var(--ed-display);
  font-weight: 800;
  letter-spacing: -.03em;
  text-transform: none;
  text-shadow: none;
}
.ar-title, .hm-title, .sn-title { font-weight: 900; letter-spacing: -.035em; }
.hm-title { font-size: clamp(40px, 6vw, 64px); line-height: 1; }
.hm-kicker, .hm-sub, .ar-kicker, .ar-sub, .sn-num, .sn-meta, .hm-head span, .ar-sec-note, .pf-since, .hm-lc-kicker, .hm-war-kicker, .hm-tn-game, .hm-tn-ent, .hm-cc-cta, .gu-ob-step, .gu-res-head {
  font-family: var(--ed-display);
  font-weight: 500;
  font-size: 12.5px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ed-mute);
}
.hm-head { display: flex; align-items: baseline; gap: 12px; margin: 34px 0 14px; }
.hm-head b { font-size: 18px; font-weight: 600; letter-spacing: -.015em; color: var(--ed-ink); }
.ar-sec-title { font-size: 20px; font-weight: 700; letter-spacing: -.02em; padding-left: 0; }
.ar-sec-title::before { display: none; }
.tally, .lb-xp, .hm-tn-clock, .ar-now, .ar-bal { font-variant-numeric: tabular-nums; }

/* ---- the bar ---- */
.ar-nav a { font-family: var(--ed-display); font-weight: 500; font-size: 13.5px; letter-spacing: 0; text-transform: none; padding: 6px 10px; border-radius: 8px; color: var(--ed-mute); }
.ar-nav a:hover { color: var(--ed-ink); }
.ar-nav a.is-on { color: var(--ed-ink); background: var(--ed-card-hover); box-shadow: none; }
.ar-tag { font-family: var(--ed-display); font-weight: 600; font-size: 12.5px; letter-spacing: 0; text-transform: none; border-radius: 999px; border: 1px solid var(--ed-line-strong); }
#balance.ar-bal, #tier.ar-bal {
  font-family: var(--ed-display); font-weight: 600; font-size: 13px; letter-spacing: 0;
  color: var(--ed-ink); background: var(--ed-card-hover); padding: 5px 11px; border-radius: 999px; box-shadow: none; text-decoration: none;
}
#balance.ar-bal .ar-coin, #tier.ar-bal .ar-coin { filter: none; }
.ar-clock { font-family: var(--ed-display); font-weight: 500; letter-spacing: 0; text-transform: none; }

/* ---- search ---- */
.gu-search { flex: 0 1 300px; min-width: 160px; max-width: 340px; margin: 0 12px; position: relative; }
.lv-head .gu-search { flex-basis: 220px; max-width: 240px; }
.ar-top { flex-wrap: nowrap; }
@media (max-width: 900px) { .ar-top { flex-wrap: wrap; } }
@media (max-width: 720px) { .gu-search { display: none; } }
.gu-search input {
  width: 100%; box-sizing: border-box; font: inherit; font-size: 13.5px; color: var(--ed-ink);
  background: var(--ed-card); border: 1px solid var(--ed-line); border-radius: 10px; padding: 8px 12px 8px 32px; outline: none;
  transition: border-color 160ms ease, background 160ms ease;
}
.gu-search input::placeholder { color: var(--ed-dim); }
.gu-search input:focus { border-color: var(--ed-line-strong); background: var(--ed-card-hover); }
.gu-search::before { content: '⌕'; position: absolute; left: 11px; top: 50%; transform: translateY(-58%) scaleX(-1); font-size: 16px; color: var(--ed-dim); pointer-events: none; }
.gu-results { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 80; background: #15120f; border: 1px solid var(--ed-line-strong); border-radius: 12px; box-shadow: var(--ed-shadow); overflow: hidden; }
.gu-results[hidden] { display: none; }
.gu-res-head { padding: 10px 14px 4px; font-size: 11.5px; }
.gu-res { display: flex; align-items: center; gap: 10px; padding: 9px 14px; text-decoration: none; color: var(--ed-ink); }
.gu-res:hover, .gu-res.is-active { background: var(--ed-card-hover); }
.gu-res b { font-weight: 600; font-size: 14px; }
.gu-res small { color: var(--ed-mute); font-size: 12px; margin-left: auto; white-space: nowrap; }
.gu-live { font-size: 11px; font-weight: 700; color: var(--ed-red); }
.gu-live::before { content: '● '; }
.gu-res-empty { padding: 14px; color: var(--ed-mute); font-size: 13px; }

/* ---- cards, everywhere: a hairline and a soft shadow ---- */
.ar-tile, .hm-lc, .hm-person, .hm-cc, .hm-tn, .hm-game, .hm-me, .hm-war, .pf-panel, .sn-pass, .hm-fchip, .hm-feature, .hm-promo, .hm-strip, .gu-ob-card {
  border: 1px solid var(--ed-line) !important;
  border-radius: var(--ed-radius) !important;
  box-shadow: var(--ed-shadow) !important;
  background: var(--ed-card);
  transition: border-color 200ms ease, background 200ms ease, transform 320ms cubic-bezier(.22,1,.36,1);
}
.hm-lc:hover, .hm-person:hover, .hm-cc:hover, .hm-game:hover, .hm-fchip:hover { border-color: var(--ed-line-strong) !important; background: var(--ed-card-hover); transform: translateY(-2px); }
.ar-tile::before, .ar-tile::after { display: none !important; }
.ar-tile { background: var(--tile, #101013); }
.ar-tile:hover { transform: translateY(-2px); }
.ar-tile.is-on { box-shadow: 0 0 0 1.5px var(--ed-cream), var(--ed-shadow) !important; }
.ar-art { background:
  radial-gradient(70% 55% at 50% 72%, color-mix(in srgb, var(--tint, #b56cff) 45%, transparent), transparent 74%),
  linear-gradient(175deg, #1a1712, #0b0a08); }
.ar-glyph { filter: none; transform: none; }

/* live rooms and today's deals earn one accent: a hairline in their colour, not a frame */
.hm-person.is-live, .hm-person:has(.hm-live), .hm-cc-live, .hm-tn.is-live, .hm-game.is-live, .hm-fchip.is-live { border-color: color-mix(in srgb, var(--ed-red) 55%, transparent) !important; }
.hm-cc-claim { border-color: color-mix(in srgb, var(--ed-green) 55%, transparent) !important; }
.hm-cc-tier  { border-color: color-mix(in srgb, var(--ed-gold) 55%, transparent) !important; }
.hm-cc-bet   { border-color: color-mix(in srgb, var(--ed-purple) 55%, transparent) !important; }
.hm-lc.is-live { border-color: color-mix(in srgb, var(--ed-green) 55%, transparent) !important; }
.hm-lc.is-live .hm-lc-title { color: var(--ed-green); }
.ar-sec[data-sec="today-only"] .ar-tile { border-color: color-mix(in srgb, var(--ed-red) 40%, transparent) !important; }
.ar-sec[data-sec="season-pass"] .ar-tile { border-color: color-mix(in srgb, var(--ed-gold) 40%, transparent) !important; }

/* ---- labels and badges: small, quiet, coloured by meaning ---- */
.ar-cap-label, .hm-live, .hm-badge, .pill.live, .hm-tn-game, .hm-cc-cta {
  font-family: var(--ed-display); font-weight: 600; font-size: 11.5px; letter-spacing: 0; text-transform: none;
  background: transparent !important; box-shadow: none !important; padding: 0; border-radius: 0; text-shadow: none;
}
.ar-cap-label { color: var(--ed-mute) !important; }
.ar-sec[data-sec="today-only"] .ar-cap-label { color: var(--ed-red) !important; }
.ar-sec[data-sec="season-pass"] .ar-cap-label { color: var(--ed-gold) !important; }
.hm-live, .pill.live { color: var(--ed-red); }
.hm-badge.is-live { color: var(--ed-red); }
.hm-cc-cta { color: var(--ed-green); }

/* ---- names and prices ---- */
.ar-name { font-family: var(--ed-display); font-weight: 600; font-size: 15px; letter-spacing: -.01em; text-transform: none; text-shadow: none; }
.ar-now {
  font-family: var(--ed-display); font-weight: 700; font-size: 13.5px; letter-spacing: 0;
  color: var(--ed-ink) !important; background: transparent; padding: 0; border-radius: 0; box-shadow: none;
}
.ar-now .ar-coin { filter: none; }
.ar-was { font-size: 12px; color: var(--ed-dim); }
.ar-worth { font-family: var(--ed-display); font-weight: 500; font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--ed-mute); text-shadow: none; }
.ar-sec[data-sec="today-only"] .ar-worth { color: var(--ed-red); }

/* ---- buttons: flat, one colour for the primary action ---- */
.ar-buy, .hm-cta, .sn-pass-buy, .pf-claim, .gu-ob-next, .btn-clip, .btn-follow, .btn-support, .hm-cta, .hm-war-btn, .hm-game-cta, .hm-promo-go, .hm-strip-go {
  font-family: var(--ed-display) !important; font-weight: 600 !important; font-size: 13.5px !important; letter-spacing: 0 !important; text-transform: none !important;
  border-radius: 10px !important; box-shadow: none !important; text-shadow: none !important; border: 0;
  transition: background 160ms ease, transform 120ms ease, filter 160ms ease;
}
.ar-buy, .hm-cta, .sn-pass-buy, .pf-claim, .gu-ob-next, .hm-game-cta {
  background: var(--ed-green) !important; color: var(--ed-green-ink) !important; padding: 10px 16px !important;
}
.ar-buy:hover, .hm-cta:hover, .sn-pass-buy:hover, .pf-claim:hover, .gu-ob-next:hover, .hm-game-cta:hover { filter: brightness(1.06); }
.ar-buy:active, .hm-cta:active, .sn-pass-buy:active, .pf-claim:active, .gu-ob-next:active { transform: translateY(1px); }
.ar-buy:disabled, .ar-buy.is-off, .hm-cta:disabled, .pf-claim:disabled { background: var(--ed-card-hover) !important; color: var(--ed-dim) !important; }
.ar-sec[data-sec="season-pass"] .ar-buy { background: var(--ed-gold) !important; color: #1a1408 !important; }
.btn-clip, .btn-follow, .btn-support, .hm-war-btn { background: var(--ed-card-hover) !important; color: var(--ed-ink) !important; border: 1px solid var(--ed-line-strong) !important; padding: 8px 14px; }
.btn-clip:hover, .btn-follow:hover, .btn-support:hover, .hm-war-btn:hover { background: rgba(244,237,226,.1) !important; }
.ar-bottom .ar-buy { font-size: 14px !important; padding: 12px 22px !important; }

/* ---- home: title block ---- */
.hm-kicker { font-size: 12.5px; }
.hm-sub { font-size: 13.5px; margin-top: 10px; }
.hm-lc-title { font-size: 28px; }
.hm-lc-note { color: var(--ed-mute); font-size: 13px; }
.hm-lc-track { height: 4px; background: var(--ed-line); }
.hm-lc-track i { background: var(--ed-green); }
.hm-handle { font-family: var(--ed-display); font-weight: 600; font-size: 15px; letter-spacing: -.01em; text-transform: none; }

/* ---- the war, editorial ---- */
.hm-war { --lead: var(--ed-cream); background: var(--ed-card) !important; padding: 26px 28px; }
.hm-war-line { font-size: 32px; margin: 4px 0 14px; }
.hm-war-bar { height: 6px; border-radius: 3px; background: var(--ed-line); margin-top: 18px; }
.hm-war-bar i { border-radius: 3px; }
.hm-war-bar span { position: absolute; left: 0; top: -18px; line-height: 1; font-size: 12.5px; font-weight: 500; color: var(--ed-mute); letter-spacing: 0; text-shadow: none; }
.hm-war-bars { gap: 4px; }
.hm-war-btn { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; text-align: left; border-radius: 12px !important; padding: 12px 14px !important; }
.hm-war-btn b { font-family: var(--ed-display); font-weight: 700; font-size: 15px; letter-spacing: -.01em; color: var(--c); }
.hm-war-btn small { font-size: 12px; color: var(--ed-mute); }
.hm-war-mine { font-family: var(--ed-display); font-weight: 500; font-size: 13px; color: var(--ed-mute); letter-spacing: 0; }
.hm-war-mine b { font-size: 22px; font-weight: 800; letter-spacing: -.02em; display: block; color: var(--c); }

/* ---- tournaments, arcade, board ---- */
.hm-tn-clock { font-family: var(--ed-display); font-weight: 700; font-size: 14px; color: var(--ed-blue); }
.hm-tn.is-live .hm-tn-clock { color: var(--ed-red); }
.hm-tn-name { font-size: 20px; }
.hm-tn-blurb { color: var(--ed-mute); }
.hm-tn-prize { font-family: var(--ed-display); font-weight: 700; font-size: 13.5px; color: var(--ed-gold); letter-spacing: 0; }
.hm-game-art { background: radial-gradient(70% 80% at 50% 100%, rgba(184,156,255,.22), transparent), #0b0a08; }
.hm-game-glyph { color: var(--ed-purple); filter: none; font-size: 40px; }
.hm-game-body b { font-size: 17px; }
.hm-game-body small { color: var(--ed-mute); letter-spacing: 0; text-transform: none; font-size: 12px; }
.hm-game-cta { margin: 8px 14px 14px; padding: 7px 12px !important; font-size: 12.5px !important; }
.lb-row { padding: 12px 14px; border-bottom: 1px solid var(--ed-line); }
.lb-rank { font-family: var(--ed-display); font-weight: 800; font-size: 16px; color: var(--ed-mute); letter-spacing: -.02em; }
.lb-who { font-weight: 600; }
.lb-xp { color: var(--ed-mute); }
.lb-delta { color: var(--ed-dim); } .lb-delta.up { color: var(--ed-green); }
.hm-me { padding: 14px 18px; }
.hm-me b { font-family: var(--ed-display); font-weight: 800; font-size: 26px; letter-spacing: -.03em; color: var(--ed-ink); }
.hm-me span { color: var(--ed-mute); }
.hm-following-head b { font-family: var(--ed-display); font-weight: 600; font-size: 18px; letter-spacing: -.015em; text-transform: none; }
.hm-following-head span { text-transform: none; letter-spacing: 0; font-size: 12.5px; color: var(--ed-mute); }
.hm-fchip { padding: 6px 12px 6px 6px; border-radius: 999px !important; }
.hm-fchip i { background: var(--ed-card-hover); font-family: var(--ed-display); font-weight: 700; font-size: 12px; }
.hm-fchip b { font-family: var(--ed-display); font-weight: 600; font-size: 13.5px; }
.hm-fchip small { color: var(--ed-mute); }

/* ---- season and profile ---- */
.sn-num, .sn-h2, .sn-pass-kicker { font-family: var(--ed-display); font-weight: 500; letter-spacing: 0; text-transform: none; color: var(--ed-mute); }
.sn-node { font-family: var(--ed-display); font-weight: 700; font-size: 15px; border: 1px solid var(--ed-line-strong); box-shadow: none; background: var(--ed-card); color: var(--ed-mute); }
.sn-tier.is-earned .sn-node { background: var(--ed-cream); border-color: var(--ed-cream); color: #14110d; box-shadow: none; }
.sn-tier.is-current .sn-node { transform: none; box-shadow: 0 0 0 3px rgba(244,237,226,.12); }
.sn-track { height: 6px; border: 0; box-shadow: none; background: var(--ed-line); }
.sn-track i { background: var(--ed-green); }
.sn-reward-free { font-family: var(--ed-display); font-weight: 600; font-size: 15px; }
.sn-reward-elite.owned { color: var(--ed-purple); }
.sn-pass { background: var(--ed-card) !important; }
.pf-panel-head > span:first-child, .pf-tab { font-family: var(--ed-display); font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 13px; }
.pf-stat b { font-family: var(--ed-display); font-weight: 800; font-size: 24px; letter-spacing: -.03em; }
.pf-tierbadge { font-family: var(--ed-display); font-weight: 700; border: 1px solid var(--ed-line-strong); box-shadow: none; background: var(--ed-card); }
.pf-tierbadge.is-earned { background: var(--ed-cream); border-color: var(--ed-cream); color: #14110d; box-shadow: none; }
.pf-bar { height: 6px; border: 0; box-shadow: none; background: var(--ed-line); }
.pf-bar i { background: var(--ed-green); }
.pf-medal-ring { font-family: var(--ed-display); font-weight: 700; box-shadow: none; border-width: 1px; }
.pf-medal span { font-family: var(--ed-display); font-weight: 500; letter-spacing: 0; text-transform: none; }

/* ---- the raid banner, onboarding, celebration ---- */
.gu-raid { background: #15120f; border: 1px solid var(--ed-line-strong); border-radius: 14px; box-shadow: var(--ed-shadow); padding: 16px 24px; }
.gu-raid b { font-family: var(--ed-display); font-weight: 800; font-size: 20px; letter-spacing: -.02em; text-transform: none; }
.gu-raid span { color: var(--ed-mute); }
.gu-onboard { background: rgba(10, 8, 6, .82); backdrop-filter: blur(10px); }
.gu-ob-card { background: #15120f; padding: 34px 32px 28px; }
.gu-ob-card h2 { font-size: 30px; }
.gu-ob-card p { color: var(--ed-mute); }
.gu-ob-dots i { background: var(--ed-line-strong); } .gu-ob-dots i.is-on { background: var(--ed-green); }
.gu-ob-skip { color: var(--ed-dim); letter-spacing: 0; text-transform: none; font-size: 13px; }
.fx-card div:nth-child(2) { font-size: 32px; }
.fx-card div:nth-child(3) { color: var(--ed-mute) !important; letter-spacing: 0 !important; text-transform: none; }

@media (prefers-reduced-motion: reduce) {
  .ar-tile, .hm-lc, .hm-person, .hm-cc, .hm-game, .hm-fchip { transition: none; }
  .ar-tile:hover, .hm-lc:hover, .hm-person:hover, .hm-cc:hover, .hm-game:hover, .hm-fchip:hover { transform: none; }
}

/* The featured card and the header chips, in the same sentence-case voice. */
.hm-feat-name { text-transform: none !important; font-weight: 800; letter-spacing: -.03em; }
.hm-feat-tag, .hm-feat-who, .hm-watching, .hm-strip-tag, .hm-strip-note, .hm-flag, .hm-promo-line, .hm-foot { text-transform: none !important; letter-spacing: 0 !important; font-weight: 500; }
.hm-promo-name { text-transform: none !important; font-weight: 800; letter-spacing: -.03em; }
.ar-clock, #clock-text, .ar-tag, #who { text-transform: none !important; letter-spacing: 0 !important; }

/*
 * Nothing shouts. Every sheet that set caps and tracking on a label loses
 * it here, in one place, so a page written before the direction changed
 * reads in the same voice as one written after. Sentence case comes from
 * the source text; this only stops the CSS from undoing it.
 */
.app *, body *:not(svg):not(path):not(use) { text-transform: none !important; }
[class*="kicker"], [class*="eyebrow"], [class*="label"], [class*="note"], [class*="tag"], [class*="sub"], [class*="head"] span, [class*="micro"], [class*="fine"], small, .pill, .lb-rank, .hm-cap, .ar-cap-tags, .cr-panel-head, .cr-sub, .st-label, .pf-panel-head, .ld-label, .ld-num {
  letter-spacing: 0 !important;
}

/* ---- overlays: fixed, whatever the body's layout is ---- */
/* The body is a flex row on the season pages; anything appended to it
   without a position of its own becomes a column. These never are. */
.gu-onboard { position: fixed !important; inset: 0 !important; z-index: 95; display: grid !important; place-items: center; }
.gu-onboard[hidden] { display: none !important; }
.gu-ob-card { width: min(520px, 92vw); text-align: center; padding: 34px 30px 28px; }
.gu-ob-glyph { font-size: 52px; line-height: 1; margin: 12px 0 8px; }
.gu-ob-card h2 { margin: 0 0 8px; }
.gu-ob-card p { font-size: 15px; line-height: 1.5; margin: 0 auto 22px; max-width: 40ch; }
.gu-ob-dots { display: flex; justify-content: center; gap: 8px; margin-bottom: 18px; }
.gu-ob-dots i { width: 8px; height: 8px; border-radius: 50%; }
.gu-ob-next { padding: 12px 24px !important; cursor: pointer; }
.gu-ob-skip { display: block; margin: 14px auto 0; background: none; border: 0; font: inherit; cursor: pointer; }
.gu-raid { position: fixed !important; left: 50%; top: 84px; transform: translateX(-50%); z-index: 85; text-align: center; min-width: 280px; }
.gu-raid b { display: block; }
.fx-layer { position: fixed !important; inset: 0 !important; }

/* ---- vote options, the deck's way: two columns, big label, share on the right, a fill behind ---- */
.poll-options { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
.poll-option {
  min-height: 58px; padding: 14px 16px !important; border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.28) !important; background: rgba(255,255,255,.04) !important;
  transition: border-color 160ms ease, transform 120ms ease;
}
.poll-option:hover:not(:disabled) { border-color: rgba(255,255,255,.55) !important; }
.poll-option:active:not(:disabled) { transform: scale(.985); }
.poll-option .text { font-size: 17px !important; font-weight: 800 !important; letter-spacing: -.01em; color: #fff; }
.poll-option .num { font-size: 15px !important; font-weight: 800 !important; color: #fff !important; }
.poll-option .fill { background: rgba(181,108,255,.22) !important; }
.poll-option.mine { border-color: #b56cff !important; box-shadow: 0 0 0 1px #b56cff, 0 0 24px rgba(181,108,255,.25); }
.poll-option:disabled { opacity: .85; }
/* Three options: the last one takes the full row rather than leaving a hole. */
.poll-option:nth-child(3):last-child { grid-column: 1 / -1; }
@media (max-width: 480px) { .poll-options { grid-template-columns: 1fr !important; } }

/* ---- the challenge with a pot, and the callers' board ---- */
.crowd-bounty, .crowd-callers { padding: 12px 14px; border: 1px solid var(--kk-line, rgba(255,255,255,.08)); border-radius: 10px; background: var(--kk-surface, #171a1c); margin: 0 0 8px; }
.crowd-card-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.crowd-kicker { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: var(--kk-green, #b56cff); }
.crowd-clock { font-size: 12px; color: var(--kk-mute, #9a9a9a); font-variant-numeric: tabular-nums; }
.crowd-bounty-title { font-size: 15px; font-weight: 800; letter-spacing: -.01em; }
.crowd-bounty-pot { margin: 6px 0 10px; font-size: 13px; color: var(--kk-mute, #9a9a9a); }
.crowd-bounty-pot b { font-size: 18px; color: #fff; font-variant-numeric: tabular-nums; }
.crowd-bounty-pot span { margin-left: 8px; }
.crowd-bounty-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.crowd-bounty-row button { padding: 9px 0; border: 1px solid var(--kk-line, rgba(255,255,255,.1)); border-radius: 8px; background: rgba(255,255,255,.04); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.crowd-bounty-row button:hover { background: rgba(181,108,255,.16); border-color: var(--kk-green, #b56cff); }
.crowd-bounty-line { margin-top: 8px; font-size: 12px; color: var(--kk-mute, #9a9a9a); }
.crowd-bounty-line.won { color: #7ee2a8; }
.crowd-bounty-line.failed, .crowd-bounty-line.refunded { color: #ffb4ba; }
.crowd-callers-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.crowd-callers-list li { display: grid; grid-template-columns: 22px 1fr auto auto; gap: 8px; align-items: center; font-size: 13px; }
.crowd-callers-list li span { color: var(--kk-mute, #9a9a9a); font-variant-numeric: tabular-nums; }
.crowd-callers-list li b { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crowd-callers-list li i { font-style: normal; font-size: 12px; }
.crowd-callers-list li em { font-style: normal; font-weight: 800; font-variant-numeric: tabular-nums; }
.crowd-callers-me { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--kk-line, rgba(255,255,255,.08)); font-size: 12px; color: var(--kk-mute, #9a9a9a); }