/* Blue Cat: a 3D vinyl cat on a black studio stage, a blue gas flame on each side. */

:root {
  /* the owner's brand: black and charcoal, electric blue, cyan and teal */
  --ground: oklch(0.145 0.022 256);
  --ground-2: oklch(0.19 0.04 256);
  --ground-deep: oklch(0.105 0.016 256);
  --surface-1: oklch(0.185 0.024 256);
  --surface-2: oklch(0.225 0.028 256);
  --surface-3: oklch(0.265 0.03 256);
  --inverse: oklch(0.12 0.018 256);
  --inverse-2: oklch(0.16 0.02 256);
  --inverse-3: oklch(0.2 0.024 256);
  --line: oklch(0.29 0.035 256);
  --line-inverse: oklch(0.25 0.03 256);
  --outline: oklch(0.46 0.05 256);
  --blue: var(--coin-1);
  --accent: oklch(from var(--coin-1) 0.74 0.16 h);
  --accent-side: oklch(from var(--coin-1) 0.62 0.17 h);
  --accent-lift: oklch(from var(--coin-1) 0.8 0.14 h);
  --teal: oklch(from var(--coin-2) 0.84 0.14 h);
  --cyan: oklch(from var(--coin-3) 0.9 0.07 h);
  --glow-blue: oklch(from var(--coin-1) 0.66 0.2 h / 0.45);
  --glow-teal: oklch(from var(--coin-2) 0.8 0.15 h / 0.4);
  --r-2: 12px;
  --r-3: 20px;
  --r-4: 28px;
  --ground-image:
    radial-gradient(70% 45% at 50% -8%, oklch(from var(--coin-1) 0.3 0.12 h / 0.55), transparent 70%),
    linear-gradient(180deg, var(--ground) 0, var(--ground-deep) 100%);
}
.k-num, .k-change, .k-coin__price, .k-table .is-num { font-variant-numeric: tabular-nums; }

.bc-defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.view[hidden] { display: none; }
.bc-section { padding-block: var(--s-8) 0; }
.bc-section:last-child { padding-bottom: var(--s-8); }

/* the cat's face, cropped from the owner's brand kit: the mark, the coin chip */
.bc-face {
  display: block; width: 100%; height: 100%; border-radius: 50%;
  overflow: hidden; clip-path: circle(50%);
  /* the owner's burning-eyes cat (1254x1254), cropped to a 74% window on the face (eyes and nose centred,
     found by sampling the file's pixels) so it reads at 28 to 40px, cut to a circle */
  background: url("files/blazing-eyed-electric-blue-cat.png") 52% 61.5% / 135.1% auto no-repeat, #05070b;
}
.bc-face--mark { width: 2.5rem; height: 2.5rem; flex: none; box-shadow: 0 0 0 1px var(--line), 0 0 18px -4px var(--glow-blue); }
.k-mark { font-weight: 700; font-stretch: 110%; letter-spacing: 0.01em; }
.k-coin__img .bc-face { width: 100%; height: 100%; }

/* ---------- the stage ---------- */
.bc-stage-wrap { --page-max: 1680px; padding-top: var(--s-3); }
/* guard: extreme values (1e12 prices, 60-char names) must never widen the phone page */
html, body { overflow-x: clip; }
.bc-stage__grid > * { min-width: 0; overflow-wrap: anywhere; }
.bc-stage {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid var(--line); border-radius: var(--r-4);
  padding: var(--s-5) var(--s-6) var(--s-5);
  background:
    radial-gradient(46% 60% at 50% 34%, oklch(from var(--coin-1) 0.36 0.15 h / 0.55), transparent 72%),
    radial-gradient(30% 30% at 18% 72%, oklch(from var(--coin-2) 0.4 0.1 h / 0.18), transparent 70%),
    radial-gradient(30% 30% at 82% 72%, oklch(from var(--coin-2) 0.4 0.1 h / 0.18), transparent 70%),
    linear-gradient(180deg, oklch(0.13 0.03 256), oklch(0.085 0.014 256));
}
/* the studio floor: a faint reflective line under the cat and the burners */
.bc-stage::after {
  content: ""; position: absolute; z-index: -1; left: 6%; right: 6%; top: var(--floor, 62%); height: 1px;
  background: linear-gradient(90deg, transparent, oklch(from var(--coin-2) 0.8 0.1 h / 0.35), oklch(from var(--coin-1) 0.75 0.14 h / 0.5), oklch(from var(--coin-2) 0.8 0.1 h / 0.35), transparent);
}
.bc-stage__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, min(620px, 44vw)) minmax(0, 1fr);
  grid-template-areas: "fl cat fr" "tl lock tr";
  column-gap: var(--s-5);
  align-items: end;
}

.bc-cat { grid-area: cat; position: relative; margin: 0; z-index: 1; }
.bc-cat__crop {
  position: relative; aspect-ratio: 670 / 414; overflow: hidden;
  /* a radial feather, intersected with a top fade that drops the reference's header rule (its y 94) */
  -webkit-mask-image: radial-gradient(ellipse 50% 54% at 50% 46%, oklch(0.1 0.02 256) 42%, transparent 100%), linear-gradient(to bottom, transparent 10.4%, oklch(0.1 0.02 256) 12.6%);
  -webkit-mask-composite: source-in;
  mask-image: radial-gradient(ellipse 50% 54% at 50% 46%, oklch(0.1 0.02 256) 42%, transparent 100%), linear-gradient(to bottom, transparent 10.4%, oklch(0.1 0.02 256) 12.6%);
  mask-composite: intersect;
  transform: translate(calc(var(--lx, 0) * 12px), calc(var(--ly, 0) * 6px)) rotate(calc(var(--lx, 0) * 1.6deg));
  transition: transform 600ms var(--ease-out);
}
/* V5: the full brand-kit mascot (panel x0-670, y0-414 of the 1448x1086 sheet), whole and centred;
   a light grade pushes its fur toward the icon's brighter electric blue */
/* the fire-eyed token cat (files/img-8169.jpg), whole, in the V5 place and size, square edges feathered away */
/* the owner's reference (files/chatgpt-image-sep-30-2026-10-49-02-pm.png, 1676x939): its cat, paw coins and glow
   (x 460-1260, y 46-540) fill the crop. The owner asked for no speech bubble, so the one painted into the
   reference (x 930-1282, y 114-210) is covered with the art's own navy, and the right ear it hid is restored
   from the left ear, mirrored (source x 640-790, y 100-215, placed at x 955-1105, y 140-255).
   Everything inside .bc-cat__art is placed in the image's own pixels as percentages of 1676 x 939. */
.bc-cat__art { position: absolute; top: -9.31%; left: -57.5%; width: 209.5%; aspect-ratio: 1676 / 939; }
.bc-cat__art img { position: absolute; inset: 0; width: 100%; max-width: none; height: auto; }
.bc-cat__patch {
  position: absolute; left: 55.49%; top: 12.14%; width: 21%; height: 10.22%;
  border-radius: 8% / 29%;
  /* sampled from the artwork's own night sky around the painted bubble */
  background:
    radial-gradient(60% 70% at 18% 100%, rgb(0 14 40 / 0.9), transparent 70%),
    linear-gradient(90deg, rgb(0 9 25), rgb(0 6 18) 50%, rgb(0 5 16));
  filter: blur(7px);
}
/* the crown between the ears, continued from the fur just left of it (source x 860-950, y 140-230, placed at x 905, y 134) */
.bc-cat__fill {
  position: absolute; left: 54%; top: 14.27%; width: 5.37%; height: 9.585%;
  background: url("files/chatgpt-image-sep-30-2026-10-49-02-pm.png") 54.22% 16.49% / 1862.22% auto no-repeat;
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, oklch(0.1 0.02 256) 55%, transparent 100%);
  mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, oklch(0.1 0.02 256) 55%, transparent 100%);
}
.bc-cat__ear {
  position: absolute; left: 56.98%; top: 14.91%; width: 8.95%; height: 12.25%;
  background: url("files/chatgpt-image-sep-30-2026-10-49-02-pm.png") 41.94% 12.14% / 1117.33% auto no-repeat;
  transform: scaleX(-1);
  -webkit-mask-image: radial-gradient(ellipse 55% 70% at 38% 38%, oklch(0.1 0.02 256) 65%, transparent 100%);
  mask-image: radial-gradient(ellipse 55% 70% at 38% 38%, oklch(0.1 0.02 256) 65%, transparent 100%);
}
@media (prefers-reduced-motion: no-preference) {
  .bc-cat { animation: bc-rise 900ms var(--ease-out) both; }
}
@keyframes bc-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }


/* ---------- the two burners ---------- */
.bc-fire {
  display: grid; justify-items: center; gap: var(--s-2);
  width: clamp(120px, 13vw, 220px); padding: 0; margin-bottom: 6%;
  background: none; border: 0; color: inherit; cursor: pointer; border-radius: var(--r-3);
  --fs: 0.22;
}
.bc-fire--l { grid-area: fl; justify-self: end; }
.bc-fire--r { grid-area: fr; justify-self: start; }
.bc-fire:focus-visible { outline: var(--focus-w) solid var(--focus); outline-offset: 6px; }
.bc-flame { width: 100%; height: auto; aspect-ratio: 260 / 360; overflow: visible; filter: drop-shadow(0 0 22px var(--glow-blue)) drop-shadow(0 0 6px var(--glow-teal)); transform-origin: 50% 100%; transform: scale(max(0.32, var(--fs))); transition: transform 900ms var(--ease-out); }
.fl-mid, .fl-core { transform-box: fill-box; transform-origin: 50% 100%; }
@media (prefers-reduced-motion: no-preference) {
  .fl-outer { transform-box: fill-box; transform-origin: 50% 100%; animation: bc-sway 2.4s ease-in-out infinite alternate; }
  .fl-mid { animation: bc-flicker 1.5s ease-in-out infinite alternate; }
  .fl-core { animation: bc-flicker 1s ease-in-out infinite alternate-reverse; }
  .bc-fire.is-flare .bc-flame__s { animation: bc-flare 1.2s var(--ease-out); transform-box: fill-box; transform-origin: 50% 100%; }
}
.view, .bc-stage-wrap, .bc-stage, .bc-cat, .bc-total, .bc-fire { min-width: 0; max-width: 100%; }
.bc-total__sub, .bc-total__label { overflow-wrap: anywhere; }
@keyframes bc-sway { from { transform: skewX(-2deg) scaleY(0.98); } to { transform: skewX(2deg) scaleY(1.02); } }
@keyframes bc-flicker { from { transform: scale(1, 1); } to { transform: scale(0.9, 1.08); } }
@keyframes bc-flare { 0% { transform: none; } 20% { transform: scale(1.12, 1.3); filter: drop-shadow(0 0 40px var(--glow-teal)) brightness(1.35); } 100% { transform: none; } }

.bc-fire__base {
  display: grid; place-items: center; width: 100%; padding: var(--s-2) var(--s-3);
  background: linear-gradient(180deg, var(--surface-3), var(--surface-1));
  border: 1px solid var(--line); border-radius: var(--r-2);
  box-shadow: inset 0 1px 0 var(--gloss), 0 -8px 24px -10px var(--glow-blue);
  font-weight: var(--text-weight-heavy); font-size: var(--t-sm); letter-spacing: 0.02em; color: var(--ink-1);
}
.bc-fire[data-side="bpburn"] .bc-fire__base { box-shadow: inset 0 1px 0 var(--gloss), 0 -8px 24px -10px var(--glow-teal); }

/* ---------- the lockup ---------- */
.bc-lockup { grid-area: lock; z-index: 2; margin: calc(-1 * clamp(4px, 1vw, 20px)) 0 0; display: grid; justify-items: center; text-align: center; font-family: var(--font-display); }
.bc-lockup__name {
  font-weight: 700; font-stretch: 110%; line-height: 0.88; letter-spacing: -0.01em;
  font-size: clamp(3.2rem, 7.4vw, 7.25rem); color: var(--ink-1);
  text-shadow: 0 0 42px var(--glow-blue);
}
.bc-lockup__tick {
  margin-block: var(--s-3) var(--s-2); padding: 0.1em 0.7em;
  font-weight: 700; font-size: clamp(1.1rem, 1.7vw, 1.5rem); letter-spacing: 0.06em; color: var(--teal);
  border: 1px solid oklch(from var(--coin-2) 0.8 0.12 h / 0.5); border-radius: var(--r-1);
  background: oklch(from var(--coin-2) 0.3 0.06 h / 0.35);
}
.bc-lockup__tag { font-weight: 700; font-stretch: 105%; font-size: clamp(1.35rem, 2.7vw, 2.4rem); letter-spacing: 0.08em; color: var(--accent); line-height: 1; }

/* the burned totals, one under each burner */
.bc-total { display: grid; gap: 2px; min-width: 0; padding-bottom: var(--s-2); align-self: center; }
.bc-total--l { grid-area: tl; justify-self: end; text-align: right; justify-items: end; }
.bc-total--r { grid-area: tr; justify-self: start; }
.bc-total__label { font-weight: var(--text-weight-strong); font-size: var(--t-sm); color: var(--ink-2); }
.bc-total__num {
  font-family: var(--font-display); font-weight: 700; font-size: clamp(2.2rem, 3.6vw, 3.5rem); line-height: 1.02;
  color: var(--ink-1); min-height: 1em; overflow-wrap: anywhere; text-shadow: 0 0 28px var(--glow-blue);
}
.bc-total--r .bc-total__num { text-shadow: 0 0 28px var(--glow-teal); }
.bc-total__num.k-skel { width: 10rem; height: 0.9em; }
.bc-total__sub { font-size: var(--t-sm); color: var(--ink-2); min-height: 1.3em; max-width: 26ch; }
.bc-total.is-flare .bc-total__num { animation: bc-num 1.2s var(--ease-out); }
@keyframes bc-num { 20% { color: var(--cyan); } }

.bc-stage__foot {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-3) var(--s-6);
  margin-top: var(--s-5); padding-top: var(--s-4); border-top: 1px solid var(--line);
}
.bc-rule { margin: 0; max-width: 60ch; font-size: var(--t-md); color: var(--ink-2); text-wrap: pretty; }
.bc-rule b { color: var(--ink-1); font-weight: var(--text-weight-heavy); }
.bc-next { display: flex; align-items: baseline; gap: var(--s-3); white-space: nowrap; }
.bc-next__label, .bc-next__at { font-size: var(--t-sm); color: var(--ink-2); font-weight: var(--text-weight-strong); }
.bc-next__clock { font-family: var(--font-display); font-weight: 700; font-size: var(--t-2xl); color: var(--accent); min-width: 4.5ch; text-align: center; }

/* ---------- the burn split ---------- */
.bc-h2 { margin: 0; font-family: var(--font-display); font-weight: 700; font-stretch: 108%; font-size: clamp(2.2rem, 4.4vw, 3.75rem); line-height: 0.95; letter-spacing: -0.005em; text-transform: uppercase; text-wrap: balance; }
.bc-h1 { margin: 0 0 var(--s-2); font-family: var(--font-display); font-weight: 700; font-stretch: 108%; font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1; text-transform: uppercase; }
.bc-lede { margin: 0; max-width: 52ch; color: var(--ink-2); font-size: var(--t-md); text-wrap: pretty; }
.bc-split { display: grid; gap: var(--s-5); }
.bc-split__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: var(--s-4) var(--s-7); }
.bc-strip { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.bc-seg {
  position: relative; overflow: hidden; min-width: 0; display: grid; align-content: start; gap: var(--s-2);
  padding: var(--s-6); border-radius: var(--r-4); border: 1px solid var(--line);
  background: radial-gradient(80% 90% at 0% 0%, oklch(from var(--coin-1) 0.34 0.13 h / 0.45), transparent 70%), var(--surface-1);
}
.bc-seg[data-side="bpburn"] { background: radial-gradient(80% 90% at 100% 0%, oklch(from var(--coin-2) 0.36 0.09 h / 0.4), transparent 70%), var(--surface-1); }
.bc-seg__pct { font-family: var(--font-display); font-weight: 700; font-stretch: 110%; font-size: clamp(3.4rem, 7vw, 6rem); line-height: 0.85; text-transform: uppercase; color: var(--accent); text-shadow: 0 0 36px var(--glow-blue); }
.bc-seg[data-side="bpburn"] .bc-seg__pct { color: var(--teal); text-shadow: 0 0 36px var(--glow-teal); }
.bc-seg__name { font-family: var(--font-display); font-weight: 700; font-size: var(--t-2xl); text-transform: uppercase; letter-spacing: 0.02em; }
.bc-seg__what { color: var(--ink-2); max-width: 44ch; }
.bc-seg__parts { display: grid; gap: var(--s-1); margin-top: var(--s-2); padding-top: var(--s-3); border-top: 1px solid var(--line); font-size: var(--t-sm); color: var(--ink-2); }
.bc-seg__parts b { color: var(--ink-1); font-weight: var(--text-weight-heavy); margin-right: 0.25em; }
.bc-seg__rec { font-size: var(--t-sm); color: var(--ink-3); }
.bc-note { margin: 0; max-width: 62ch; color: var(--ink-2); font-size: var(--t-sm); }

.bc-ca { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
.bc-ca__who { font-weight: var(--text-weight-heavy); flex: none; }
.bc-ca code { font-family: var(--font-mono); font-size: var(--t-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; color: var(--ink-2); }
.bc-ca--card { padding: var(--s-3) var(--s-3) var(--s-3) var(--s-5); border: 1px solid var(--line); border-radius: var(--r-3); background: var(--surface-1); gap: var(--s-4); }
.bc-ca--card code { flex: 1; font-size: var(--t-md); color: var(--ink-1); }
.bc-ca--sheet { margin-block: var(--s-4); padding: var(--s-2) var(--s-3); border: 1px solid var(--line); border-radius: var(--r-2); background: var(--surface-2); }

/* ---------- the burn dashboard ---------- */
.bc-dash { display: grid; gap: var(--s-6); padding: var(--s-6); border-radius: var(--r-4); background: var(--inverse); border-color: var(--line-inverse); }
.bc-dash__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: var(--s-4) var(--s-7); }
.bc-dash__body { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--s-6); align-items: start; }
.bc-read { margin: 0; display: grid; }
.bc-read__row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-4); padding-block: var(--s-4); border-bottom: 1px solid var(--line-inverse); min-width: 0; }
.bc-read__row:first-child { padding-top: 0; }
.bc-read dt { color: var(--ink-2); font-weight: var(--text-weight-strong); display: flex; align-items: center; gap: var(--s-2); }
.bc-read__row[data-side] dt::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--accent); box-shadow: 0 0 10px var(--glow-blue); }
.bc-read__row[data-side="bpburn"] dt::before { background: var(--teal); box-shadow: 0 0 10px var(--glow-teal); }
.bc-read dd { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(1.9rem, 2.8vw, 2.6rem); line-height: 1; text-align: right; min-width: 0; overflow-wrap: anywhere; }
.bc-read dd small { display: block; margin-top: 4px; font-family: var(--font-text); font-weight: var(--text-weight-strong); font-size: var(--t-sm); color: var(--ink-2); }
.bc-latest { display: grid; gap: var(--s-3); min-width: 0; }
.bc-latest__head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); }
.bc-latest__head h3 { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: var(--t-xl); text-transform: uppercase; letter-spacing: 0.02em; }
.bc-latest .k-list { border-radius: var(--r-3); overflow: hidden; }
.bc-latest .k-empty { list-style: none; border-radius: var(--r-3); }
.bc-row__txt { min-width: 0; overflow-wrap: anywhere; }
.bc-side { font-weight: var(--text-weight-heavy); border: 0; }
.bc-side[data-side="blucat"] { background: var(--accent); color: var(--ground-deep); }
.bc-side[data-side="bpburn"] { background: var(--teal); color: var(--ground-deep); }

/* ---------- every burn ---------- */
.bc-burns { display: grid; gap: var(--s-5); }
.bc-burns__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--s-4); }
.bc-table { table-layout: fixed; }
.bc-when, .bc-proof { white-space: nowrap; }
.bc-proof > * + * { margin-left: var(--s-2); }
.bc-pending { font-size: var(--t-sm); }
.bc-empty { margin: var(--s-4); }
.bc-table[data-empty="yes"] thead { display: none; }
.bc-tablepanel { border-radius: var(--r-3); overflow: hidden; }
.bc-sum { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); margin: 0; border-radius: var(--r-3); }
.bc-sum > div { display: grid; gap: 2px; min-width: 0; }
.bc-sum dt { font-size: var(--t-sm); font-weight: var(--text-weight-strong); color: var(--ink-2); }
.bc-sum dd { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1; overflow-wrap: anywhere; }
.bc-sum [data-side="blucat"] dd { color: var(--accent); }
.bc-sum [data-side="bpburn"] dd { color: var(--teal); }

.bc-wait {
  display: grid; grid-template-columns: 6rem minmax(0, 1fr) 6rem; align-items: center; gap: var(--s-5); padding: var(--s-6);
  background: radial-gradient(60% 100% at 50% 100%, oklch(from var(--coin-1) 0.3 0.12 h / 0.4), transparent 70%), var(--inverse);
}
.bc-wait__art { width: 100%; height: 8rem; overflow: visible; filter: drop-shadow(0 0 18px var(--glow-blue)); }
.bc-wait__text { display: grid; gap: var(--s-3); max-width: 46rem; justify-self: center; }
.bc-wait__text p { margin: 0; color: var(--ink-2); }
.bc-wait__stats { max-width: 30rem; }

/* ---------- footer ---------- */
.k-footer { margin-top: var(--s-8); background: var(--ground-deep); border-top: 1px solid var(--line); }
.bc-foot { display: grid; grid-template-columns: 1.3fr 1.6fr 1fr; gap: var(--s-6); }
.bc-foot__col { display: grid; align-content: start; gap: var(--s-2); min-width: 0; }
.bc-foot__line { margin: 0; font-family: var(--font-display); font-weight: 700; font-stretch: 108%; font-size: clamp(1.8rem, 2.6vw, 2.4rem); line-height: 1; text-transform: uppercase; color: var(--ink-1); }
.bc-foot__small { margin: 0; color: var(--ink-2); font-size: var(--t-sm); max-width: 38ch; }
.bc-foot__h { font-weight: var(--text-weight-heavy); color: var(--ink-2); font-size: var(--t-sm); }
.bc-foot .k-link { color: var(--ink-1); justify-self: start; }

/* ---------- mid widths ---------- */
@media (max-width: 1100px) {
  .bc-stage { padding-inline: var(--s-5); }
  .bc-stage__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 48vw) minmax(0, 1fr); column-gap: var(--s-3); }
  .bc-dash__body { grid-template-columns: 1fr; }
}

/* ---------- phones ---------- */
@media (max-width: 767.98px) {
  .bc-stage-wrap { padding-top: var(--s-2); }
  .bc-stage { padding: var(--s-3) var(--s-4) var(--s-4); border-radius: var(--r-3); }
  .bc-stage::after { display: none; }
  .bc-stage__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "cat cat" "lock lock" "tl tr"; column-gap: var(--s-3); row-gap: var(--s-3); }
  .bc-fire { grid-area: cat; align-self: end; width: 23%; margin-bottom: 4%; z-index: 2; gap: 4px; }
  .bc-fire--l { justify-self: start; }
  .bc-fire--r { justify-self: end; }
  .bc-fire__base { padding: 4px 2px; font-size: 0.7rem; letter-spacing: 0; border-radius: var(--r-1); }
  .bc-lockup { margin-top: calc(-1 * var(--s-4)); }
  .bc-lockup__name { font-size: clamp(3rem, 15vw, 4rem); }
  .bc-lockup__tick { margin-block: var(--s-2) 6px; }
  .bc-lockup__tag { font-size: clamp(1.3rem, 6.4vw, 1.7rem); }
  .bc-total { align-self: start; padding: 0; }
  .bc-total--l { justify-self: stretch; text-align: left; justify-items: start; }
  .bc-total--r { justify-self: stretch; text-align: right; justify-items: end; }
  .bc-total__num { font-size: 2rem; }
  .bc-total__sub { font-size: 0.8125rem; }
  .bc-stage__foot { margin-top: var(--s-3); padding-top: var(--s-3); gap: var(--s-2); }
  .bc-rule { font-size: var(--t-sm); }
  .bc-next__clock { font-size: var(--t-xl); }

  .bc-section { padding-top: var(--s-7); }
  .bc-split__head, .bc-dash__head { grid-template-columns: 1fr; }
  .bc-strip { grid-template-columns: 1fr; }
  .bc-seg { padding: var(--s-5); border-radius: var(--r-3); }
  .bc-ca--card { flex-wrap: wrap; padding: var(--s-3) var(--s-4); gap: var(--s-2); }
  .bc-ca--card code { flex-basis: 100%; order: 2; font-size: var(--t-sm); }
  .bc-dash { padding: var(--s-4); border-radius: var(--r-3); }
  .bc-row { grid-template-columns: auto minmax(0, 1fr); }
  .bc-row .k-list__meta { grid-column: 2; text-align: left; }
  .bc-foot { grid-template-columns: 1fr; }

  .bc-sum { grid-template-columns: 1fr 1fr; }
  .bc-wait { grid-template-columns: 1fr; padding: var(--s-5); }
  .bc-wait__art { display: none; }
  .bc-burns .k-seg { display: flex; width: 100%; }
  .bc-burns .k-seg label { flex: 1; justify-content: center; }
  .bc-table, .bc-table tbody { display: block; }
  .bc-table colgroup, .bc-table thead { display: none; }
  .bc-table tr { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-2) var(--s-3); padding: var(--s-4); border-bottom: 1px solid var(--line); }
  .bc-table tr:last-child { border-bottom: 0; }
  .bc-table td { display: block; height: auto; padding: 0; border: 0; }
  .bc-table .bc-which { grid-row: 1; grid-column: 1; }
  .bc-table .bc-when { grid-row: 1; grid-column: 2; text-align: right; color: var(--ink-2); font-size: var(--t-sm); }
  .bc-table .bc-tok, .bc-table .bc-sol { text-align: left; }
  .bc-table .bc-tok { font-family: var(--font-display); font-weight: 700; font-size: 1.75rem; line-height: 1; }
  .bc-table .bc-sol { align-self: end; text-align: right; font-weight: var(--text-weight-heavy); }
  .bc-table .bc-proof { grid-column: 1 / -1; display: flex; gap: var(--s-2); white-space: normal; flex-wrap: wrap; }
  .bc-table .bc-proof > * { margin: 0; }
  .bc-table .bc-proof .k-btn { flex: 1; min-height: 44px; justify-content: center; }
  .k-coin__sym { display: none; }
  .k-coin .k-coin__price { display: inline; }
  .k-coin { max-width: 52vw; overflow: hidden; white-space: nowrap; }
  .k-coin__img, .k-coin__img img { width: 28px; height: 28px; max-width: 28px; flex: none; }
  .k-topbar__end { min-width: 0; flex: 0 1 auto; overflow: hidden; }
  .k-coin .k-coin__price { min-width: 0; max-width: 7.5em; overflow: hidden; text-overflow: ellipsis; }
  .k-coin .k-change { flex: none; }
}

/* =====================================================================================================
   Premium polish (c11): the surrounding UI only. The cat (.bc-cat and everything in it), the flame
   drawing (.bc-flame, .fl-*) and the stage's geometry (padding, grid, burner sizes) are left exactly as they were.
   ===================================================================================================== */
:root {
  --hair: oklch(from var(--coin-1) 0.6 0.08 h / 0.22);
  --hair-strong: oklch(from var(--coin-1) 0.72 0.11 h / 0.42);
  --sheen: oklch(from var(--coin-3) 0.97 0.03 h / 0.08);
  --glass-1: oklch(from var(--coin-1) 0.215 0.045 h / 0.62);
  --glass-2: oklch(from var(--coin-1) 0.135 0.028 h / 0.7);
  --depth-soft: inset 0 1px 0 0 var(--sheen), 0 32px 64px -38px oklch(0.03 0.02 256 / 0.95), 0 2px 6px -2px oklch(0.03 0.02 256 / 0.5);
}
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* ---------- top bar: a dark glass strip once the page scrolls ---------- */
[data-k-scrolled] .k-topbar {
  background-color: oklch(from var(--ground-deep) l c h / 0.74);
  -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 1px 0 0 var(--hair), 0 18px 40px -30px oklch(0.03 0.02 256 / 0.9);
}
.k-mark { gap: var(--s-3); font-family: var(--font-display); font-weight: 700; font-stretch: 112%; font-size: 1.0625rem; letter-spacing: 0.12em; text-transform: uppercase; }
.bc-face--mark { box-shadow: 0 0 0 1px var(--hair-strong), 0 0 0 4px oklch(from var(--coin-1) 0.3 0.1 h / 0.22), 0 0 24px -4px var(--glow-blue); }
.k-topbar .k-nav { gap: 2px; padding: 3px; border: 1px solid var(--hair); border-radius: calc(var(--r-2) + 3px); background: oklch(from var(--ground-deep) l c h / 0.55); box-shadow: inset 0 1px 0 var(--sheen); }
.k-nav a { border-radius: var(--r-2); letter-spacing: 0.01em; padding-inline: var(--s-4); }
.k-nav a:hover { background: oklch(from var(--coin-1) 0.3 0.06 h / 0.4); }
.k-nav [aria-current="page"] { color: var(--ink-1); background: linear-gradient(180deg, var(--surface-3), var(--surface-2)); box-shadow: inset 0 1px 0 var(--sheen), 0 0 0 1px var(--hair-strong), 0 6px 18px -10px var(--glow-blue); }
.k-coin {
  border: 1px solid var(--hair); background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  box-shadow: inset 0 1px 0 var(--sheen);
  transition: border-color var(--d-2) var(--ease-out), box-shadow var(--d-2) var(--ease-out), transform var(--d-2) var(--ease-out);
}
.k-coin__img { box-shadow: 0 0 0 1px var(--hair-strong); border-radius: 50%; }
@media (hover: hover) {
  .k-coin:hover { background: linear-gradient(180deg, var(--glass-1), var(--glass-2)); border-color: var(--hair-strong); box-shadow: inset 0 1px 0 var(--sheen), 0 10px 26px -14px var(--glow-blue); transform: translateY(-1px); }
}
.k-tabbar { background: oklch(from var(--ground-deep) l c h / 0.82); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); border-top: 1px solid var(--hair); }

/* ---------- buttons: lit glass faces, a soft halo on hover ---------- */
.k-btn { letter-spacing: 0.01em; transition: transform var(--d-2) var(--ease-out), box-shadow var(--d-2) var(--ease-out), background-color var(--d-2) var(--ease-out), border-color var(--d-2) var(--ease-out), color var(--d-2) var(--ease-out); }
.k-btn:active { transform: translateY(1px) scale(0.985); }
.k-btn--primary:not([data-state], [aria-busy="true"], :disabled) {
  background-image: linear-gradient(180deg, oklch(from var(--coin-1) 0.86 0.11 h), oklch(from var(--coin-1) 0.75 0.15 h));
  border-color: oklch(from var(--coin-1) 0.88 0.09 h / 0.7);
  box-shadow: inset 0 1px 0 oklch(from var(--coin-3) 0.99 0.02 h / 0.45), 0 12px 30px -14px var(--glow-blue);
}
.k-btn--secondary:not([data-state], [aria-busy="true"], :disabled) {
  --btn-edge: var(--hair-strong);
  background-image: linear-gradient(180deg, oklch(from var(--coin-1) 0.27 0.05 h / 0.92), oklch(from var(--coin-1) 0.19 0.035 h / 0.92));
  box-shadow: inset 0 1px 0 var(--sheen);
}
@media (hover: hover) {
  .k-btn--primary:not([data-state], [aria-busy="true"], :disabled):hover { box-shadow: inset 0 1px 0 oklch(from var(--coin-3) 0.99 0.02 h / 0.5), 0 16px 36px -14px var(--glow-blue), 0 0 0 4px oklch(from var(--coin-1) 0.7 0.15 h / 0.16); }
  .k-btn--secondary:not([data-state], [aria-busy="true"], :disabled):hover { --btn-edge: oklch(from var(--coin-2) 0.8 0.12 h / 0.6); box-shadow: inset 0 1px 0 var(--sheen), 0 12px 28px -16px var(--glow-teal), 0 0 0 3px oklch(from var(--coin-2) 0.7 0.1 h / 0.12); }
  .k-btn--quiet:hover { --btn-face: oklch(from var(--coin-1) 0.28 0.06 h / 0.5); }
}

/* ---------- the stage: a studio box with a hairline rim and a soft blue spill under it ---------- */
.bc-stage {
  border-color: var(--hair);
  box-shadow: inset 0 1px 0 var(--sheen), 0 60px 140px -70px oklch(from var(--coin-1) 0.5 0.18 h / 0.55), 0 30px 60px -40px oklch(0.03 0.02 256 / 0.9);
}
.bc-stage::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background:
    linear-gradient(180deg, oklch(from var(--coin-3) 0.95 0.04 h / 0.045), transparent 18%),
    radial-gradient(110% 60% at 50% 115%, oklch(0.04 0.02 256 / 0.7), transparent 62%);
}

/* the burner plates: same size, cleaner metal */
.bc-fire__base {
  border-color: var(--hair-strong); letter-spacing: 0.06em;
  background: linear-gradient(180deg, oklch(from var(--coin-1) 0.3 0.05 h), oklch(from var(--coin-1) 0.17 0.03 h));
  box-shadow: inset 0 1px 0 var(--sheen), 0 -10px 26px -12px var(--glow-blue), 0 10px 20px -14px oklch(0.03 0.02 256 / 0.9);
}
.bc-fire[data-side="bpburn"] .bc-fire__base { box-shadow: inset 0 1px 0 var(--sheen), 0 -10px 26px -12px var(--glow-teal), 0 10px 20px -14px oklch(0.03 0.02 256 / 0.9); }

/* ---------- the lockup: one tight block, name, ticker plate, tag between hairlines ---------- */
.bc-lockup__name {
  font-weight: 700; font-stretch: 112%; letter-spacing: -0.02em; line-height: 0.86;
  color: oklch(from var(--coin-3) 0.97 0.02 h);
  text-shadow: 0 1px 0 oklch(from var(--coin-1) 0.45 0.12 h / 0.7), 0 0 20px oklch(from var(--coin-1) 0.7 0.18 h / 0.3), 0 0 64px var(--glow-blue);
}
.bc-lockup__tick {
  margin-block: var(--s-4) var(--s-3); padding: 0.34em 0.74em 0.3em 0.92em;
  font-weight: 600; font-stretch: 105%; font-size: clamp(0.95rem, 1.25vw, 1.15rem); letter-spacing: 0.18em; line-height: 1.2;
  color: var(--teal); border-radius: var(--r-2);
  border: 1px solid oklch(from var(--coin-2) 0.8 0.12 h / 0.42);
  background: linear-gradient(180deg, oklch(from var(--coin-2) 0.34 0.07 h / 0.42), oklch(from var(--coin-2) 0.2 0.04 h / 0.42));
  box-shadow: inset 0 1px 0 var(--sheen), 0 0 22px -6px var(--glow-teal);
}
.bc-lockup__tag {
  display: flex; align-items: center; gap: 0.7em;
  font-weight: 600; font-stretch: 110%; font-size: clamp(1.05rem, 1.9vw, 1.7rem); letter-spacing: 0.24em; padding-left: 0.24em;
  color: var(--accent); text-shadow: 0 0 26px var(--glow-blue);
}
.bc-lockup__tag::before, .bc-lockup__tag::after { content: ""; flex: none; width: clamp(24px, 4vw, 64px); height: 1px; background: linear-gradient(90deg, transparent, var(--hair-strong)); }
.bc-lockup__tag::after { background: linear-gradient(270deg, transparent, var(--hair-strong)); margin-left: -0.24em; }

/* ---------- the two burned totals: matched glass plates, mirrored ---------- */
.bc-total {
  position: relative; align-self: center; gap: 6px; width: min(100%, 340px);
  padding: var(--s-4) var(--s-5); border: 1px solid var(--hair); border-radius: var(--r-3);
  background: radial-gradient(90% 120% at 100% 0%, oklch(from var(--coin-1) 0.42 0.15 h / 0.22), transparent 62%), linear-gradient(180deg, var(--glass-1), var(--glass-2));
  box-shadow: var(--depth-soft);
}
.bc-total--r { background: radial-gradient(90% 120% at 0% 0%, oklch(from var(--coin-2) 0.45 0.1 h / 0.2), transparent 62%), linear-gradient(180deg, var(--glass-1), var(--glass-2)); }
.bc-total::before { content: ""; position: absolute; top: -1px; left: 16%; right: 16%; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); opacity: 0.75; }
.bc-total--r::before { background: linear-gradient(90deg, transparent, var(--teal), transparent); }
.bc-total__label { display: inline-flex; align-items: center; gap: 8px; font-size: 0.8125rem; letter-spacing: 0.02em; color: var(--ink-2); }
.bc-total__label::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px var(--glow-blue); }
.bc-total--l .bc-total__label { flex-direction: row-reverse; }
.bc-total--r .bc-total__label::before { background: var(--teal); box-shadow: 0 0 10px var(--glow-teal); }
.bc-total { grid-template-columns: minmax(0, 1fr); }
/* the glow sits on the whole figure (filter), not on each glyph: the rolling digit columns clip text-shadow into boxes */
.bc-total__num { font-weight: 600; font-stretch: 106%; letter-spacing: -0.015em; text-shadow: none; filter: drop-shadow(0 0 14px var(--glow-blue)); }
.bc-total--r .bc-total__num { text-shadow: none; filter: drop-shadow(0 0 14px var(--glow-teal)); }
.bc-total__num[data-empty] { font-size: clamp(1.75rem, 2.6vw, 2.5rem); line-height: 1.15; }
.bc-total__sub { font-size: 0.8125rem; color: var(--ink-3); line-height: 1.45; }

/* ---------- the stage's foot: the rule and the countdown ---------- */
.bc-stage__foot { position: relative; border-top: 0; margin-top: var(--s-6); padding-top: var(--s-5); }
.bc-stage__foot::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--hair-strong) 18%, var(--hair-strong) 82%, transparent); }
.bc-rule { line-height: 1.55; text-wrap: balance; }
.bc-next {
  position: relative; overflow: hidden;
  display: grid; grid-template-columns: auto auto; align-items: center; gap: var(--s-1) var(--s-6);
  padding: var(--s-3) var(--s-5) calc(var(--s-3) + 6px);
  border: 1px solid var(--hair); border-radius: var(--r-3);
  background: linear-gradient(180deg, oklch(from var(--coin-1) 0.13 0.03 h / 0.92), oklch(from var(--coin-1) 0.09 0.02 h / 0.92));
  box-shadow: inset 0 1px 0 var(--sheen), inset 0 -14px 26px -20px oklch(from var(--coin-1) 0.55 0.16 h / 0.6), 0 18px 40px -26px var(--glow-blue);
}
.bc-next__meta { display: grid; gap: 2px; }
.bc-next__label { font-size: 0.8125rem; letter-spacing: 0.03em; color: var(--ink-2); }
.bc-next__at { font-size: var(--t-sm); color: var(--ink-1); font-weight: var(--text-weight-strong); }
.bc-next__clock { font-size: clamp(1.75rem, 2.4vw, 2.25rem); font-weight: 600; font-stretch: 104%; letter-spacing: 0.04em; line-height: 1; color: var(--accent-lift); text-shadow: 0 0 18px var(--glow-blue); min-width: 5ch; text-align: right; }
.bc-next__bar { position: absolute; left: var(--s-5); right: var(--s-5); bottom: 8px; height: 2px; border-radius: 2px; overflow: hidden; background: oklch(from var(--coin-1) 0.32 0.06 h / 0.55); }
.bc-next__bar i { display: block; width: 100%; height: 100%; transform-origin: 0 50%; transform: scaleX(var(--p, 0)); background: linear-gradient(90deg, var(--accent-side), var(--teal)); transition: transform 1s linear; }

/* ---------- section type ---------- */
.bc-h2 { font-stretch: 112%; letter-spacing: -0.015em; line-height: 0.92; }
.bc-h1 { font-stretch: 112%; letter-spacing: -0.015em; }
.bc-lede { line-height: 1.6; }

/* ---------- the burn split: two matched glass panels whose rows line up ---------- */
.bc-strip { gap: var(--s-5); grid-template-rows: repeat(5, auto); }
.bc-seg {
  grid-row: span 5; grid-template-rows: subgrid; row-gap: var(--s-2);
  padding: var(--s-7) var(--s-6) var(--s-6); border-color: var(--hair);
  background: radial-gradient(70% 80% at 0% 0%, oklch(from var(--coin-1) 0.38 0.14 h / 0.34), transparent 70%), linear-gradient(180deg, var(--glass-1), var(--glass-2));
  box-shadow: var(--depth-soft);
  transition: transform var(--d-3) var(--ease-out), box-shadow var(--d-3) var(--ease-out), border-color var(--d-3) var(--ease-out);
}
.bc-seg[data-side="bpburn"] { background: radial-gradient(70% 80% at 100% 0%, oklch(from var(--coin-2) 0.4 0.09 h / 0.3), transparent 70%), linear-gradient(180deg, var(--glass-1), var(--glass-2)); }
.bc-seg::before { content: ""; position: absolute; top: 0; left: 12%; right: 12%; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); opacity: 0.6; }
.bc-seg[data-side="bpburn"]::before { background: linear-gradient(90deg, transparent, var(--teal), transparent); }
@media (hover: hover) {
  .bc-seg:hover { transform: translateY(-2px); border-color: var(--hair-strong); box-shadow: var(--depth-soft), 0 28px 60px -34px var(--glow-blue); }
  .bc-seg[data-side="bpburn"]:hover { box-shadow: var(--depth-soft), 0 28px 60px -34px var(--glow-teal); }
}
.bc-seg__pct { font-stretch: 112%; letter-spacing: -0.02em; text-shadow: 0 0 30px var(--glow-blue); }
.bc-seg[data-side="bpburn"] .bc-seg__pct { text-shadow: 0 0 30px var(--glow-teal); }
.bc-seg__name { font-weight: 600; font-stretch: 108%; font-size: var(--t-xl); letter-spacing: 0.06em; }
.bc-seg__what { line-height: 1.55; }
.bc-seg__parts { align-self: start; border-top-color: var(--hair); }
.bc-ca--card { border-color: var(--hair); background: linear-gradient(180deg, var(--glass-1), var(--glass-2)); box-shadow: var(--depth-soft); }
.bc-ca--card .bc-ca__who { font-size: var(--t-sm); color: var(--ink-2); font-weight: var(--text-weight-strong); }
.bc-ca--card code { letter-spacing: 0.02em; }

/* ---------- the burn dashboard: the deep screen ---------- */
.bc-dash {
  padding: var(--s-7); border-color: var(--hair);
  background: radial-gradient(60% 55% at 50% 0%, oklch(from var(--coin-1) 0.3 0.12 h / 0.26), transparent 70%), linear-gradient(180deg, oklch(from var(--coin-1) 0.15 0.03 h), oklch(from var(--coin-1) 0.1 0.02 h));
  box-shadow: var(--depth-soft);
}
.bc-read__row { border-bottom-color: var(--hair); }
.bc-read__row[data-side] dt::before { width: 8px; height: 8px; border-radius: 50%; }
.bc-read dd { font-weight: 600; font-stretch: 106%; letter-spacing: -0.01em; }
.bc-latest__head h3 { font-weight: 600; font-stretch: 108%; letter-spacing: 0.06em; }
.bc-latest .k-list { border: 1px solid var(--hair); background: oklch(from var(--coin-1) 0.13 0.025 h / 0.6); box-shadow: inset 0 1px 0 var(--sheen); }
.bc-latest .k-list__item { border-color: var(--hair); transition: background-color var(--d-2) var(--ease-out); }
@media (hover: hover) { .bc-latest .k-list__item:hover { background: oklch(from var(--coin-1) 0.22 0.05 h / 0.45); } }
.bc-latest .k-empty { border: 1px dashed var(--hair-strong); background: oklch(from var(--coin-1) 0.13 0.025 h / 0.5); }
.bc-side { border-radius: var(--r-1); letter-spacing: 0.03em; }

/* ---------- every burn ---------- */
.bc-sum { border-color: var(--hair); background: radial-gradient(60% 120% at 0% 0%, oklch(from var(--coin-1) 0.36 0.13 h / 0.22), transparent 70%), linear-gradient(180deg, var(--glass-1), var(--glass-2)); box-shadow: var(--depth-soft); }
.bc-sum dd { font-weight: 600; font-stretch: 106%; letter-spacing: -0.01em; }
.bc-sum dd[data-empty] { color: var(--ink-2); font-size: clamp(1.4rem, 2vw, 1.8rem); line-height: 1.3; }
/* the page's ground is painted once, never tiled into a seam further down */
body { background-repeat: no-repeat; background-color: var(--ground-deep); }
.bc-tablepanel { border-color: var(--hair); box-shadow: var(--depth-soft); }
.bc-wait { border-radius: inherit; grid-template-columns: 6rem minmax(0, 40rem) 6rem; justify-content: center; column-gap: var(--s-8); }
.bc-wait__text { justify-self: stretch; }
.bc-wait__stats { max-width: none; }

/* ---------- footer ---------- */
.k-footer { position: relative; border-top: 0; background: linear-gradient(180deg, oklch(from var(--coin-1) 0.12 0.025 h), var(--ground-deep) 70%); }
.k-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--hair-strong) 20%, var(--hair-strong) 80%, transparent); }
.bc-foot__line { font-stretch: 112%; letter-spacing: -0.01em; }
.bc-foot__h { letter-spacing: 0.03em; color: var(--ink-3); }

/* ---------- phones ---------- */
@media (max-width: 767.98px) {
  /* on the phone both plates read the same way: left-aligned, one top, one height */
  .bc-total, .bc-total--l, .bc-total--r { width: 100%; align-self: stretch; align-content: start; justify-self: stretch; justify-items: start; text-align: left; padding: var(--s-3); border-radius: var(--r-2); gap: 4px; }
  .bc-total::before { left: 12%; right: 12%; }
  .bc-total--l .bc-total__label, .bc-total--r .bc-total__label { flex-direction: row; }
  .bc-total__label { font-size: 0.6875rem; letter-spacing: 0; max-width: 100%; white-space: nowrap; }
  .bc-total__label > span { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  .bc-long { display: none; }
  .bc-wait { grid-template-columns: 1fr; }
  .bc-total__num[data-empty] { font-size: 1.375rem; }
  .bc-fire__base { letter-spacing: 0; white-space: nowrap; font-size: 0.66rem; padding-inline: 0; }
  .bc-lockup__tick { margin-block: var(--s-3) var(--s-2); }
  .bc-lockup__tag { font-size: clamp(0.95rem, 4.6vw, 1.2rem); letter-spacing: 0.18em; padding-left: 0.18em; gap: 0.5em; }
  .bc-lockup__tag::before, .bc-lockup__tag::after { width: 16px; }
  .bc-lockup__tag::after { margin-left: -0.18em; }
  .bc-stage__foot { margin-top: var(--s-4); padding-top: var(--s-4); }
  .bc-next { width: 100%; grid-template-columns: minmax(0, 1fr) auto; padding: var(--s-3) var(--s-4) calc(var(--s-3) + 6px); }
  .bc-next__bar { left: var(--s-4); right: var(--s-4); }
  .bc-strip { grid-template-rows: none; }
  .bc-seg { grid-row: auto; grid-template-rows: none; padding: var(--s-5); }
  .bc-dash { padding: var(--s-4); }
  .k-mark { font-size: 0.9375rem; letter-spacing: 0.1em; gap: var(--s-2); }
}

/* =====================================================================================================
   Final hero polish (c12). The cat's artwork (.bc-cat__art and everything in it) and the flame drawing
   (.bc-flame, .fl-*) are untouched: the cat is only moved and scaled as a whole, the flames not at all.
   ===================================================================================================== */
:root {
  /* thinner, quieter edges and a more restrained glow everywhere */
  --hair: oklch(from var(--coin-1) 0.62 0.07 h / 0.15);
  --hair-strong: oklch(from var(--coin-1) 0.72 0.1 h / 0.3);
  --glow-soft: oklch(from var(--coin-1) 0.66 0.2 h / 0.28);
  --glow-teal-soft: oklch(from var(--coin-2) 0.8 0.15 h / 0.24);
}

/* 1. no line through BLUE CAT: the stage-wide floor rule is gone; each burner stands on its own short
      floor reflection instead, which never reaches the centre column */
.bc-stage::after { display: none; }
.bc-fire { position: relative; }
.bc-fire::after {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  left: -18%; right: -18%; bottom: -14px; height: 16px; border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, oklch(from var(--coin-1) 0.62 0.16 h / 0.32), transparent 72%);
}
.bc-fire[data-side="bpburn"]::after { background: radial-gradient(50% 50% at 50% 50%, oklch(from var(--coin-2) 0.72 0.12 h / 0.28), transparent 72%); }

/* 2 and 3. one lockup: a slightly larger cat, set a little lower, the wordmark tucked up under its chin,
   and the whole figure nudged so the cat's face (midway between its ears) sits on the page's centre line */
.bc-stage { padding-top: var(--s-6); }
.bc-stage__grid { grid-template-columns: minmax(0, 1fr) minmax(0, min(664px, 46vw)) minmax(0, 1fr); }
.bc-cat { translate: -1.4% 0; }
.bc-lockup { margin-top: calc(-1 * clamp(14px, 3.1vw, 54px)); }
.bc-lockup__name {
  text-shadow: 0 1px 0 oklch(from var(--coin-1) 0.45 0.12 h / 0.6), 0 0 18px oklch(from var(--coin-1) 0.7 0.18 h / 0.2), 0 0 52px var(--glow-soft);
}
.bc-lockup__tick {
  margin-block: var(--s-4) var(--s-3);
  border-color: oklch(from var(--coin-2) 0.8 0.12 h / 0.3);
  box-shadow: inset 0 1px 0 var(--sheen), 0 0 18px -8px var(--glow-teal);
}
.bc-lockup__tag { text-shadow: 0 0 20px var(--glow-soft); }

/* 5. the two burned totals: one size, one height, mirrored */
.bc-total {
  width: min(100%, 328px); min-height: 8.5rem; align-content: center;
  border-color: var(--hair);
  box-shadow: inset 0 1px 0 var(--sheen), 0 28px 56px -40px oklch(0.03 0.02 256 / 0.95);
}
.bc-total::before { opacity: 0.55; }
.bc-total__num { filter: drop-shadow(0 0 10px var(--glow-soft)); }
.bc-total--r .bc-total__num { filter: drop-shadow(0 0 10px var(--glow-teal-soft)); }
.bc-total__label::before { width: 6px; height: 6px; box-shadow: 0 0 8px var(--glow-soft); }
.bc-total--r .bc-total__label::before { box-shadow: 0 0 8px var(--glow-teal-soft); }

/* the stage: a quieter rim and a softer spill */
.bc-stage { box-shadow: inset 0 1px 0 var(--sheen), 0 50px 120px -80px oklch(from var(--coin-1) 0.5 0.18 h / 0.45), 0 30px 60px -44px oklch(0.03 0.02 256 / 0.9); }
.bc-fire__base { border-color: var(--hair); }

/* the countdown: the same glass as the totals, the clock set off by a hairline, the hour bar inside it */
.bc-stage__foot::before { background: linear-gradient(90deg, transparent, var(--hair) 22%, var(--hair) 78%, transparent); }
.bc-next {
  grid-template-columns: auto auto; gap: 0;
  padding: var(--s-3) 0 calc(var(--s-3) + 5px);
  border-color: var(--hair); border-radius: var(--r-2);
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  box-shadow: inset 0 1px 0 var(--sheen), 0 22px 44px -34px oklch(0.03 0.02 256 / 0.95);
}
.bc-next__meta { padding-inline: var(--s-5); }
.bc-next__label { font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; }
.bc-next__clock {
  align-self: stretch; display: flex; align-items: center; justify-content: center;
  padding-inline: var(--s-5); border-left: 1px solid var(--hair);
  font-size: clamp(1.6rem, 2.1vw, 2rem); text-shadow: 0 0 12px var(--glow-soft);
}
.bc-next__bar { left: var(--s-5); right: var(--s-5); bottom: 7px; height: 1.5px; background: oklch(from var(--coin-1) 0.32 0.06 h / 0.4); }

/* the top bar: nav and coin capsule share one height, one radius, one edge */
.k-topbar .k-nav { padding: 3px; border-radius: 14px; }
.k-topbar .k-nav a { min-height: 36px; border-radius: 11px; font-weight: var(--text-weight-strong); }
.k-nav [aria-current="page"] { box-shadow: inset 0 1px 0 var(--sheen), 0 0 0 1px var(--hair-strong); }
.k-coin { min-height: 44px; padding: 0 var(--s-3) 0 5px; gap: 10px; border-radius: 14px; font-weight: var(--text-weight-strong); }
.k-coin__img { width: 32px; height: 32px; box-shadow: 0 0 0 1px var(--hair-strong); }
.k-coin__sym { letter-spacing: 0.04em; }
.k-coin .k-change { border-radius: 7px; }
.bc-face--mark { box-shadow: 0 0 0 1px var(--hair-strong), 0 0 0 4px oklch(from var(--coin-1) 0.3 0.1 h / 0.16), 0 0 18px -6px var(--glow-blue); }

/* the panels below: thinner edges, calmer glow, the creator line kept small */
.bc-seg__pct { text-shadow: 0 0 24px var(--glow-soft); }
.bc-seg[data-side="bpburn"] .bc-seg__pct { text-shadow: 0 0 24px var(--glow-teal-soft); }
.bc-seg::before { opacity: 0.45; }
#splitNote { font-size: 0.8125rem; line-height: 1.5; }

/* the navy cover over the reference's painted speech bubble reaches a little further up and left, with a
   softer edge, so no ghost of the bubble's outline shows beside the ear (the ear and crown still sit on top) */
.bc-cat__patch { left: 54.77%; top: 10.65%; width: 22.79%; height: 11.71%; border-radius: 12% / 34%; filter: blur(9px); }
/* the bubble's bottom border (image y 198-208) runs past the patch's soft edge right of the ear: a second
   strip of the same night sky covers it there (image x 1095-1300, y 192-228), clear of the fur to its left */
.bc-cat__patch::after {
  content: ""; position: absolute; left: 46.3%; top: 83.6%; width: 53.7%; height: 32.7%;
  border-radius: 30% / 50%; background: rgb(0 7 20);
}

/* the capsule keeps one width when the live price changes its last digit */
.k-coin__price { display: inline-block; min-width: 6.2ch; text-align: right; }
.bc-sum dd { overflow-wrap: anywhere; min-width: 0; }

@media (max-width: 1100px) {
  .bc-stage__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 50vw) minmax(0, 1fr); }
}
@media (max-width: 767.98px) {
  .bc-stage { padding-top: var(--s-4); }
  .bc-stage__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .bc-fire::after { display: none; }
  .bc-fire__base { padding-inline: 4px; }
  .bc-lockup { margin-top: -12px; }
  .bc-total { width: 100%; min-height: 0; align-content: start; }
  .bc-next { grid-template-columns: minmax(0, 1fr) auto; padding: var(--s-3) 0 calc(var(--s-3) + 5px); }
  .bc-next__meta, .bc-next__clock { padding-inline: var(--s-4); }
  .bc-next__bar { left: var(--s-4); right: var(--s-4); }
  .k-coin { min-height: 40px; padding-right: var(--s-2); gap: var(--s-2); }
  .k-coin__img { width: 28px; height: 28px; }
}