/* Forgefast — the strip. Glossy-3D family on a warm near-black: bevelled iron links with black outlines, one molten
   accent, specular highlights. Phone first (one column, the chain scrolls sideways), then a wider measure, then the
   floor recomposes at 1000 into the forge on the left and the standings on the right. Figures are tabular. */
:root{
  --ground:#0A0907; --plate:#16110E; --plate2:#1E1613; --iron:#3B322D; --iron2:#26201C; --iron3:#524740;
  --ink:#F1E8DE; --dim:rgba(241,232,222,.58); --faint:rgba(241,232,222,.36); --edge:rgba(241,232,222,.12); --edge2:rgba(241,232,222,.2);
  --molten:#FF6D05; --hot:#FFC670; --moltdim:rgba(255,109,5,.15); --moltedge:rgba(255,109,5,.5); --moltglow:0 0 18px rgba(255,109,5,.45);
  --slag:#6A5B52;
  --cru:126px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--ground);color:var(--ink);font:400 15px/1.5 "Sora",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:var(--cru)}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 40% at 50% 0%,rgba(255,109,5,.10),transparent 70%),var(--ground)}
h1,h2,h3,.poster{font-family:"Titan One",Impact,sans-serif;font-weight:400;letter-spacing:.005em}
.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
input{font:inherit;color:inherit}

/* ---------- the crucible: fixed strip at the top, every width ---------- */
#crucible{
  position:fixed;top:0;left:0;right:0;z-index:40;
  display:grid;grid-template-columns:1fr auto;grid-template-areas:"mark cuff" "ca ca";
  gap:8px 10px;align-items:center;padding:8px 12px 9px;
  background:linear-gradient(180deg,#1C1512,#120E0B);border-bottom:2px solid #000;
  box-shadow:0 1px 0 rgba(241,232,222,.08) inset,0 6px 22px rgba(0,0,0,.55);
}
.cru-mark{grid-area:mark;display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}
.cru-mark img{width:30px;height:30px;border-radius:50%;display:block;border:2px solid #000;box-shadow:0 0 0 1px var(--iron3),0 2px 6px rgba(0,0,0,.6)}
.cru-mark b{font-family:"Titan One",Impact,sans-serif;font-weight:400;font-size:19px;letter-spacing:.01em;color:var(--hot);text-shadow:0 1px 0 #000}
.cru-ca{
  grid-area:ca;display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"tag gm copy" "addr addr addr";align-items:center;gap:6px 8px;min-width:0;
  padding:6px 8px 6px 10px;border:2px solid #000;border-radius:12px;
  background:linear-gradient(180deg,var(--iron) 0%,var(--iron2) 55%,#1A1512 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.5),0 2px 0 #000;
}
.cru-tag{grid-area:tag;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--hot);white-space:nowrap;font-weight:600}
.cru-addr{grid-area:addr;font:500 11.5px/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--ink);word-break:break-all;overflow-wrap:anywhere;user-select:all;min-width:0}
.cru-addr[data-live="0"]{color:var(--faint);font-style:italic;user-select:none}
.cru-copy{
  grid-area:copy;min-height:32px;padding:0 12px;border-radius:9px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1A0E04;white-space:nowrap;
  background:linear-gradient(180deg,var(--hot) 0%,var(--molten) 60%,#C24E00 100%);border:2px solid #000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 0 #000,var(--moltglow);
}
.cru-copy:disabled{background:linear-gradient(180deg,#5B4F47,#3B322D);color:var(--faint);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 0 #000}
.cru-copy[data-done="1"]{background:linear-gradient(180deg,#FFE9C4,var(--hot));}
.cru-gmgn{grid-area:gm;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-decoration:none;padding:0 4px;white-space:nowrap}
.cru-gmgn:hover{color:var(--hot)}
.cru-nav{display:none}
.cru-cuff{grid-area:cuff;min-height:36px;padding:0 13px;border:2px solid #000;border-radius:10px;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:linear-gradient(180deg,var(--iron3),var(--iron2));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 0 #000}
.cru-cuff[data-on="1"]{color:var(--hot)}

/* ---------- the floor ---------- */
#floor{width:100%;max-width:600px;margin:0 auto;padding:0 0 30px}

/* the ticker: recent links printing across the top */
.marq{overflow:hidden;white-space:nowrap;border-bottom:1px solid var(--edge);background:rgba(0,0,0,.35);height:34px;display:flex;align-items:center}
.marq-run{display:inline-flex;gap:0;animation:marqrun 46s linear infinite;will-change:transform}
.marq:hover .marq-run{animation-play-state:paused}
.marq-item{display:inline-flex;align-items:center;gap:8px;padding:0 18px;font-size:11.5px;letter-spacing:.04em;color:var(--dim);border-right:1px solid var(--edge)}
.marq-item b{color:var(--hot);font-weight:600}
.marq-item i{font-style:normal;color:var(--faint)}
@keyframes marqrun{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marq-run{animation:none}}

.tabs-phone{display:flex;gap:4px;padding:10px 14px 0}
.tabs-phone a,.cru-nav a{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);text-decoration:none;padding:6px 10px;border-radius:8px;border:1px solid transparent}
.tabs-phone a[aria-current],.cru-nav a[aria-current]{color:var(--hot);border-color:var(--moltedge);background:var(--moltdim)}

/* the hearth row: what heat, how long, how much */
.hearthrow{padding:16px 14px 6px}
.kick{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}
.hearthrow h1{font-size:30px;line-height:1.05;margin:0 0 10px;text-shadow:0 2px 0 #000}
.hearthrow h1 em{font-style:normal;color:var(--molten);text-shadow:0 2px 0 #000,0 0 22px rgba(255,109,5,.5)}
.lede{color:var(--dim);font-size:13.5px;line-height:1.6;margin:0 0 14px}
.dials{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.dial{padding:9px 9px 8px;border:2px solid #000;border-radius:10px;background:linear-gradient(180deg,var(--plate2),var(--plate));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 0 #000;min-width:0}
.dial dt{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dial dd{margin:0;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dial dd.molt{color:var(--molten)}

/* ---------- the one object: the chain strip ---------- */
.chainstrip{margin:12px 0 0;border-top:2px solid #000;border-bottom:2px solid #000;background:linear-gradient(180deg,#0E0B09,#14100D 50%,#0E0B09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.strip-head{display:flex;justify-content:space-between;align-items:baseline;padding:10px 14px 4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.strip-head b{color:var(--dim);font-weight:500;letter-spacing:.04em;text-transform:none}
.strip-scroll{overflow-x:auto;overflow-y:hidden;padding:8px 14px 16px;scrollbar-width:thin;scrollbar-color:var(--iron3) transparent;-webkit-overflow-scrolling:touch}
.strip-grid{display:grid;grid-auto-columns:88px;grid-auto-rows:64px;gap:10px 22px;width:max-content;position:relative}
.chip{
  position:relative;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:7px 9px;border:2px solid #000;border-radius:999px;text-align:left;
  background:linear-gradient(180deg,var(--iron3) 0%,var(--iron) 48%,var(--iron2) 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.18),inset 0 -3px 0 rgba(0,0,0,.45),0 3px 0 #000;
  color:var(--ink);cursor:pointer;min-width:0;user-select:none
}
.chip::before{content:"";position:absolute;left:-24px;top:50%;width:24px;height:10px;margin-top:-5px;border:2px solid #000;border-radius:999px;background:linear-gradient(180deg,var(--iron3),var(--iron2));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.chip[data-first="1"]::before{display:none}
.chip b{font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip s{text-decoration:none;font-size:10.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip u{text-decoration:none;font-size:9.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chip[data-line="1"]{background:linear-gradient(180deg,#FFD79A 0%,var(--molten) 45%,#B84800 100%);color:#1A0E04;box-shadow:inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,0,0,.35),0 3px 0 #000,var(--moltglow)}
.chip[data-line="1"] s,.chip[data-line="1"] u{color:rgba(26,14,4,.72)}
.chip[data-line="1"]::before{background:linear-gradient(180deg,var(--hot),var(--molten));box-shadow:var(--moltglow)}
.chip[data-tip="1"]{outline:2px solid var(--hot);outline-offset:3px}
.chip[data-anvil="1"]{border-radius:12px;background:linear-gradient(180deg,#2A221E,#100C0A);box-shadow:inset 0 2px 0 rgba(255,255,255,.1),inset 0 -3px 0 rgba(0,0,0,.6),0 3px 0 #000}
.chip[data-ghost="1"]{opacity:.32;border-style:dashed;background:transparent;box-shadow:none;cursor:default}
.chip[data-ghost="1"]::before{opacity:.5}
.chip[data-pick="1"]{outline:2px dashed var(--hot);outline-offset:3px}
.chip[data-mine="1"] b::after{content:" ·you";color:var(--hot);font-weight:600}
.chip[data-line="1"][data-mine="1"] b::after{color:#1A0E04}
.chip[data-branch="1"]::before{width:24px;left:-24px;transform:rotate(-38deg);transform-origin:right center}
.chip .offtag{position:absolute;left:8px;top:-9px;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:999px;border:1px solid #000;background:var(--plate2);color:var(--faint);white-space:nowrap}
.strip-note{padding:0 14px 12px;font-size:11.5px;color:var(--faint);line-height:1.5;margin:0}
.strip-note b{color:var(--dim);font-weight:500}

/* ---------- the action: the ingot (composer) ---------- */
.twocol{display:block;padding:14px 14px 0}
.ingot{border:2px solid #000;border-radius:16px;padding:14px;background:linear-gradient(180deg,var(--plate2),var(--plate));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 #000}
.ingot-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 10px}
.ingot-head h2{font-size:20px;margin:0;text-shadow:0 2px 0 #000}
.ingot-head span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.parentline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:13px;color:var(--dim)}
.parentline b{color:var(--ink);font-weight:600}
.pickbtn{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border-radius:8px;border:1px solid var(--edge2);color:var(--dim);background:rgba(0,0,0,.3)}
.pickbtn[data-on="1"]{color:var(--hot);border-color:var(--moltedge);background:var(--moltdim)}
.amountrow{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;margin:0 0 8px}
.amountrow input{min-height:48px;text-align:center;font-size:20px;font-weight:600;border:2px solid #000;border-radius:10px;background:#0B0907;color:var(--ink);box-shadow:inset 0 2px 0 rgba(0,0,0,.6),inset 0 -1px 0 rgba(255,255,255,.06);width:100%;min-width:0;-moz-appearance:textfield}
.amountrow input::-webkit-outer-spin-button,.amountrow input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.amountrow input:focus{outline:2px solid var(--moltedge);outline-offset:1px}
.stepbtn{min-height:48px;border:2px solid #000;border-radius:10px;font-size:20px;font-weight:600;background:linear-gradient(180deg,var(--iron3),var(--iron2));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 0 #000}
.quicks{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.quicks button{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--edge);color:var(--dim)}
.forgebtn{
  width:100%;min-height:56px;border:2px solid #000;border-radius:14px;font-family:"Titan One",Impact,sans-serif;font-size:22px;letter-spacing:.02em;color:#1A0E04;
  background:linear-gradient(180deg,#FFE0B0 0%,var(--hot) 18%,var(--molten) 58%,#B84800 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -4px 0 rgba(0,0,0,.35),0 4px 0 #000,var(--moltglow);
  text-shadow:0 1px 0 rgba(255,255,255,.35)
}
.forgebtn:active{transform:translateY(2px);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -4px 0 rgba(0,0,0,.35),0 2px 0 #000,var(--moltglow)}
.forgebtn:disabled{background:linear-gradient(180deg,#5B4F47,#3B322D);color:var(--faint);text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 0 #000;opacity:1}
.whatif{margin:10px 0 0;font-size:12px;color:var(--faint);line-height:1.55}
.whatif b{color:var(--hot);font-weight:600}
.whatif em{font-style:normal;color:var(--dim)}

/* ---------- the standings (leaderboard) + the heat ledger ---------- */
.standings{margin:14px 0 0;display:grid;gap:12px}
.slab{border:2px solid #000;border-radius:14px;background:linear-gradient(180deg,var(--plate2),var(--plate));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 #000;overflow:hidden}
.slab-head{display:flex;justify-content:space-between;align-items:baseline;padding:11px 13px 8px;border-bottom:1px solid var(--edge)}
.slab-head h3{font-size:16px;margin:0;text-shadow:0 1px 0 #000}
.slab-head span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.slab-body{padding:6px 13px 12px}
.standrow{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--edge);font-size:12.5px}
.standrow:last-child{border-bottom:0}
.standrow .rank{font-family:"Titan One",Impact,sans-serif;font-size:17px;color:var(--faint);text-shadow:0 1px 0 #000}
.standrow[data-line="1"] .rank{color:var(--molten)}
.standrow .what{min-width:0}
.standrow .what b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.standrow .what i{font-style:normal;color:var(--faint);font-size:11px}
.standrow .verdict{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--edge2);color:var(--dim);white-space:nowrap}
.standrow[data-line="1"] .verdict{color:#1A0E04;background:linear-gradient(180deg,var(--hot),var(--molten));border-color:#000;font-weight:700}
.tapeln{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--edge);font-size:12px}
.tapeln:last-child{border-bottom:0}
.tapeln i{font-style:normal;color:var(--molten);font-weight:600}
.tapeln em{font-style:normal;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tapeln u{text-decoration:none;color:var(--faint);font-size:11px}
.tapeln[data-k="quenched"] i{color:var(--hot)}
.heatrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--edge);font-size:12.5px}
.heatrow:last-child{border-bottom:0}
.heatrow b{color:var(--dim);font-weight:600}
.heatrow em{font-style:normal;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heatrow u{text-decoration:none;color:var(--molten);font-weight:600}
.hush{color:var(--faint);font-size:12px;line-height:1.55;margin:6px 0 0}
.primer{margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--dim);line-height:1.55}
.primer li{padding:6px 0 6px 14px;position:relative;border-bottom:1px solid var(--edge)}
.primer li:last-child{border-bottom:0}
.primer li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--molten);box-shadow:var(--moltglow)}
.primer b{color:var(--ink);font-weight:600}

/* ---------- pages: rules, heats, smith ---------- */
.sheet{padding:4px 0 0}
.sheet h2{font-size:24px;margin:0 0 12px;text-shadow:0 2px 0 #000}
.sheet p{color:var(--dim);font-size:13.5px;line-height:1.65;margin:0 0 12px}
.sheet p b{color:var(--ink)}
.scrollx{overflow-x:auto}
.grate{width:100%;border-collapse:collapse;font-size:12.5px}
.grate th{text-align:left;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding:6px 8px;border-bottom:1px solid var(--edge2)}
.grate td{padding:8px;border-bottom:1px solid var(--edge);white-space:nowrap}
.drawbtn{min-height:32px;padding:0 12px;border:2px solid #000;border-radius:9px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1A0E04;background:linear-gradient(180deg,var(--hot),var(--molten));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #000}

/* ---------- footer ---------- */
.slagline{margin:22px 14px 0;padding:14px 0 0;border-top:1px solid var(--edge);font-size:11.5px;color:var(--faint);line-height:1.7}
.slagline code{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim);word-break:break-all}
.slagline a{color:var(--dim);text-decoration:none}
.slagline a:hover{color:var(--hot)}

/* ---------- the tuyere (modal) ---------- */
#tuyere{position:fixed;inset:0;z-index:60;background:rgba(4,3,2,.78);display:flex;align-items:flex-end;justify-content:center;padding:0}
#tuyere[hidden]{display:none}
.tuy-box{width:100%;max-width:520px;border:2px solid #000;border-radius:18px 18px 0 0;background:linear-gradient(180deg,var(--plate2),var(--plate));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 -8px 40px rgba(0,0,0,.6);max-height:88vh;overflow:auto}
.tuy-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--edge);font-family:"Titan One",Impact,sans-serif;font-size:18px;text-shadow:0 1px 0 #000}
.tuy-shut{width:36px;height:36px;border-radius:50%;border:1px solid var(--edge2);font-size:18px;line-height:1}
.tuy-body{padding:14px}
.tuy-body p{margin:0 0 10px;font-size:13.5px;line-height:1.6;color:var(--dim)}
.tuy-body p b{color:var(--ink)}
.tuy-body .hush{margin:0 0 12px}
.wellpick{display:grid;gap:8px}
.wellpick button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid #000;border-radius:12px;background:linear-gradient(180deg,var(--iron3),var(--iron2));box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 2px 0 #000;font-size:14px}
.wellpick img{width:24px;height:24px;border-radius:6px}
.sparknote{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:70;padding:10px 16px;border:2px solid #000;border-radius:999px;background:linear-gradient(180deg,var(--iron3),var(--iron2));color:var(--ink);font-size:13px;box-shadow:0 3px 0 #000,0 10px 30px rgba(0,0,0,.6);max-width:92vw;text-align:center}

/* ---------- 560+: a wider measure ---------- */
@media (min-width:560px){
  :root{--cru:108px}
  #crucible{grid-template-columns:auto 1fr auto;grid-template-areas:"mark nav cuff" "ca ca ca";padding:9px 16px}
  .cru-mark b{display:inline}
  .cru-ca{padding:5px 8px 5px 12px;grid-template-columns:auto 1fr auto auto;grid-template-areas:"tag addr gm copy"}
  .cru-addr{font-size:12px}
  .cru-nav{display:flex;gap:2px}
  .tabs-phone{display:none}
  #floor{max-width:760px}
  .hearthrow{padding:22px 20px 8px}
  .hearthrow h1{font-size:40px}
  .lede{font-size:15px;max-width:60ch}
  .dial dd{font-size:20px}
  .strip-grid{grid-auto-columns:104px;grid-auto-rows:70px}
  .chip b{font-size:13px}
  .twocol{padding:16px 20px 0}
  .slagline{margin:26px 20px 0}
}
/* 1100+: one row across the top; the tag comes back once there is room for it */
@media (min-width:1100px){
  :root{--cru:60px}
  #crucible{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"mark ca nav cuff"}
  .cru-tag{display:none}
  .cru-addr{font-size:12.5px}
}
@media (min-width:1300px){.cru-tag{display:inline}}

/* ---------- 1000+: the floor recomposes — chain across the top, forge left, standings right ---------- */
@media (min-width:1000px){
  #floor{max-width:1180px;padding:0 24px 40px}
  .marq{margin:0 -24px}
  .hearthrow{padding:30px 0 12px;display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:end}
  .hearthrow h1{font-size:54px;margin:0 0 12px}
  .lede{font-size:16px;margin:0}
  .dials{gap:10px;align-self:end}
  .dial{padding:12px 13px 11px}
  .dial dd{font-size:clamp(19px,1.75vw,26px)}
  .chainstrip{border:2px solid #000;border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 0 #000;margin-top:16px}
  .strip-grid{grid-auto-columns:120px;grid-auto-rows:76px;gap:12px 26px}
  .chip::before{left:-28px;width:28px}
  .chip[data-branch="1"]::before{left:-28px;width:28px}
  .twocol{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;padding:20px 0 0;align-items:start}
  .ingot{padding:20px}
  .ingot-head h2{font-size:26px}
  .forgebtn{min-height:64px;font-size:26px}
  .standings{margin:0;position:sticky;top:calc(var(--cru) + 14px)}
  .slagline{margin:34px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
  .hearthrow h1 br{display:none}
}
