/* Sigil launchpad — one stylesheet, dark navy + Zcash gold. */
:root {
  --bg: #0a0812; --bg2: #17122b; --card: #141024; --line: #2a2340;
  --gold: #f4b728; --gold2: #ffe08a; --gold3: #b8780e; --text: #f3eee0; --muted: #b9b2c9;
  --red: #ff7b7b; --green: #6fe3a0; --ink: #1a1200;
  --r: 14px; --r2: 10px; --max: 1080px;
  --font: Inter, "Noto Sans", -apple-system, "Segoe UI", Roboto, sans-serif;
  --sig: "Noto Sans Ethiopic", "Noto Sans Canadian Aboriginal", "Noto Sans Vai", "Noto Sans Bamum", "Noto Sans Tifinagh", "Noto Sans Runic", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Gujarati", "Noto Sans Oriya", "Noto Sans Telugu", "Noto Sans Malayalam", "Noto Sans Sinhala", "Noto Sans Cham", "Noto Sans Saurashtra", "Noto Sans", Kefa, "Euphemia UCAS", sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh; color: var(--text); font: 16px/1.55 var(--font);
  background: var(--bg); overflow-x: hidden;
}
/* fixed backdrop on its own compositor layer (no background-attachment: fixed — iOS ignores it, Android repaints on scroll) */
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: radial-gradient(900px 520px at 20% -8%, var(--bg2), transparent 70%), radial-gradient(700px 400px at 100% 10%, rgba(244,183,40,.07), transparent 70%);
}
a { color: var(--gold2); text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 3px; }
h1, h2, h3 { margin: 0; line-height: 1.15; letter-spacing: -.01em; }
h2 { font-size: 22px; font-weight: 600; }
p { margin: 0 0 10px; }
img { max-width: 100%; display: block; }
button { font: inherit; color: inherit; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; word-break: break-all; }
:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
a:not([class]):focus-visible { border-radius: 4px; }
.skip { position: absolute; left: -999px; top: 8px; background: var(--gold); color: var(--ink); padding: 8px 12px; border-radius: 8px; z-index: 50; }
.skip:focus { left: 8px; }

/* sigils: flat gold at small sizes, gradient + bloom at display sizes */
.sig { font-family: var(--sig); color: var(--gold); letter-spacing: .06em; font-weight: 400; text-shadow: 0 0 6px rgba(244,183,40,.35); }
.sig-glow {
  display: inline-block; text-shadow: none; color: transparent;
  background: linear-gradient(180deg, var(--gold2), var(--gold) 55%, var(--gold3));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 10px rgba(244,183,40,.55)) drop-shadow(0 0 32px rgba(244,183,40,.35)) drop-shadow(0 0 80px rgba(244,183,40,.18));
}
.muted { color: var(--muted); }
.hint { color: var(--muted); font-size: 13px; font-weight: 400; }
.label { display: block; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* header */
.top {
  position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 16px;
  padding: 10px 16px; border-bottom: 1px solid var(--line);
  background: rgba(10,8,18,.82); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
}
.brand { display: flex; align-items: center; gap: 10px; color: var(--text); flex-shrink: 0; }
.brand:hover { text-decoration: none; }
.brand img { width: 36px; height: 36px; border-radius: 50%; }
.brand-word { font-size: 20px; line-height: 1; }
.brand-name { letter-spacing: .28em; font-weight: 700; font-size: 12px; color: var(--text); }
.nav { display: flex; gap: 4px; margin-left: auto; }
.nav a { color: var(--muted); padding: 8px 12px; border-radius: 999px; font-weight: 500; font-size: 14px; white-space: nowrap; }
.nav a:hover { color: var(--text); text-decoration: none; background: rgba(255,255,255,.04); }
.nav a.on { color: var(--text); background: rgba(255,255,255,.06); }
.wallet-slot { flex-shrink: 0; min-height: 36px; display: flex; align-items: center; }

main { max-width: var(--max); margin: 0 auto; padding: 24px 16px 72px; }
main:focus { outline: none; }
.section { margin-top: 48px; }
.row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 14px; }
.page-head { margin-bottom: 20px; }
.page-head h1 { font-size: 30px; font-weight: 700; }

/* buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 20px; border-radius: var(--r2); border: 1px solid transparent; cursor: pointer;
  font-weight: 600; font-size: 15px; line-height: 1.2; transition: transform .12s, filter .12s, background .12s, border-color .12s;
  text-decoration: none; white-space: nowrap;
}
.btn:hover { text-decoration: none; }
.btn.primary { background: linear-gradient(180deg, var(--gold2), var(--gold)); color: var(--ink); box-shadow: 0 6px 24px rgba(244,183,40,.22); }
.btn.primary:hover { filter: brightness(1.06); transform: translateY(-1px); }
.btn.ghost { background: transparent; color: var(--text); border-color: rgba(255,255,255,.16); }
.btn.ghost:hover { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.35); }
.btn.big { width: 100%; padding: 15px; font-size: 17px; margin-top: 10px; }
.btn.small { padding: 8px 14px; font-size: 14px; }
.btn[disabled] { opacity: .55; cursor: wait; transform: none; filter: none; }

/* hero */
.hero { position: relative; display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; align-items: center; padding: 36px 24px; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: var(--card); isolation: isolate; }
.hero::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 80% at 80% 50%, rgba(244,183,40,.08), transparent 70%); z-index: -1; pointer-events: none; }
/* glyph field: the same three rows as branding/banner.svg, drawn in CSS instead of a 797 KB PNG */
.hero-glyphs {
  position: absolute; inset: -20px 0; z-index: -2; pointer-events: none; display: flex; flex-direction: column; justify-content: space-between;
  font-size: 120px; line-height: 1; letter-spacing: .3em; white-space: nowrap; opacity: .07; text-shadow: none; user-select: none;
  -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000 100%); mask-image: linear-gradient(90deg, transparent 35%, #000 100%);
}
.hero-glyphs span:nth-child(2) { margin-left: -1.2em; }
.hero-glyphs span:nth-child(3) { margin-left: -.5em; }
.hero-copy { position: relative; }
.eyebrow { color: var(--muted); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 14px; }
.hero-sig { font-size: clamp(44px, 8vw, 84px); line-height: 1.05; margin-bottom: 10px; max-width: 100%; }
.hero-name { font-weight: 700; font-size: 14px; letter-spacing: .28em; color: var(--text); margin: 0 0 16px; }
.lead { font-size: 20px; font-weight: 500; color: var(--text); max-width: 520px; margin-bottom: 8px; line-height: 1.4; }
.sublead { color: var(--muted); font-size: 15px; max-width: 520px; margin-bottom: 22px; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; }
.hero-art img { width: min(100%, 300px); height: auto; margin: 0 auto; border-radius: 50%; filter: drop-shadow(0 0 40px rgba(244,183,40,.28)); animation: float 7s ease-in-out infinite; }
@keyframes float { 50% { transform: translateY(-8px); } }

/* coin grid */
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r); }
.coin-card { display: flex; flex-direction: column; gap: 12px; padding: 14px; color: var(--text); transition: border-color .15s, transform .15s; }
a.coin-card:hover { border-color: var(--gold); text-decoration: none; transform: translateY(-2px); }
.cc-top { display: flex; gap: 12px; align-items: center; min-width: 0; }
.cc-img { width: 56px; height: 56px; border-radius: 12px; object-fit: cover; background: #0f0c1c; flex-shrink: 0; display: grid; place-items: center; font-size: 24px; line-height: 1; letter-spacing: 0; text-shadow: none; }
.cc-name { font-size: 21px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-human { color: var(--muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-meta { color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc-stats { display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); gap: 8px; }
.cc-stats span { display: flex; flex-direction: column; min-width: 0; }
.cc-stats span:last-child { text-align: right; }
.cc-stats b { color: var(--text); font-weight: 500; font-size: 14px; white-space: nowrap; }
.cc-bar { height: 4px; background: var(--line); border-radius: 999px; overflow: hidden; }
.cc-bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gold), var(--gold2)); transition: width .4s; }
.sk { color: transparent !important; background: var(--line) !important; border-radius: 6px; animation: pulse 1.4s ease-in-out infinite; -webkit-text-fill-color: transparent; filter: none !important; text-shadow: none !important; }
.sk-card { pointer-events: none; }
.sk-img { width: 56px; height: 56px; border-radius: 12px; flex-shrink: 0; }
.sk-lines { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.sk-line { display: block; height: 12px; }
.sk-line.w30 { width: 30%; } .sk-line.w40 { width: 40%; } .sk-line.w60 { width: 60%; } .sk-line.w70 { width: 70%; }
.cc-stats .sk-line { height: 14px; margin-top: 16px; }
@keyframes pulse { 50% { opacity: .5; } }
.empty-state { grid-column: 1 / -1; padding: 32px; text-align: center; }
.empty-state p { margin-bottom: 14px; }

/* how */
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }
.step { position: relative; background: var(--card); border: 1px solid var(--line); border-radius: var(--r); padding: 18px 18px 16px; }
.step .num { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255,255,255,.06); color: var(--text); font-weight: 700; font-size: 13px; margin-bottom: 10px; }
.step b { display: block; font-size: 16px; }
.step p { color: var(--muted); font-size: 14px; margin: 6px 0 0; }

/* forms */
.field { margin: 0 0 16px; }
.field label, .field .label { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: 14px; font-weight: 500; margin-bottom: 6px; }
input, textarea {
  width: 100%; background: #0f0c1c; border: 1px solid var(--line); color: var(--text); border-radius: var(--r2);
  padding: 12px 14px; font: inherit; transition: border-color .12s, box-shadow .12s;
}
input::placeholder, textarea::placeholder { color: #8a8299; }
input:focus, textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(244,183,40,.15); }
input.upper { text-transform: uppercase; }
input[type=number] { -moz-appearance: textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
textarea { resize: vertical; min-height: 80px; }
.field.bad input, .field.bad textarea, .field.bad .drop { border-color: var(--red); }
.ferr { color: var(--red); font-size: 13px; min-height: 18px; margin-top: 5px; }
.hint.over { color: var(--red); }
.inline { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.inline input { width: 140px; }
.inline.wide input { flex: 1; width: auto; min-width: 0; }
.unit { color: var(--muted); font-size: 14px; }
.seg { display: inline-flex; background: #0f0c1c; border: 1px solid var(--line); border-radius: 999px; padding: 3px; gap: 2px; }
.seg button { background: transparent; border: 0; color: var(--muted); padding: 6px 14px; border-radius: 999px; cursor: pointer; font-size: 14px; font-weight: 500; }
.seg button.on { background: rgba(244,183,40,.16); color: var(--gold); }
.chips { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.chips button { background: transparent; border: 1px solid var(--line); color: var(--muted); border-radius: 999px; padding: 4px 10px; font-size: 12px; cursor: pointer; }
.chips button:hover { border-color: var(--gold); color: var(--gold); }
details.opts { border: 1px solid var(--line); border-radius: var(--r); padding: 0 16px; margin-top: 4px; }
details.opts summary { cursor: pointer; padding: 12px 0; color: var(--text); font-weight: 500; list-style: none; display: flex; justify-content: space-between; }
details.opts summary::-webkit-details-marker { display: none; }
details.opts summary::after { content: "+"; color: var(--muted); }
details.opts[open] summary::after { content: "–"; }
details.opts[open] summary { border-bottom: 1px solid var(--line); margin-bottom: 14px; }

/* launch */
.launch-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; align-items: start; }
.rail { position: sticky; top: 76px; }
.drop {
  position: relative; display: flex; align-items: center; justify-content: center; min-height: 150px; padding: 14px;
  border: 1px dashed var(--line); border-radius: var(--r); background: #0f0c1c; cursor: pointer; transition: border-color .12s, background .12s;
}
.drop:hover, .drop.over { border-color: var(--gold); background: rgba(244,183,40,.05); }
.drop-text { text-align: center; color: var(--muted); font-size: 14px; }
.drop-text b { display: block; color: var(--text); margin-bottom: 2px; }
.drop img { width: 120px; height: 120px; object-fit: cover; border-radius: 12px; }
.drop .x { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--line); background: var(--bg); color: var(--text); cursor: pointer; font-size: 16px; line-height: 1; }
[hidden] { display: none !important; }
.preview { padding: 22px; text-align: center; }
.pv-name { display: block; font-size: 46px; line-height: 1.2; min-height: 56px; margin-top: 6px; word-break: break-all; }
.pv-name.blank { font: 500 15px/56px var(--font); letter-spacing: 0; color: var(--muted); -webkit-text-fill-color: var(--muted); background: none; filter: none; }
.pv-ticker { font-size: 22px; min-height: 30px; }
.pv-human { font-size: 14px; margin-top: 4px; }
.pv-desc { font-size: 14px; color: var(--muted); text-shadow: none; margin-top: 10px; word-break: break-all; max-height: 60px; overflow: hidden; }
.stepper { list-style: none; margin: 18px 0 4px; padding: 0; display: flex; justify-content: space-between; gap: 4px; counter-reset: s; }
.stepper li { flex: 1; font-size: 11px; color: var(--muted); text-align: center; position: relative; padding-top: 18px; line-height: 1.2; }
.stepper li::before { content: ""; position: absolute; top: 4px; left: 50%; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: var(--line); transition: background .2s, box-shadow .2s; }
.stepper li::after { content: ""; position: absolute; top: 8px; left: calc(50% + 7px); right: calc(-50% + 7px); height: 2px; background: var(--line); }
.stepper li:last-child::after { display: none; }
.stepper li.done::before, .stepper li.done::after { background: var(--gold); }
.stepper li.done { color: var(--text); }
.stepper li.active { color: var(--gold); }
.stepper li.active::before { background: var(--gold); box-shadow: 0 0 0 4px rgba(244,183,40,.22); animation: pulse 1.2s ease-in-out infinite; }
.stepper li.fail::before { background: var(--red); }
.stepper li.fail { color: var(--red); }
.status { margin-top: 12px; min-height: 22px; color: var(--muted); font-size: 14px; white-space: pre-wrap; word-break: break-word; }
.status.err { color: var(--red); } .status.ok { color: var(--green); }
.status a { color: inherit; text-decoration: underline; }
.status .sig { font-size: 1.15em; text-shadow: none; }

/* coin page */
.coin-head { display: flex; gap: 20px; align-items: center; margin-bottom: 22px; }
.c-img { width: 112px; height: 112px; border-radius: 20px; background: #0f0c1c; flex-shrink: 0; border: 1px solid var(--line); display: grid; place-items: center; font-size: 48px; line-height: 1; letter-spacing: 0; text-shadow: none; overflow: hidden; }
.c-img img { width: 100%; height: 100%; object-fit: cover; }
.c-img .c-tile { width: 100%; height: 100%; display: grid; place-items: center; text-shadow: none; letter-spacing: 0; }
.coin-title { min-width: 0; }
.coin-title h1 { font-size: clamp(30px, 5vw, 46px); word-break: break-all; min-height: 1.15em; }
.c-human { color: var(--muted); font-size: 16px; margin-top: 4px; min-height: 1.5em; }
.tags { display: flex; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.tag { font-size: 12px; border: 1px solid var(--line); border-radius: 999px; padding: 3px 10px; color: var(--muted); background: rgba(255,255,255,.02); }
.tag.sig { font-size: 15px; padding: 2px 10px; }
.tag.gold { color: var(--gold); border-color: rgba(244,183,40,.4); text-shadow: none; }
.tag.live { color: var(--green); border-color: rgba(111,227,160,.4); }
.tag:empty { display: none; }
.coin-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 24px; align-items: start; }
.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
.stats div { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; min-width: 0; }
.stats span { display: block; font-size: 12px; color: var(--muted); margin-bottom: 2px; }
.stats b { display: block; font-size: 17px; font-weight: 600; overflow-wrap: break-word; min-height: 1.3em; }
/* loading: skeleton the title block and stats until /api/coin answers */
.coin.loading .coin-title h1 { width: 60%; background: var(--line); -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: transparent; filter: none; border-radius: 8px; animation: pulse 1.4s ease-in-out infinite; }
.coin.loading .c-human { width: 40%; background: var(--line); border-radius: 6px; animation: pulse 1.4s ease-in-out infinite; }
.coin.loading .stats b { width: 70%; background: var(--line); border-radius: 6px; animation: pulse 1.4s ease-in-out infinite; }
.coin.loading .c-img { animation: pulse 1.4s ease-in-out infinite; }
.bar { height: 10px; background: var(--line); border-radius: 999px; overflow: hidden; }
.bar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gold), var(--gold2)); transition: width .5s; }
.bar + .hint { margin: 8px 0 18px; }
.desc { color: var(--text); white-space: pre-wrap; word-break: break-word; margin-bottom: 18px; }
.links { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.mint { font-size: 12px; }
.trade { padding: 18px; position: sticky; top: 76px; }
.tabs { display: flex; gap: 6px; margin-bottom: 14px; background: #0f0c1c; border: 1px solid var(--line); border-radius: var(--r2); padding: 4px; }
.tabs button { flex: 1; background: transparent; border: 0; color: var(--muted); padding: 9px; border-radius: 8px; cursor: pointer; font-weight: 600; }
.tabs button.on { background: rgba(244,183,40,.16); color: var(--gold); }
.tabs button[data-side=sell].on { background: rgba(255,123,123,.14); color: var(--red); }
.quote { min-height: 40px; font-size: 14px; color: var(--muted); padding: 10px 12px; background: #0f0c1c; border-radius: var(--r2); border: 1px solid var(--line); }
.quote:empty { display: none; }
.quote b { color: var(--text); font-weight: 600; }
.quote.err { color: var(--red); }
.empty { text-align: center; padding: 60px 0; }
.empty h1 { font-size: 28px; margin-bottom: 8px; }
.empty p { margin-bottom: 18px; }

/* footer */
.foot { border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.foot-in { max-width: var(--max); margin: 0 auto; padding: 28px 16px; }
.foot-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.foot-brand .sig { font-size: 18px; }

/* responsive */
@media (max-width: 860px) {
  .launch-grid, .coin-grid, .hero { grid-template-columns: 1fr; }
  .trade { position: static; }
  .hero { padding: 28px 20px; text-align: left; }
  .hero-art { order: -1; }
  .hero-art img { width: 160px; animation: none; }
  .hero-glyphs { font-size: 80px; }
  .steps { grid-template-columns: 1fr; }
  .stats { grid-template-columns: 1fr 1fr; }
  /* launch on a phone: the preview becomes a compact strip that sticks above the form while the keyboard is open */
  .rail { display: contents; }
  .preview { order: -1; position: sticky; top: 60px; z-index: 5; padding: 10px 14px 12px; display: grid; grid-template-columns: 1fr auto; column-gap: 12px; align-items: center; text-align: left; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
  .preview > .hint { grid-column: 1 / -1; }
  .pv-name { font-size: 30px; min-height: 40px; margin-top: 0; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; }
  .pv-name.blank { line-height: 40px; }
  .pv-ticker { font-size: 18px; min-height: 0; grid-column: 2; grid-row: 2; }
  .pv-human { grid-column: 1 / -1; margin-top: 0; font-size: 13px; }
  .pv-desc { display: none; }
  .side { margin-top: 4px; }
}
@media (max-width: 600px) {
  .brand-name, .nav a[data-nav=how] { display: none; }
  .top { gap: 8px; padding: 8px 12px; }
  .nav a { padding: 8px 10px; }
  .wallet-slot { min-width: 0; }
  main { padding: 16px 16px 56px; }
  .coin-head { gap: 14px; }
  .c-img { width: 80px; height: 80px; border-radius: 16px; font-size: 34px; }
  .grid { grid-template-columns: 1fr; }
  /* keep only the active / failed step's label; the dots carry the rest */
  .stepper li { font-size: 0; }
  .stepper li.active, .stepper li.fail { font-size: 12px; flex: 2; }
  .lead { font-size: 18px; }
  .stats b { font-size: 15px; }
}
@media (max-width: 480px) {
  .brand-word { display: none; }
  .brand { gap: 0; }
  .nav { gap: 0; }
  .nav a { padding: 8px 8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  html { scroll-behavior: auto; }
}

/* official token card */
.platform-card { display: grid; grid-template-columns: 96px 1fr auto; gap: 18px; align-items: center; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px; }
.platform-card img { width: 96px; height: 96px; border-radius: 16px; object-fit: cover; background: #000; }
.platform-card .pc-name { font-size: 26px; font-weight: 700; }
.platform-card .pc-stats { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 8px; color: var(--muted); font-size: 14px; }
.platform-card .pc-stats b { color: var(--text); font-size: 16px; display: block; }
.platform-card .pc-actions { display: flex; flex-direction: column; gap: 8px; }
.platform-card .pc-mint { font-family: ui-monospace, Menlo, monospace; font-size: 12px; color: var(--muted); word-break: break-all; margin-top: 6px; }
@media (max-width: 700px) { .platform-card { grid-template-columns: 72px 1fr; } .platform-card .pc-actions { grid-column: 1 / -1; flex-direction: row; } .platform-card img { width: 72px; height: 72px; } }

/* burn log */
.burns { margin-top: 14px; background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 16px 18px; }
.burns h3 { margin: 0; font-size: 18px; }
.burns-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 14px; }
.burns-table th { text-align: left; color: var(--muted); font-weight: 500; padding: 6px 8px; border-bottom: 1px solid var(--line); }
.burns-table td { padding: 8px; border-bottom: 1px solid var(--line); white-space: nowrap; }
.burns-table td.num { font-variant-numeric: tabular-nums; }
.burns-table a { color: var(--gold2); }
@media (max-width: 600px) { .burns-table th:nth-child(4), .burns-table td:nth-child(4) { display: none; } }