/* BIS · 金狗赏金 / 猎手榜 / 猎手档案 / CALL widget (js/pages-hunt.js). Every class is prefixed hu-.
   Uses the comic tokens from css/comic.css (--ink, --y, --m, --c, --paper, --f-display, --f-bang, --f-body) with
   fallbacks, so the pages still read correctly if that sheet changes.
   CRISP TEXT RULES: no element that holds text below 32px is rotated, skewed, scaled or filtered. Tilted looks
   come from ::before plates behind upright text. Display fonts (QK / Bangers) only at 22px and up; smaller text
   is Inter + PingFang SC / Microsoft YaHei at 600-800. Hover moves are whole pixels. text-stroke <= 3px below 48px. */
.hu {
  --hu-ink: var(--ink, #0B0B12); --hu-panel: var(--panel, #15151F); --hu-panel2: var(--panel-2, #1C1C2A); --hu-panel3: var(--panel-3, #262638);
  --hu-paper: var(--paper, #F6EEDC); --hu-y: var(--y, #FFD400); --hu-m: var(--m, #FF2E88); --hu-c: var(--c, #00D4FF); --hu-nv: var(--nv, #76B900);
  --hu-up: var(--up, #3DDC84); --hu-down: var(--down, #FF4B4B); --hu-text: var(--text, #EDEAF6); --hu-muted: var(--muted, #A9A7C2); --hu-dim: var(--dim, #6E6C8A);
  --hu-display: var(--f-display, 'QK', 'Microsoft YaHei', 'PingFang SC', sans-serif);
  --hu-bang: var(--f-bang, 'Bangers', 'Impact', 'Arial Black', sans-serif);
  --hu-letter: var(--f-letter, 'KL', 'Microsoft YaHei', 'PingFang SC', sans-serif);   /* 22–31px titles (QK only from 32px) */
  --hu-body: 'Inter', 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', system-ui, sans-serif;
  position: relative; z-index: 1; max-width: 1320px; margin: 0 auto; padding: 28px 24px 72px;
  color: var(--hu-text); font: 600 15px/1.6 var(--hu-body); font-synthesis: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
:where(.hu) *, :where(.hu) *::before, :where(.hu) *::after { box-sizing: border-box; }
:where(.hu) a { color: inherit; text-decoration: none; }
:where(.hu) button { font: inherit; color: inherit; cursor: pointer; }
.hu .num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }
.hu-mono { font: 600 12px/1.3 ui-monospace, 'SFMono-Regular', Consolas, monospace; color: var(--hu-muted); letter-spacing: 0; }
.hu-muted { color: var(--hu-muted); font-weight: 600; }
.hu-small { font-size: 12.5px; font-weight: 700; }
.hu-pad { padding: 18px 20px; margin: 0; }
.hu [hidden] { display: none !important; }
.hu-svg { display: block; }
.hu-svg svg { display: block; width: 100%; height: 100%; overflow: visible; }

/* comic bursts: the star is ART.burst drawn WITHOUT text; the label is upright HTML on top (never rotated, so it stays
   crisp at every size). Each sticker sets its own label size below; display face only at 22px and up. */
.hu-burst { position: relative; display: block; flex: none; pointer-events: none; }
.hu-burst > .hu-burst-art { position: absolute; inset: 0; }
.hu-burst-t { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding-top: .06em; font: 30px/1 var(--hu-bang);
  letter-spacing: 1px; color: #fff; -webkit-text-stroke: 3px #000; paint-order: stroke fill; text-shadow: 1px 1px 0 #000, 2px 2px 0 #000; white-space: nowrap; }
/* small "not open yet" chip: the honest empty value before launch (UI face, never a display-font bar) */
.hu-chip { display: inline-block; padding: 3px 8px 2px; font: 700 12.5px/1.3 var(--hu-body); letter-spacing: .2px; color: var(--hu-paper); background: #2A2A3E; border: 2px solid #000; box-shadow: 2px 2px 0 #000; white-space: nowrap; }
.hu-dots-c { background: radial-gradient(circle, var(--hu-c) 30%, transparent 33%) 0 0 / 11px 11px !important; }

/* ---------- panels: inked frame from Comic.frames(); the outline is the fallback when it is not loaded ---------- */
.hu .pnl { position: relative; background: var(--hu-panel); isolation: isolate; outline: 4px solid #000; outline-offset: -4px; }
.hu .pnl > svg.frame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; pointer-events: none; }
.hu .hu-pnl-k { background: linear-gradient(180deg, #17172A, #121220); }
.hu .hu-pnl-y { background: var(--hu-y); color: #000; }
.hu .hu-pnl-m { background: linear-gradient(160deg, #3A1030, #1A0F24 60%); }
.hu .hu-pnl-paper { background: var(--hu-paper); color: #0B0B12; }
.hu-nn, .hu-brain { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }

/* ---------- lettering ---------- */
.hu-mast { position: relative; z-index: 2; margin: 14px 0 10px; font: 96px/1 var(--hu-display); font-weight: normal; letter-spacing: 2px; color: var(--hu-y);
  -webkit-text-stroke: 8px #000; paint-order: stroke fill; text-shadow: -4px -3px 0 var(--hu-c), 6px 5px 0 var(--hu-m); white-space: nowrap; }
.hu-mast-sm { font-size: 72px; -webkit-text-stroke: 7px #000; text-shadow: -3px -2px 0 var(--hu-c), 5px 4px 0 var(--hu-m); }
html[lang="en"] .hu-mast, html[data-lang="en"] .hu-mast { font-family: var(--hu-bang); letter-spacing: 3px; font-size: 92px; }
html[lang="en"] .hu-mast-sm, html[data-lang="en"] .hu-mast-sm { font-size: 70px; }
.hu-h2 { position: relative; margin: 0; font: 34px/1.1 var(--hu-display); font-weight: normal; letter-spacing: 1px; color: var(--hu-paper);
  -webkit-text-stroke: 3px #000; paint-order: stroke fill; text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; }
html[lang="en"] .hu-h2, html[data-lang="en"] .hu-h2 { font-family: var(--hu-bang); letter-spacing: 1.5px; font-size: 36px; }
.hu-h2-ink { color: #0B0B12; -webkit-text-stroke: 0; text-shadow: 1px 1px 0 var(--hu-y), 2px 2px 0 var(--hu-y); }
.hu-h3 { margin: 0 0 6px; font: 24px/1.15 var(--hu-letter); font-weight: normal; letter-spacing: .5px; }
html[lang="en"] .hu-h3, html[data-lang="en"] .hu-h3 { font-family: var(--hu-bang); letter-spacing: 1px; font-size: 26px; }
.hu-sub { margin: 4px 0 0; color: var(--hu-muted); font-size: 14px; font-weight: 600; flex-basis: 100%; }
.hu-lead { position: relative; z-index: 2; max-width: 560px; margin: 0 0 18px; font-size: 17px; line-height: 1.6; font-weight: 700; color: var(--hu-paper); }
.hu-lead-w { max-width: 760px; }
.hu-label { display: block; font: 26px/1 var(--hu-letter); letter-spacing: 1px; }
html[lang="en"] .hu-label, html[data-lang="en"] .hu-label { font-family: var(--hu-bang); letter-spacing: 1.5px; font-size: 28px; }

/* pre-launch stamp (first screen of the bounty / hunters pages until the contract is live) */
.hu-prestamp { position: relative; z-index: 3; display: inline-block; margin: 2px 0 16px; padding: 8px 14px 7px; font: 800 15px/1.3 var(--hu-body); color: #000; isolation: isolate; }
.hu-prestamp::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--hu-m); border: 3px solid #000; box-shadow: 4px 4px 0 #000, 0 0 0 2px rgba(246, 238, 220, .35); transform: rotate(-2.5deg); }
.hu-prestamp[hidden] { display: none; }

/* kicker: upright text on a tilted ::before plate */
.hu-kicker { position: relative; z-index: 2; display: inline-block; padding: 6px 12px 5px; font: 800 13.5px/1.2 var(--hu-body); letter-spacing: .4px; color: #000; isolation: isolate; }
.hu-kicker::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--hu-c); border: 3px solid #000; box-shadow: 3px 3px 0 #000; transform: rotate(-2deg); }
.hu-kicker > span { position: relative; }
.hu-kicker-k { color: var(--hu-y); } .hu-kicker-k::before { background: #000; box-shadow: 3px 3px 0 var(--hu-m); border-color: #000; }
.hu-kicker-m { color: #000; } .hu-kicker-m::before { background: var(--hu-m); }
.hu-kicker-y::before { background: var(--hu-y); }
.hu-kicker-c::before { background: var(--hu-c); }
.hu-plate-m, .hu-plate-c { position: relative; display: inline-block; padding: 5px 11px 4px; font: 800 13.5px/1.25 var(--hu-body); color: #000; isolation: isolate; }
.hu-plate-m::before, .hu-plate-c::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--hu-m); border: 2.5px solid #000; box-shadow: 3px 3px 0 #000; transform: rotate(-1.5deg); }
.hu-plate-c { color: #000; } .hu-plate-c::before { background: var(--hu-c); transform: rotate(1.5deg); }

/* ---------- buttons ---------- */
.hu-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 20px 12px; font: 800 16px/1 var(--hu-body); letter-spacing: .3px;
  color: #000; background: var(--hu-y); border: 3px solid #000; box-shadow: 5px 5px 0 var(--hu-m), 5px 5px 0 3px #000; white-space: nowrap; transition: transform .12s ease, box-shadow .12s ease; }
.hu-btn:hover { transform: translate(-2px, -2px); box-shadow: 7px 7px 0 var(--hu-m), 7px 7px 0 3px #000; }
.hu-btn:active { transform: translate(3px, 3px); box-shadow: 2px 2px 0 var(--hu-m), 2px 2px 0 3px #000; }
.hu-btn[disabled] { opacity: .55; cursor: not-allowed; transform: none; }
.hu-btn-k { background: var(--hu-y); }
.hu-btn-ghost { background: var(--hu-panel2); color: var(--hu-paper); box-shadow: 5px 5px 0 var(--hu-c), 5px 5px 0 3px #000; }
.hu-btn-ghost:hover { box-shadow: 7px 7px 0 var(--hu-c), 7px 7px 0 3px #000; }
.hu-btn-c { background: var(--hu-c); }
.hu-btn-y { background: var(--hu-y); }
.hu-link { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: var(--hu-c); font: 800 13px/1.4 var(--hu-body); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.hu-link:hover { color: var(--hu-y); }
.hu-btn:focus-visible, .hu-link:focus-visible, .hu-tab:focus-visible, .hu-cw-btn:focus-visible, .hu a:focus-visible { outline: 3px solid var(--hu-c); outline-offset: 3px; }

/* ---------- messages, notices, chips ---------- */
.hu-msg { margin: 10px 0 0; padding: 10px 12px; font-size: 14px; font-weight: 700; color: var(--hu-paper); background: rgba(246, 238, 220, .06); border: 2px dashed rgba(246, 238, 220, .25); }
.hu-msg.is-err { color: #FFD5D5; border-color: var(--hu-down); background: rgba(255, 75, 75, .1); }
.hu-msg.is-ok { color: #CFFFE3; border-color: var(--hu-up); background: rgba(61, 220, 132, .1); }
.hu-notice { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0 0; padding: 9px 11px; font-size: 13.5px; font-weight: 700; line-height: 1.5; background: rgba(0, 0, 0, .08); border: 2.5px solid #000; }
.hu-notice > b { flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; font: 900 14px/1 var(--hu-body); color: #000; background: var(--hu-y); border: 2px solid #000; border-radius: 50%; }
.hu-notice.is-warn { background: rgba(255, 138, 61, .16); border-color: #000; }
.hu-pnl-k .hu-notice, .hu-my .hu-notice { color: var(--hu-paper); border-color: rgba(246, 238, 220, .3); background: rgba(255, 138, 61, .12); }
.hu-empty { grid-column: 1 / -1; margin: 0; padding: 26px 18px; text-align: center; font-size: 15px; font-weight: 700; color: var(--hu-muted); border: 3px dashed rgba(246, 238, 220, .2); }
/* an empty list with a character: a small comic strip, not a dashed placeholder */
.hu-empty.has-art { display: flex; align-items: center; gap: 34px; padding: 18px 24px 20px; text-align: left; border: 0;
  background: radial-gradient(circle, rgba(0, 212, 255, .18) 30%, transparent 33%) 100% 0 / 10px 10px no-repeat, linear-gradient(170deg, #1B1B2E, #121220); box-shadow: inset 0 0 0 3px #000, 5px 5px 0 #000; }
.hu-empty-pic-s { width: 104px; flex: none; --pdx: 5px; --pdy: 6px; }
.hu-empty-bub { margin: 0; max-width: 470px; font-size: 15px; }
.hu-st { flex: none; display: inline-block; padding: 4px 8px 3px; font: 700 12px/1.2 var(--hu-body); letter-spacing: .3px; color: #000; border: 2px solid #000; background: var(--hu-paper); white-space: nowrap; }
.hu-st-pending { background: var(--hu-paper); }
.hu-st-tracking { background: var(--hu-c); }
.hu-st-final { background: var(--hu-y); }
.hu-st-ineligible { background: #4A4A63; color: var(--hu-paper); }
.hu-tag-ai, .hu-tag-me { display: inline-block; padding: 2px 6px 1px; font: 800 12px/1.3 var(--hu-body); letter-spacing: .2px; color: #000; background: var(--hu-m); border: 2px solid #000; white-space: nowrap; }
.hu-tag-ai-l { padding: 4px 9px 3px; font-size: 12.5px; }
.hu-tag-me { background: var(--hu-c); color: #000; }
.hu-livedot { display: inline-flex; align-items: center; gap: 6px; padding: 4px 9px 3px; font: 900 12px/1.2 var(--hu-body); letter-spacing: .6px; color: #000; background: var(--hu-up); border: 2px solid #000; }
.hu-livedot i { width: 9px; height: 9px; border-radius: 50%; background: #000; animation: hu-blink 1.2s steps(2) infinite; }
.hu-livedot.is-down { background: #8E8CAB; }
.hu-livedot[hidden] { display: none; }
.hu-livedot.is-down i { animation: none; opacity: .5; }
@keyframes hu-blink { 50% { opacity: .2; } }
.hu-toast { position: fixed; left: 0; right: 0; bottom: 28px; z-index: 200; width: max-content; max-width: 90vw; margin: 0 auto; padding: 12px 18px; font: 800 15px/1.4 var(--hu-body); color: #000; background: var(--y, #FFD400); border: 3px solid #000; box-shadow: 5px 5px 0 var(--m, #FF2E88); }

/* Full-body figures fit their CSS frame; the intrinsic 512 px must not enlarge a selected 256 px source. */
.hu-fig { position: relative; display: block; flex: none; width: var(--hu-fig-size, 200px); max-width: 100%; aspect-ratio: 1; }
.hu-fig > img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; }
.hu-poster-fig { width: 164px; margin: 8px auto 6px; }

/* ---------- avatars: AI-drawn critter heads in the shell's comic frame (BISUI.avatar); SVG faces only as fallback ---------- */
.hu-av { flex: none; display: inline-block; width: 36px; height: 36px; }
.hu-av svg { display: block; width: 100%; height: 100%; }
.hu-av.pic { height: auto; }
.hu-av-big { width: 96px; height: 96px; }
.hu-av-big.pic { height: auto; --pdx: 6px; --pdy: 7px; }

/* =====================================================================================
   金狗赏金 #/bounty
   ===================================================================================== */
.hu-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 22px; align-items: stretch; }
.hu-hero-l { display: flex; flex-direction: column; align-items: flex-start; min-height: 470px; padding: 34px 34px 28px; overflow: hidden; }
.hu-hero-l > .hu-nn { position: absolute; -webkit-mask-image: linear-gradient(105deg, rgba(0, 0, 0, .12) 0 42%, #000 72%); mask-image: linear-gradient(105deg, rgba(0, 0, 0, .12) 0 42%, #000 72%); }
.hu-board-hd > .hu-nn { -webkit-mask-image: linear-gradient(100deg, rgba(0, 0, 0, .15) 0 50%, #000 80%); mask-image: linear-gradient(100deg, rgba(0, 0, 0, .15) 0 50%, #000 80%); }
.hu-herostats { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 22px; }
.hu-hs { display: flex; flex-direction: column; min-width: 86px; padding: 8px 12px 7px; background: rgba(0, 0, 0, .55); border: 2.5px solid #000; box-shadow: 3px 3px 0 var(--hu-c); }
.hu-hs > .hu-hs-v { font: 30px/1 var(--hu-bang); letter-spacing: 1px; color: var(--hu-y); }
.hu-hs > i { margin-top: 3px; font-style: normal; font: 700 12px/1.2 var(--hu-body); color: var(--hu-muted); white-space: nowrap; }
/* before launch: a small chip, not a fat display-font dash (that read as a loading skeleton) */
.hu-hs > .hu-hs-pre { align-self: flex-start; margin: 1px 0 4px; padding: 3px 7px 2px; font: 700 12.5px/1.25 var(--hu-body); color: var(--hu-paper); background: #2A2A3E; border: 2px solid #000; white-space: nowrap; }
.hu-hs.is-none > i { margin-top: 1px; }
.hu-hs:nth-child(2) { box-shadow: 3px 3px 0 var(--hu-up); }
.hu-hs:nth-child(3) { box-shadow: 3px 3px 0 var(--hu-m); }
.hu-hs:nth-child(4) { box-shadow: 3px 3px 0 var(--hu-y); }
.hu-hero-l .hu-ctas { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 16px 18px; max-width: 520px; }
.hu-dots { position: absolute; right: -40px; bottom: -40px; width: 340px; height: 300px; z-index: 0; pointer-events: none; opacity: .55;
  background: radial-gradient(circle, var(--hu-m) 30%, transparent 33%) 0 0 / 11px 11px; -webkit-mask: radial-gradient(circle at 70% 70%, #000, transparent 68%); mask: radial-gradient(circle at 70% 70%, #000, transparent 68%); }
.hu-poster { position: absolute; right: 34px; top: 40px; z-index: 3; width: 214px; padding: 14px 14px 12px; color: #0B0B12; text-align: center; isolation: isolate; }
.hu-poster::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--hu-paper); border: 4px solid #000; box-shadow: 8px 8px 0 var(--hu-m), 8px 8px 0 4px #000; transform: rotate(3deg); }
.hu-poster::after { content: ''; position: absolute; left: 50%; top: -14px; width: 18px; height: 18px; margin-left: -9px; border-radius: 50%; background: var(--hu-m); border: 3px solid #000; }
.hu-poster-t { display: block; font: 46px/1 var(--hu-display); color: var(--hu-m); -webkit-text-stroke: 2px #000; paint-order: stroke fill; letter-spacing: 2px; }
html[lang="en"] .hu-poster-t, html[data-lang="en"] .hu-poster-t { font-family: var(--hu-bang); font-size: 48px; letter-spacing: 3px; }
.hu-poster-art { width: 164px; margin: 8px auto 6px; }
.hu-poster-art .pic { width: 100%; --pdx: 6px; --pdy: 7px; }
.hu-poster-s { display: block; margin-top: 4px; font: 800 12.5px/1.35 var(--hu-body); color: #0B0B12; }
.hu-poster-s > span { display: block; }
.hu-poster-r { display: block; margin-top: 6px; font: 34px/1 var(--hu-bang); letter-spacing: 1px; color: #0B0B12; text-shadow: 3px 3px 0 var(--hu-y); }
.hu-hero-burst { position: absolute; left: -62px; top: -38px; z-index: 4; width: 96px; height: 96px; pointer-events: none; }
.hu-hero-burst .hu-burst-t { font-size: 26px; }
.hu-hero-l .hu-mast, .hu-hero-l .hu-lead, .hu-hero-l .hu-kicker, .hu-hero-l .hu-ctas { max-width: calc(100% - 248px); }
.hu-hero-l .hu-mast { font-size: 86px; line-height: .98; white-space: normal; }
html[lang="en"] .hu-hero-l .hu-lead, html[data-lang="en"] .hu-hero-l .hu-lead { font-size: 16px; }
html[lang="en"] .hu-hero-l .hu-mast, html[data-lang="en"] .hu-hero-l .hu-mast { font-size: 84px; line-height: .9; }

.hu-hero-r { display: flex; flex-direction: column; padding: 28px 28px 24px; color: #000; overflow: hidden; }
.hu-hero-r > .hu-pool { flex: 1 0 auto; }
/* pre-launch: text at the top, the lucky cat with its bubble anchored at the foot, so the yellow panel is filled by
   the character instead of an empty block */
.hu-pool.is-pre { display: flex; flex-direction: column; align-items: flex-start; }
.hu-pool.is-pre > .hu-pre { max-width: 560px; }
.hu-hero-r::after { content: ''; position: absolute; right: -30px; top: -30px; width: 260px; height: 220px; z-index: 0; pointer-events: none; opacity: .5;
  background: radial-gradient(circle, rgba(0, 0, 0, .35) 30%, transparent 33%) 0 0 / 10px 10px; -webkit-mask: radial-gradient(circle at 70% 30%, #000, transparent 70%); mask: radial-gradient(circle at 70% 30%, #000, transparent 70%); }
.hu-pool { position: relative; z-index: 2; }
.hu-pool .hu-label { color: #000; }
.hu-pool-v { display: flex; align-items: baseline; gap: 10px; margin: 4px 0 10px; }
.hu-big { font: 88px/1 var(--hu-bang) !important; letter-spacing: 1px; color: #0B0B12; text-shadow: 5px 5px 0 var(--hu-m); font-variant-numeric: normal; }
.hu-pool-v > i { font: 34px/1 var(--hu-bang); font-style: normal; color: #0B0B12; }
.hu-capbar { position: relative; height: 22px; padding: 3px; background: #fff; border: 3px solid #000; box-shadow: 4px 4px 0 #000; }
.hu-capbar > i { display: block; height: 100%; min-width: 4px; background: repeating-linear-gradient(-45deg, var(--hu-m) 0 10px, #000 10px 14px); }
.hu-pool .hu-small { display: block; margin-top: 8px; color: #222; }
.hu-stats3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.hu-stat { min-width: 0; padding: 9px 10px 8px; background: #fff; border: 2.5px solid #000; box-shadow: 3px 3px 0 #000; }
.hu-stat-l { display: block; font: 800 12px/1.3 var(--hu-body); color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hu-stat-v { display: block; margin-top: 3px; font: 800 18px/1.15 var(--hu-body); color: #0B0B12; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hu-stats3-s .hu-stat { background: rgba(255, 255, 255, .55); box-shadow: none; }
.hu-stats3-s .hu-stat-v { font-size: 15.5px; }
.hu-reset { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 8px 12px 6px; background: #000; color: var(--hu-y); border: 3px solid #000; }
.hu-reset > span { font: 800 13px/1.3 var(--hu-body); color: var(--hu-paper); }
.hu-count { font: 36px/1 var(--hu-bang) !important; letter-spacing: 1.5px; color: var(--hu-y); text-shadow: 3px 3px 0 var(--hu-m); }
.hu-contract { margin: 12px 0 0; font-size: 12.5px; font-weight: 700; color: #222; }
.hu-contract a { margin-left: 6px; font: 800 12.5px/1.3 ui-monospace, Consolas, monospace; color: #0B0B12; text-decoration: underline; text-underline-offset: 2px; }
.hu-note { margin: 12px 0 0; font-size: 13px; font-weight: 700; line-height: 1.5; color: #222; }
.hu-pre { margin: 10px 0 0; font-size: 15px; font-weight: 700; line-height: 1.6; color: #111; }
.hu-pre[hidden] { display: none; }
.hu-pre-tags { display: flex; flex-wrap: wrap; gap: 10px 12px; margin-top: 16px; }
.hu-pre-tag { padding: 6px 10px 5px; font: 800 13px/1.25 var(--hu-body); color: #000; background: #fff; border: 2.5px solid #000; box-shadow: 3px 3px 0 #000; white-space: nowrap; }
.hu-pre-art { display: flex; align-items: center; gap: 30px; margin-top: 22px; }
.hu-pool.is-pre > .hu-pre-art { margin-top: auto; padding-top: 22px; }
.hu-pre-pic { width: 210px; flex: none; --pdx: 8px; --pdy: 9px; }
.hu-pre-say { margin: 0; max-width: 260px; font-size: 15px; }
.hu-hero-r .hu-h2 { margin-top: 12px; color: #0B0B12; -webkit-text-stroke: 0; text-shadow: 1px 1px 0 #fff, 2px 2px 0 #fff; }
.hu-hero-r .hu-notice { color: #111; }

/* ---------- sections ---------- */
.hu-sec { margin-top: 34px; }
.hu-sec-hd { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 16px; }
.hu-tiers { padding: 24px 26px 22px; }
.hu-ladder { display: grid; grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 10px; align-items: end; height: 220px; }
.hu-step { --h: calc(56px + var(--i) * 15px); position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 4px; height: var(--h); padding: 10px 4px 0;
  background: linear-gradient(180deg, var(--hu-c), #0A6E86); border: 3px solid #000; box-shadow: 4px 4px 0 #000; color: #000; }
.hu-step:nth-child(n+4) { background: linear-gradient(180deg, var(--hu-y), #C9A400); }
.hu-step:nth-child(n+8) { background: linear-gradient(180deg, var(--hu-m), #A3155A); color: #fff; }
.hu-step.is-max { background: repeating-linear-gradient(-45deg, var(--hu-m) 0 10px, #E0217A 10px 20px); box-shadow: 4px 4px 0 #000, 0 0 0 3px var(--hu-y); }
.hu-step-x { font: 26px/1 var(--hu-bang); letter-spacing: 1px; }
.hu-step.is-max .hu-step-x { font-size: 24px; }
.hu-step-r { font: 800 13px/1.2 var(--hu-body); white-space: nowrap; }
.hu-step-r b { font-size: 15px; }
.hu-step-r i { font-style: normal; font-size: 11px; }
.hu-tier-notes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 18px; }

.hu-grid2 { display: grid; grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); gap: 22px; align-items: start; }
.hu-calls { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 16px; }
.hu-calls-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.hu-more { grid-column: 1 / -1; justify-self: center; padding: 10px 18px; font: 800 14px/1 var(--hu-body); color: var(--hu-paper); background: var(--hu-panel2); border: 3px solid #000; box-shadow: 4px 4px 0 var(--hu-c); }
.hu-more:hover { transform: translate(-1px, -1px); }

/* call card */
.hu-call { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 16px; background: linear-gradient(180deg, #1B1B2C, #141422); }
.hu-call.is-ai { background: linear-gradient(160deg, #2A1028, #161424 55%); }
.hu-call.is-ai::before { content: ''; position: absolute; right: 0; top: 0; width: 130px; height: 90px; z-index: 0; pointer-events: none; opacity: .5;
  background: radial-gradient(circle, var(--hu-m) 30%, transparent 33%) 0 0 / 9px 9px; -webkit-mask: radial-gradient(circle at 100% 0, #000, transparent 70%); mask: radial-gradient(circle at 100% 0, #000, transparent 70%); }
.hu-call.is-mine { box-shadow: 0 0 0 3px var(--hu-c); }
.hu-call > :not(.frame) { position: relative; z-index: 1; }
.hu-call-hd { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.hu-tok { display: flex; flex-direction: column; min-width: 0; }
.hu-sym { font: 800 19px/1.2 var(--hu-body); color: var(--hu-y); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hu-tok:hover .hu-sym { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.hu-call-who { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 30px; }
.hu-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font: 800 13.5px/1.2 var(--hu-body); color: var(--hu-paper); }
.hu-who:hover .hu-who-n { color: var(--hu-c); }
.hu-ago { font-size: 12px; font-weight: 700; color: var(--hu-dim); white-space: nowrap; }

/* progress meter: log scale 1x → 100x, ticks at 2x (points) and the paid tiers */
.hu-meter { --fc: var(--hu-c); }
.hu-lv-cold { --fc: #5B6C8F; } .hu-lv-warm { --fc: var(--hu-c); } .hu-lv-win { --fc: var(--hu-y); } .hu-lv-hot { --fc: var(--hu-m); } .hu-lv-idle { --fc: #3A3A52; }
.hu-mult { display: flex; align-items: baseline; gap: 8px; margin-bottom: 6px; }
.hu-mult-v { font: 34px/1 var(--hu-bang); letter-spacing: 1px; color: var(--fc); text-shadow: 2px 2px 0 #000; }
.hu-lv-idle .hu-mult-v { color: var(--hu-dim); }
.hu-mult-l { font-size: 12px; font-weight: 800; color: var(--hu-muted); }
.hu-down { margin-left: auto; font-size: 12px; font-weight: 800; color: var(--hu-down); }
.hu-track { position: relative; height: 18px; background: #0B0B12; border: 3px solid #000; box-shadow: 0 0 0 2px rgba(246, 238, 220, .15); overflow: hidden; }
.hu-fill { position: absolute; left: 0; top: 0; bottom: 0; background: repeating-linear-gradient(-45deg, var(--fc) 0 8px, color-mix(in srgb, var(--fc) 70%, #000) 8px 12px); transition: width .6s ease; }
.hu-tick { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: rgba(246, 238, 220, .35); }
.hu-tick-pay { width: 3px; margin-left: -1px; background: var(--hu-y); }
.hu-ghost { position: absolute; top: -2px; bottom: -2px; width: 0; border-left: 2px dashed var(--hu-m); }
.hu-ticklabels { position: relative; height: 16px; margin-top: 3px; font: 800 11px/16px var(--hu-body); color: var(--hu-dim); }
.hu-ticklabels > span { position: absolute; top: 0; width: 40px; margin-left: -20px; text-align: center; }
.hu-ticklabels > span:last-child { left: auto !important; right: 0; margin: 0; text-align: right; }
.hu-ticklabels > .hu-tl-10 { color: var(--hu-y); }
.hu-facts { display: flex; align-items: center; gap: 12px; }
.hu-fact { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.hu-fact > i { font-style: normal; font-size: 12px; font-weight: 700; color: var(--hu-dim); white-space: nowrap; }
.hu-fact > b { font-size: 14.5px; font-weight: 800; color: var(--hu-paper); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hu-ring { position: relative; flex: none; display: grid; place-items: center; width: 42px; height: 42px; color: var(--hu-c); }
.hu-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.hu-ring > b { position: relative; font: 800 12.5px/1 var(--hu-body); color: var(--hu-paper); }
.hu-c-final .hu-ring { color: var(--hu-y); }
.hu-res { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding-top: 8px; border-top: 2px dashed rgba(246, 238, 220, .14); }
.hu-pay { padding: 3px 8px 2px; font: 900 13px/1.3 var(--hu-body); color: #000; background: var(--hu-y); border: 2px solid #000; }
.hu-pay.is-ai { background: transparent; color: var(--hu-m); border-color: var(--hu-m); border-style: dashed; }
.hu-rank, .hu-pts { padding: 3px 7px 2px; font: 800 12.5px/1.3 var(--hu-body); color: var(--hu-paper); background: var(--hu-panel3); border: 2px solid #000; }
.hu-why { font-size: 12.5px; font-weight: 700; color: var(--hu-muted); line-height: 1.45; }
.hu-aibox { padding: 9px 10px; background: rgba(255, 46, 136, .1); border: 2px solid rgba(255, 46, 136, .55); }
.hu-aiodds { display: block; font: 800 12.5px/1.45 var(--hu-body); color: #FFC2DC; }
.hu-aiq { margin: 5px 0 0; font-size: 13px; font-weight: 600; line-height: 1.5; color: var(--hu-text); }
.hu-aiq > b { color: var(--hu-m); font-weight: 900; }
.hu-txl { align-self: flex-start; font: 700 12px/1.3 ui-monospace, Consolas, monospace; color: var(--hu-dim); }
.hu-txl:hover { color: var(--hu-c); }

/* my bounty */
.hu-my { padding: 20px 20px 22px; margin-top: 0; }
.hu-grid2 > .hu-my { margin-top: 50px; }
.hu-me { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.hu-me-a { font: 800 15px/1.2 var(--hu-body); color: var(--hu-paper); }
.hu-me .hu-link { margin-left: auto; }
.hu-mygrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.hu-mygrid .hu-stat, .hu-prof-money .hu-stat, .hu-pstat .hu-stat { background: var(--hu-panel2); border-color: #000; box-shadow: 3px 3px 0 #000; }
.hu-mygrid .hu-stat-l, .hu-prof-money .hu-stat-l, .hu-pstat .hu-stat-l { color: var(--hu-muted); }
.hu-mygrid .hu-stat-v, .hu-prof-money .hu-stat-v, .hu-pstat .hu-stat-v { color: var(--hu-paper); font-size: 16.5px; }
.hu-stat.is-ai .hu-stat-v { color: var(--hu-m); }
.hu-claimable { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-top: 14px; padding: 10px 12px; background: #000; border: 3px solid var(--hu-y); }
.hu-claimable > span { font-size: 13px; font-weight: 800; color: var(--hu-paper); }
.hu-claimable > b { font-size: 22px; font-weight: 900; color: var(--hu-y); }
.hu-claim { width: 100%; margin-top: 14px; font-size: 17px; padding: 15px 18px 14px; }
.hu-my > .hu-btn { margin-top: 12px; }
.hu-my .hu-link, .hu-prof-claim .hu-link { margin-top: 14px; }
.hu-tx { margin: 12px 0 0; font-size: 13.5px; font-weight: 700; color: var(--hu-paper); }
.hu-tx a { color: var(--hu-c); text-decoration: underline; }
.hu-tx.is-err { color: #FFB4B4; }

/* rules strip (6 comic panels) */
.hu-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.hu-rule { min-height: 168px; padding: 18px 18px 18px 72px; }
.hu-rule p { margin: 0; font-size: 14.5px; font-weight: 600; line-height: 1.6; }
.hu-rule:nth-child(1) { background: var(--hu-y); color: #000; }
.hu-rule:nth-child(2) { background: #12324A; }
.hu-rule:nth-child(3) { background: var(--hu-paper); color: #0B0B12; }
.hu-rule:nth-child(4) { background: #3A1030; }
.hu-rule:nth-child(5) { background: var(--hu-c); color: #000; }
.hu-rule:nth-child(6) { background: #1C1C2A; }
.hu-rule-n { position: absolute; left: 16px; top: 16px; display: grid; place-items: center; width: 42px; height: 42px; font: 28px/1 var(--hu-bang); color: #000; background: var(--hu-paper); border: 3px solid #000; border-radius: 50%; box-shadow: 3px 3px 0 var(--hu-m); }
.hu-rule:nth-child(1) .hu-rule-n, .hu-rule:nth-child(3) .hu-rule-n { background: #fff; }
.hu-rule:nth-child(5) .hu-rule-n { box-shadow: 3px 3px 0 #000; }
.hu-rule .hu-rule-gate { margin-top: 8px; padding-top: 8px; border-top: 2px solid rgba(0, 0, 0, .35); font-size: 13.5px; font-weight: 800; }

/* disclosure: short bullets with a bold lead-in, two columns of ~68ch on wide screens */
.hu-disc { margin-top: 34px; padding: 22px 26px 18px; }
.hu-disc-l { margin: 14px 0 0; padding-left: 20px; columns: 2 380px; column-gap: 48px; }
.hu-disc-l li { margin: 0 0 10px; max-width: 68ch; font-size: 14px; font-weight: 600; line-height: 1.6; color: #1A1A24; break-inside: avoid; }
.hu-disc-l li > b { margin-right: .45em; font-weight: 800; color: #0B0B12; }

/* =====================================================================================
   猎手榜 #/hunters
   ===================================================================================== */
.hu-board-hd { padding: 30px 32px 26px; overflow: hidden; }
.hu-board-hd > .hu-kicker, .hu-board-hd > .hu-mast, .hu-board-hd > .hu-lead, .hu-board-hd > .hu-tabs { position: relative; z-index: 2; }
.hu-board-burst { position: absolute; right: 30px; top: 22px; z-index: 1; width: 150px; height: 150px; pointer-events: none; }
.hu-board-burst .hu-burst-t { font-size: 40px; letter-spacing: 1.5px; }
.hu-tabs { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 6px; }
.hu-tab { padding: 10px 18px 9px; font: 800 15px/1 var(--hu-body); color: var(--hu-paper); background: var(--hu-panel2); border: 3px solid #000; box-shadow: 4px 4px 0 #000; transition: transform .12s ease; }
.hu-tab:hover { transform: translate(-1px, -1px); }
.hu-tab[aria-selected="true"] { color: #000; background: var(--hu-y); box-shadow: 4px 4px 0 var(--hu-m), 4px 4px 0 3px #000; }
.hu-podium { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: end; margin-top: 34px; }
.hu-pod { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 30px 18px 18px; text-align: center; background: linear-gradient(180deg, #1D1D30, #141422); }
.hu-pod-1 { padding-top: 44px; background: linear-gradient(180deg, #2E2A10, #17150A 70%); }
.hu-pod-1 .hu-av-big { width: 104px; height: 104px; }
.hu-pod.is-ai { background: linear-gradient(180deg, #34102C, #171024 70%); }
.hu-pod.is-me { box-shadow: 0 0 0 3px var(--hu-c); }
.hu-pod-n { position: absolute; left: 6px; top: 6px; z-index: 3; width: 74px; height: 74px; }
.hu-pod-1 .hu-pod-n { width: 92px; height: 92px; left: 2px; top: 2px; }
.hu-pod-n .hu-burst-t { font-size: 34px; }
.hu-pod-1 .hu-pod-n .hu-burst-t { font-size: 40px; }
.hu-pod-name { font: 800 18px/1.2 var(--hu-body); color: var(--hu-paper); }
.hu-pod-pts { display: flex; align-items: baseline; gap: 6px; }
.hu-pod-pts > b { font: 48px/1 var(--hu-bang); letter-spacing: 1px; color: var(--hu-y); text-shadow: 3px 3px 0 #000; }
.hu-pod-pts > i { font-style: normal; font-size: 13px; font-weight: 800; color: var(--hu-muted); }
.hu-pod-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; width: 100%; margin-top: 4px; }
.hu-pod-row > span { display: flex; flex-direction: column; padding: 7px 4px 6px; background: rgba(0, 0, 0, .35); border: 2px solid #000; }
.hu-pod-row i { font-style: normal; font-size: 12px; font-weight: 700; color: var(--hu-dim); }
.hu-pod-row b { font-size: 14px; font-weight: 800; color: var(--hu-paper); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hu-pod:hover { transform: translate(0, -3px); }
.hu-emptybox { grid-column: 1 / -1; display: flex; align-items: center; gap: 46px; padding: 30px 40px 30px 34px; overflow: hidden; }
.hu-empty-pic { width: 188px; flex: none; --pdx: 9px; --pdy: 10px; }
.hu-empty-main { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 20px; min-width: 0; }
.hu-empty-say { margin: 0; max-width: 520px; font-size: 16px; font-weight: 700; }
.hu-empty-burst { flex: none; width: 110px; height: 110px; }
.hu-empty-burst .hu-burst-t { font-size: 40px; }
.hu-empty-burst-s { position: absolute; right: 26px; top: 18px; width: 96px; height: 96px; }
.hu-empty-burst-s .hu-burst-t { font-size: 34px; }
/* pre-launch: three empty podium seats (unhatched eggs, no names, no scores) */
.hu-seats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: end; }
.hu-seat { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 34px 18px 20px; text-align: center; background: linear-gradient(180deg, #18182A, #121220); }
.hu-seat-1 { padding-top: 46px; background: linear-gradient(180deg, #24220F, #15140A 70%); }
.hu-seat-n { position: absolute; left: 6px; top: 6px; z-index: 3; width: 66px; height: 66px; }
.hu-seat-1 .hu-seat-n { width: 80px; height: 80px; }
.hu-seat-n .hu-burst-t { font-size: 30px; }
.hu-seat-1 .hu-seat-n .hu-burst-t { font-size: 34px; }
.hu-seat-egg { width: 84px; }
.hu-seat-1 .hu-seat-egg { width: 96px; }
.hu-seat-egg img { filter: grayscale(.85) brightness(.55); } /* picture only, no text inside */
.hu-seat-t { font: 700 15px/1.2 var(--hu-body); color: var(--hu-muted); }
.hu-seat-p { display: flex; align-items: center; gap: 8px; }
.hu-seat-p > i { font-style: normal; font-size: 13px; font-weight: 700; color: var(--hu-dim); }

/* how points work (under the podium while the board is empty) */
.hu-ptsbox { margin-top: 26px; padding: 22px 26px 24px; overflow: hidden; background: linear-gradient(170deg, #142234, #121220 62%); }
.hu-ptsbox > .hu-dots { right: -60px; bottom: auto; top: -60px; opacity: .45; }
.hu-ptsbox > .hu-sec-hd { position: relative; z-index: 2; margin-bottom: 18px; }
.hu-ptsl { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.hu-pt { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 12px 6px 10px; text-align: center; color: #000; background: linear-gradient(180deg, var(--hu-c), #0A6E86); border: 3px solid #000; box-shadow: 4px 4px 0 #000; }
.hu-pt-3, .hu-pt-4 { background: linear-gradient(180deg, var(--hu-y), #C9A400); }
.hu-pt.is-max { color: #fff; background: repeating-linear-gradient(-45deg, var(--hu-m) 0 10px, #E0217A 10px 20px); box-shadow: 4px 4px 0 #000, 0 0 0 3px var(--hu-y); }
.hu-pt-x { font: 30px/1 var(--hu-bang); letter-spacing: 1px; }
.hu-pt-v { font: 800 13px/1.2 var(--hu-body); white-space: nowrap; }
.hu-pt-v > b { font-size: 17px; font-weight: 900; }
.hu-pt-v > i { margin-left: 3px; font-style: normal; font-size: 12px; }
.hu-pts-notes { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 8px 26px; margin: 18px 0 0; padding: 0; list-style: none; }
.hu-pts-notes li { position: relative; padding-left: 18px; font: 700 13.5px/1.5 var(--hu-body); color: var(--hu-paper); }
.hu-pts-notes li::before { content: ''; position: absolute; left: 0; top: .42em; width: 9px; height: 9px; background: var(--hu-y); border: 2px solid #000; }
.hu-table { margin-top: 26px; }
.hu-tbl { display: flex; flex-direction: column; }
.hu-tr { display: grid; grid-template-columns: 64px minmax(0, 2.2fr) repeat(4, minmax(0, .8fr)) minmax(0, .9fr) minmax(0, 1.2fr); align-items: center; gap: 10px; padding: 11px 18px; border-bottom: 2px solid rgba(0, 0, 0, .8); }
.hu-th { background: #000; padding-top: 12px; padding-bottom: 10px; }
.hu-th .hu-td { font: 800 12px/1.2 var(--hu-body); letter-spacing: .4px; color: var(--hu-muted); }
a.hu-tr:hover { background: rgba(246, 238, 220, .05); }
.hu-tr.is-ai { background: linear-gradient(90deg, rgba(255, 46, 136, .22), rgba(255, 46, 136, .04) 60%); box-shadow: inset 6px 0 0 var(--hu-m); }
.hu-tr.is-me { background: rgba(0, 212, 255, .1); box-shadow: inset 6px 0 0 var(--hu-c); }
.hu-td { min-width: 0; font-size: 14.5px; font-weight: 700; color: var(--hu-paper); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hu-td-rank { font-weight: 900; color: var(--hu-muted); }
.hu-tr.is-top .hu-td-rank { color: var(--hu-y); }
.hu-td-hunter { display: flex; align-items: center; gap: 9px; }
.hu-td-hunter > b { font-weight: 800; overflow: hidden; text-overflow: ellipsis; }
.hu-td-points { font-weight: 900; color: var(--hu-y); }
.hu-td-earned.is-ai { color: var(--hu-m); }
.hu-live-n { padding: 1px 6px; font: 700 12px/1.4 var(--hu-body); color: #000; background: var(--hu-c); border: 2px solid #000; }
.hu-ainote { display: flex; align-items: center; gap: 12px; margin: 16px 0 0; font-size: 13.5px; font-weight: 700; color: var(--hu-muted); }
.hu-ainote[hidden] { display: none; }
.hu-ainote .hu-av { width: 40px; }

/* =====================================================================================
   猎手档案 #/h/<addr|ai>
   ===================================================================================== */
.hu-back { display: inline-block; margin-bottom: 14px; font: 800 14px/1 var(--hu-body); color: var(--hu-c); }
.hu-back:hover { color: var(--hu-y); }
/* hero: critter + name; while nothing is recorded ("is-empty") the critter is big and talks (one comic panel instead
   of a grid of empty tiles); with a record it shrinks to a portrait above the stats */
.hu-prof-hd { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "art who"; align-items: center; gap: 16px 30px; padding: 26px 30px; overflow: hidden; }
.hu-prof-hd.is-empty { grid-template-areas: "art who" "art say"; gap: 18px 40px; padding: 34px 40px 36px 38px; }
.hu-prof-hd > .hu-nn { -webkit-mask-image: linear-gradient(100deg, rgba(0, 0, 0, .12) 0 45%, #000 80%); mask-image: linear-gradient(100deg, rgba(0, 0, 0, .12) 0 45%, #000 80%); }
.hu-prof-hd > .hu-dots { opacity: .5; }
.hu-prof-av { grid-area: art; position: relative; z-index: 2; width: 128px; }
.hu-prof-hd.is-empty .hu-prof-av { width: 200px; align-self: center; }
.hu-prof-pic { position: relative; z-index: 2; width: 100%; --pdx: 8px; --pdy: 9px; }
.hu-prof-av .hu-av-big { position: relative; z-index: 2; width: 100%; height: auto; }
.hu-prof-av .hu-brain { inset: -20%; width: 140%; height: 140%; z-index: 1; opacity: .85; }
.hu-prof-burst { position: absolute; z-index: 3; right: -30px; top: -20px; width: 78px; height: 78px; }
.hu-prof-burst .hu-burst-t { font-size: 32px; }
.hu-prof-hd:not(.is-empty) .hu-prof-burst, .hu-prof-hd:not(.is-empty) .hu-prof-say { display: none; }
.hu-prof-who { grid-area: who; position: relative; z-index: 2; min-width: 0; }
.hu-prof-who .hu-mast { margin: 10px 0 8px; }
.hu-prof-who .hu-prestamp { margin: 12px 0 0; }
/* the wallet address: lowercase UI face with tabular digits on its own line, clamped to the panel (never the all-caps
   display face) */
.hu-prof-id { max-width: 100%; margin: 0 0 8px; font: 800 min(56px, 10vw)/1.08 var(--hu-body); letter-spacing: -.01em; color: var(--hu-paper);
  text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000; overflow-wrap: anywhere; }
.hu-prof-addr { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.hu-prof-addr .hu-mono { font-size: 13px; color: var(--hu-paper); word-break: break-all; }
.hu-prof-say { grid-area: say; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; min-width: 0; }
.hu-prof-bub { margin: 0; max-width: 640px; font-size: 16px; }
.hu-prof-note { margin: 2px 0 0 4px; }
.hu-prof-say .hu-ctas { display: flex; flex-wrap: wrap; gap: 14px 18px; margin-top: 4px; }
.hu-prof-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 24px; }
.hu-pstat { padding: 16px 16px 16px; background: linear-gradient(170deg, #1B1B2E, #131320); }
.hu-pstat .hu-h3 { color: var(--hu-c); }
.hu-pstat-pts { display: flex; align-items: baseline; gap: 6px; margin: 2px 0 10px; }
.hu-pstat-pts > b { font: 46px/1 var(--hu-bang); color: var(--hu-y); text-shadow: 3px 3px 0 #000; }
.hu-pstat-pts > i { font-style: normal; font-size: 13px; font-weight: 800; color: var(--hu-muted); }
.hu-pstat-g { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.hu-prof-money { margin-top: 24px; padding: 20px 22px; }
.hu-prof-money .hu-mygrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hu-note-ai { margin: 12px 0 0; max-width: 68ch; font-size: 13.5px; font-weight: 700; line-height: 1.5; color: #FFC2DC; }
.hu-prof-claim { margin-top: 6px; }
.hu-my-inner .hu-sec-hd { display: none; }

/* AI hunter: how it picks (four steps, JEV front and centre), its state and recent runs */
.hu-ai-about { padding: 24px 26px 24px; overflow: hidden; background: linear-gradient(165deg, #2A1030, #151424 58%); }
.hu-ai-about > .hu-dots { right: -50px; bottom: auto; top: -50px; opacity: .4; }
.hu-ai-about > .hu-sec-hd { position: relative; z-index: 2; }
.hu-aisteps { position: relative; z-index: 2; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.hu-aistep { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px 16px 18px; background: var(--hu-panel2); border: 3px solid #000; box-shadow: 4px 4px 0 #000; }
.hu-aistep .hu-rule-n { position: static; flex: none; margin-bottom: 4px; width: 40px; height: 40px; font-size: 26px; }
.hu-aistep-t { font: 800 16px/1.3 var(--hu-body); color: var(--hu-y); }
.hu-aistep-b { font: 600 13.5px/1.6 var(--hu-body); color: var(--hu-text); }
.hu-aistep-2 { background: var(--hu-y); box-shadow: 4px 4px 0 var(--hu-m), 4px 4px 0 3px #000; }
.hu-aistep-2 .hu-aistep-t, .hu-aistep-2 .hu-aistep-b { color: #0B0B12; }
.hu-aistep-2 .hu-rule-n { background: #fff; }
.hu-ai-foot { position: relative; z-index: 2; margin: 18px 0 0; max-width: 68ch; font: 600 14px/1.6 var(--hu-body); color: var(--hu-muted); }
.hu-ai-state { position: relative; z-index: 2; display: inline-block; margin: 12px 0 0; padding: 6px 10px 5px; font: 700 13.5px/1.4 var(--hu-body); color: var(--hu-paper); background: rgba(0, 0, 0, .4); border: 2px solid #000; }
.hu-ai-state.is-on { color: #000; background: var(--hu-up); }
.hu-ai-about > .hu-h3 { position: relative; z-index: 2; margin-top: 22px; }
.hu-runs { position: relative; z-index: 2; list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.hu-run { padding: 10px 12px; background: rgba(0, 0, 0, .3); border: 2px solid #000; }
.hu-run > b { font-size: 13.5px; font-weight: 800; color: var(--hu-paper); }
.hu-run-why { margin-left: 10px; font-size: 12.5px; font-weight: 700; color: var(--hu-muted); }

/* an id that is not an address: the question-mark cat says so */
.hu-bad { display: flex; align-items: center; gap: 44px; padding: 34px 40px 34px 38px; overflow: hidden; }
.hu-bad-pic { position: relative; z-index: 2; width: 176px; flex: none; --pdx: 8px; --pdy: 9px; }
.hu-bad-main { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; min-width: 0; }
.hu-bad-main .hu-mast { margin: 2px 0 4px; }
.hu-bad-say { margin: 0 0 6px; max-width: 560px; font-size: 16px; }
.hu-bad-main .hu-ctas { display: flex; flex-wrap: wrap; gap: 14px 18px; }
.hu-cands { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.hu-cand { display: inline-flex; flex-direction: column; padding: 6px 9px; background: var(--hu-panel2); border: 2px solid #000; }
.hu-cand > b { font-size: 13px; font-weight: 800; color: var(--hu-paper); }
.hu-cand > span { font-size: 12px; font-weight: 700; color: var(--hu-muted); }
.hu-cand.is-pick { background: var(--hu-y); }
.hu-cand.is-pick > b, .hu-cand.is-pick > span { color: #000; }
.hu-cand.is-skip { opacity: .6; }

/* =====================================================================================
   token-page CALL widget
   ===================================================================================== */
.hu.hu-cw { max-width: none; margin: 0; padding: 18px 18px 16px; }
.hu.hu-cw.is-nested { padding: 4px 0 0; background: none; }
.hu-cw-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title btn" "meta btn"; align-items: center; gap: 8px 16px; }
.hu-cw-title { grid-area: title; display: flex; align-items: center; gap: 12px; }
.hu-cw-meta { grid-area: meta; display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 13px; font-weight: 700; color: var(--hu-muted); }
.hu-cw-left { color: var(--hu-c); font-weight: 800; }
.hu-cw-btn { grid-area: btn; position: relative; padding: 12px 26px 10px; font: 34px/1 var(--hu-bang); letter-spacing: 2px; color: #000; background: var(--hu-y); border: 3px solid #000;
  box-shadow: 6px 6px 0 var(--hu-m), 6px 6px 0 3px #000; transition: transform .12s ease, box-shadow .12s ease; }
.hu-cw-btn:hover:not([disabled]) { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--hu-m), 8px 8px 0 3px #000; }
.hu-cw-btn:active:not([disabled]) { transform: translate(4px, 4px); box-shadow: 2px 2px 0 var(--hu-m), 2px 2px 0 3px #000; }
.hu-cw-btn[disabled] { cursor: not-allowed; color: #3A3A52; background: #8E8CAB; box-shadow: 4px 4px 0 #000; }
.hu-cw-btn.is-called[disabled] { color: #000; background: var(--hu-up); box-shadow: 6px 6px 0 var(--hu-c), 6px 6px 0 3px #000; cursor: default; }
/* pre-launch: the button keeps its colours and a stamp says why it is closed (upright text on a tilted plate) */
.hu-cw-btnw { grid-area: btn; position: relative; }
.hu.hu-cw.is-pre .hu-cw-btn[disabled] { color: #000; background: var(--hu-y); box-shadow: 6px 6px 0 var(--hu-m), 6px 6px 0 3px #000; }
.hu-cw-stamp { position: absolute; z-index: 3; right: -8px; bottom: -17px; display: inline-block; padding: 5px 10px 4px; font: 800 13px/1.25 var(--hu-body); color: #000; white-space: nowrap; pointer-events: none; isolation: isolate; }
.hu-cw-stamp::before { content: ''; position: absolute; inset: 0; z-index: -1; background: var(--hu-m); border: 2.5px solid #000; box-shadow: 3px 3px 0 #000; transform: rotate(-3deg); }
.hu-cw-stamp > span { position: relative; }
.hu.hu-cw.is-pre .hu-cw-meta { margin-top: 6px; }
.hu-cw-msg { min-height: 0; margin: 10px 0 0; font-size: 13.5px; font-weight: 700; line-height: 1.5; color: var(--hu-paper); }
.hu-cw-msg:empty { display: none; }
.hu-cw-msg.is-err { color: #FFB4B4; } .hu-cw-msg.is-ok { color: var(--hu-up); } .hu-cw-msg.is-warn { color: #FFC48A; } .hu-cw-msg.is-muted { color: var(--hu-muted); }
.hu-cw-msg a { color: var(--hu-c); text-decoration: underline; }
.hu-cw-mine { margin-top: 12px; }
.hu-cw-mine:empty { display: none; }
.hu-cw-wait { margin: 0; padding: 10px 12px; font-size: 13.5px; font-weight: 700; color: var(--hu-paper); border: 2px dashed var(--hu-c); }
.hu-cw-list { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; }
.hu-cw-list:empty { display: none; }
.hu-cw-lt { font-size: 12px; font-weight: 800; color: var(--hu-dim); }
.hu-cw-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 6px 8px; background: rgba(0, 0, 0, .3); border: 2px solid #000; }
.hu-cw-row .hu-av { width: 34px; height: 34px; }
.hu-cw-row .hu-av.pic { height: auto; }
.hu-cw-row.is-ai { box-shadow: inset 4px 0 0 var(--hu-m); }
.hu-cw-row.is-mine { box-shadow: inset 4px 0 0 var(--hu-c); }
.hu-cw-who { font-size: 13px; font-weight: 800; color: var(--hu-paper); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hu-cw-x { font-size: 14px; font-weight: 900; color: var(--fc, var(--hu-paper)); }
.hu-cw-rules { display: inline-block; margin-top: 12px; font: 800 13.5px/1.4 var(--hu-body); color: var(--hu-y); text-decoration: underline; text-underline-offset: 3px; }
.hu-cw-mev { margin: 8px 0 0; font-size: 12px; font-weight: 600; line-height: 1.5; color: var(--hu-dim); }

/* =====================================================================================
   responsive
   ===================================================================================== */
@media (max-width: 1100px) {
  .hu-hero { grid-template-columns: 1fr; }
  .hu-grid2 { grid-template-columns: 1fr; }
  .hu-grid2 > .hu-my { margin-top: 0; order: -1; }
  .hu-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hu-prof-money .hu-mygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hu-aisteps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hu { padding: 16px 16px 56px; font-size: 14.5px; }
  .hu-mast { font-size: 58px; -webkit-text-stroke: 6px #000; text-shadow: -3px -2px 0 var(--hu-c), 4px 3px 0 var(--hu-m); }
  .hu-mast-sm, html[lang="en"] .hu-mast-sm, html[data-lang="en"] .hu-mast-sm { font-size: 48px; -webkit-text-stroke: 5px #000; }
  html[lang="en"] .hu-mast, html[data-lang="en"] .hu-mast { font-size: 50px; white-space: normal; line-height: .95; }
  .hu-h2 { font-size: 28px; } html[lang="en"] .hu-h2, html[data-lang="en"] .hu-h2 { font-size: 30px; }
  .hu-hero-l { min-height: 0; padding: 22px 18px 24px; }
  .hu-hero-l .hu-mast, .hu-hero-l .hu-lead, .hu-hero-l .hu-kicker, .hu-hero-l .hu-ctas, .hu-herostats { max-width: none; }
  .hu-hero-l .hu-mast { font-size: 58px; }
  html[lang="en"] .hu-hero-l .hu-mast, html[data-lang="en"] .hu-hero-l .hu-mast { font-size: 52px; }
  .hu-herostats { order: 5; }
  .hu-hs { min-width: 0; flex: 1 1 40%; }
  .hu-poster { position: relative; right: auto; top: auto; align-self: center; width: 184px; margin: 30px auto 8px; order: 4; }
  .hu-poster-art { width: 132px; }
  .hu-poster-t { font-size: 40px; }
  .hu-poster-r { font-size: 28px; }
  .hu.hu-cw { padding: 16px 14px 14px; }
  .hu-hero-burst { left: -38px; top: -32px; width: 84px; height: 84px; }
  .hu-hero-burst .hu-burst-t { font-size: 23px; }
  .hu-hero-r { padding: 22px 18px 20px; }
  .hu-big { font-size: 64px !important; }
  .hu-pool-v > i { font-size: 26px; }
  .hu-stats3 { gap: 8px; }
  .hu-stat { padding: 7px 8px 6px; }
  .hu-stat-v { font-size: 15px; }
  .hu-count { font-size: 30px !important; }
  .hu-tiers { padding: 18px 14px 18px; }
  .hu-ladder { grid-template-columns: repeat(5, minmax(0, 1fr)); height: auto; gap: 8px; align-items: stretch; }
  .hu-step { --h: auto; height: auto; min-height: 66px; padding: 8px 2px 8px; }
  .hu-step-x { font-size: 22px; }
  .hu-step.is-max .hu-step-x { font-size: 22px; }
  .hu-calls, .hu-calls-3 { grid-template-columns: 1fr; }
  .hu-strip { grid-template-columns: 1fr; }
  .hu-rule { min-height: 0; padding: 16px 16px 16px 66px; }
  .hu-disc { padding: 18px 16px 12px; }
  .hu-board-hd { padding: 22px 18px 20px; }
  .hu-board-burst { width: 84px; height: 84px; right: 4px; top: 6px; }
  .hu-board-burst .hu-burst-t { font-size: 24px; letter-spacing: 1px; }
  /* the title never runs under the TOP! sticker */
  .hu-board-hd > .hu-mast { max-width: calc(100% - 70px); }
  html[lang="en"] .hu-board-hd > .hu-mast-sm, html[data-lang="en"] .hu-board-hd > .hu-mast-sm { font-size: 44px; }
  .hu-podium { grid-template-columns: 1fr; gap: 14px; margin-top: 24px; }
  .hu-pod-1 { order: -1; }
  .hu-pod { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-rows: auto auto auto; align-items: center; gap: 4px 12px; padding: 16px 14px 14px; text-align: left; }
  .hu-pod-1 { padding-top: 16px; }
  .hu-pod .hu-av-big, .hu-pod-1 .hu-av-big { grid-column: 1; grid-row: 1 / span 2; width: 64px; height: 64px; }
  .hu-pod .hu-av-big.pic { height: auto; }
  .hu-pod-name { grid-column: 2; grid-row: 1; align-self: end; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hu-pod > .hu-tag-ai, .hu-pod > .hu-tag-me { grid-column: 2; grid-row: 2; justify-self: start; align-self: start; }
  .hu-pod-pts { grid-column: 3; grid-row: 1 / span 2; flex-direction: column; align-items: flex-end; gap: 0; }
  .hu-pod-pts > b { font-size: 40px; }
  .hu-pod-row { grid-column: 1 / -1; grid-row: 3; margin-top: 8px; }
  .hu-pod-n, .hu-pod-1 .hu-pod-n { width: 48px; height: 48px; left: 2px; top: 2px; }
  .hu-pod-n .hu-burst-t, .hu-pod-1 .hu-pod-n .hu-burst-t { font-size: 22px; }
  .hu-seats { gap: 10px; }
  .hu-seat, .hu-seat-1 { padding: 34px 6px 14px; gap: 8px; }
  .hu-seat-egg, .hu-seat-1 .hu-seat-egg { width: 64px; }
  .hu-seat-n, .hu-seat-1 .hu-seat-n { width: 48px; height: 48px; left: 0; top: 0; }
  .hu-seat-n .hu-burst-t, .hu-seat-1 .hu-seat-n .hu-burst-t { font-size: 22px; }
  .hu-seat-t { font-size: 13px; }
  .hu-seat-p { flex-direction: column; gap: 4px; }
  .hu-seat-p > i { font-size: 12px; }
  .hu-seat-p > .hu-chip { padding: 2px 6px 1px; font-size: 12px; }
  .hu-ptsbox { padding: 18px 14px 18px; }
  .hu-ptsl { display: flex; flex-wrap: wrap; gap: 10px; }
  .hu-pt { flex: 1 1 28%; min-width: 0; }
  .hu-pt-x { font-size: 26px; }
  .hu-pts-notes { flex-direction: column; gap: 6px; }
  .hu-th { display: none; }
  .hu-tr { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px 10px; padding: 12px 12px; }
  .hu-td-rank { grid-column: 1 / 2; grid-row: 1; }
  .hu-td-hunter { grid-column: 2 / 6; grid-row: 1; }
  .hu-td-points { grid-column: 6 / 7; grid-row: 1; text-align: right; font-size: 17px; }
  .hu-td-calls { grid-column: 1 / 3; grid-row: 2; }
  .hu-td-hits { grid-column: 3 / 5; grid-row: 2; }
  .hu-td-rate { grid-column: 5 / 7; grid-row: 2; text-align: right; }
  .hu-td-best { grid-column: 1 / 3; grid-row: 3; }
  .hu-td-earned { grid-column: 3 / 7; grid-row: 3; text-align: right; }
  .hu-td-calls, .hu-td-hits, .hu-td-rate, .hu-td-best, .hu-td-earned { font-size: 13px; }
  .hu-td-calls::before, .hu-td-hits::before, .hu-td-rate::before, .hu-td-best::before, .hu-td-earned::before { content: attr(data-l) ' '; color: var(--hu-dim); font-weight: 700; }
  .hu-prof-hd, .hu-prof-hd.is-empty { grid-template-columns: minmax(0, 1fr); gap: 14px; padding: 22px 18px 24px; }
  .hu-prof-hd { grid-template-areas: "art" "who"; }
  .hu-prof-hd.is-empty { grid-template-areas: "who" "art" "say"; }
  .hu-prof-av { width: 96px; }
  .hu-prof-hd.is-empty .hu-prof-av { width: 156px; margin: 8px 0 0 4px; justify-self: start; }
  .hu-prof-burst { right: -34px; top: -10px; width: 62px; height: 62px; }
  .hu-prof-burst .hu-burst-t { font-size: 26px; }
  .hu-prof-bub { margin-top: 20px; font-size: 15px; }
  .hu-prof-id { margin-bottom: 6px; }
  .hu-prof-stats { grid-template-columns: 1fr; gap: 12px; margin-top: 16px; }
  .hu-pstat { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 6px 12px; padding: 12px 12px 12px; }
  .hu-pstat .hu-h3 { grid-column: 1; grid-row: 1; margin: 0; }
  .hu-pstat-pts { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
  .hu-pstat-pts > b { font-size: 34px; }
  .hu-pstat-g { grid-column: 1 / -1; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  .hu-pstat .hu-stat { padding: 6px 6px 5px; }
  .hu-pstat .hu-stat-l { font-size: 12px; }
  .hu-pstat .hu-stat-v { font-size: 14px; }
  .hu-prof-money .hu-mygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hu-cw-top { grid-template-columns: 1fr; grid-template-areas: "title" "btn" "meta"; }
  .hu-cw-btn { width: 100%; }
  .hu.hu-cw.is-pre .hu-cw-meta { margin-top: 24px; } /* clears the stamp hanging under the button */
  .hu-emptybox { flex-direction: column; align-items: flex-start; gap: 26px; padding: 22px 18px 24px; text-align: left; }
  .hu-empty-pic { width: 150px; }
  /* stacked under the character: the bubble's tail points up at it */
  .hu-empty-say.tail-l::before, .hu-prof-bub.tail-l::before, .hu-bad-say.tail-l::before { left: 56px; top: -27px; border-width: 0 8px 27px 18px; border-color: transparent transparent #000 transparent; transform: skewX(24deg); }
  .hu-empty-say.tail-l::after, .hu-prof-bub.tail-l::after, .hu-bad-say.tail-l::after { left: 60px; top: -19px; border-width: 0 5px 20px 12px; border-color: transparent transparent var(--bubbg, #fff) transparent; transform: skewX(24deg); }
  .hu-empty-burst-s { right: 12px; top: 12px; width: 72px; height: 72px; }
  .hu-empty-burst-s .hu-burst-t { font-size: 28px; }
  .hu-pre-art { gap: 22px; }
  .hu-pre-pic { width: 128px; }
  .hu-pre-say { font-size: 14px; }
  .hu-empty.has-art { gap: 24px; padding: 14px 14px 16px; }
  .hu-empty-pic-s { width: 84px; }
  .hu-empty-bub { font-size: 14px; padding: 10px 13px; }
  .hu-ai-about { padding: 20px 14px 20px; }
  .hu-aisteps { grid-template-columns: 1fr; gap: 12px; }
  .hu-aistep { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; row-gap: 2px; padding: 12px 14px 14px; }
  .hu-aistep .hu-rule-n { grid-row: 1 / span 2; margin: 0; }
  /* heading first, then the cat, then its bubble right under it (tail up), then the buttons */
  .hu-bad { flex-direction: column; align-items: flex-start; gap: 10px; padding: 22px 18px 24px; }
  .hu-bad-main { display: contents; }
  .hu-bad .hu-kicker { order: 1; }
  .hu-bad .hu-mast { order: 2; font-size: 40px; white-space: normal; }
  .hu-bad-pic { order: 3; width: 140px; margin: 6px 0 0 4px; }
  .hu-bad-say { order: 4; margin: 26px 0 6px; font-size: 15px; }
  .hu-bad .hu-ctas { order: 5; position: relative; z-index: 2; }
  .hu-bad > .hu-empty-burst-s { top: auto; bottom: 16px; right: 14px; } /* clear of the long English heading */
  .hu-disc-l { columns: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .hu-livedot i { animation: none; }
  .hu-fill { transition: none; }
  .hu-btn, .hu-cw-btn, .hu-tab { transition: none; }
}