/* shape.christcode.ai additions (night register, tokens from styles.css) */
.coverplate.tall{max-width:440px;margin-left:auto;margin-right:auto}
.coverplate.tall img{aspect-ratio:auto;object-fit:contain;height:auto}
figure.plate svg{display:block;width:100%;height:auto;background:var(--bg2)}
figure.plate.sq svg{max-width:640px;margin:0 auto}
.fig-fit{overflow:hidden}
svg text{font-family:var(--mono);fill:var(--ink)}
.circ{fill:none;stroke:var(--ink-faint);stroke-width:2}
.almond{fill:var(--gold);opacity:.14;stroke:none}
.fish{fill:none;stroke:var(--gold);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.tri{fill:none;stroke:var(--gold);stroke-width:4;stroke-linejoin:round}
.dot{fill:var(--gold);stroke:var(--bg2);stroke-width:2}
.eye{fill:var(--gold)}
.lab{font-size:28px;fill:var(--ink-soft)}
.lab.gold{fill:var(--gold)}
.note{font-family:var(--serif);font-style:italic;font-size:34px;fill:var(--ink)}
.big{font-family:var(--serif);font-size:52px;fill:var(--ink)}
.big.gold{fill:var(--gold)}
svg .wide{stroke:var(--ink);stroke-width:3}
svg .tall{stroke:var(--gold);stroke-width:3;stroke-dasharray:9 7}
svg .rule{stroke:var(--line);stroke-width:1.5}
.fd{fill:var(--gold);opacity:.9}
.iris{fill:none;stroke:var(--gold);stroke-width:3}
.pupil{fill:var(--gold)}
.tally{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:34px 0 6px}
.tally div{border:1px solid var(--line-soft);background:var(--card);border-radius:10px;padding:18px 16px;text-align:center}
.tally div.on{border-color:var(--gold)}
.tally b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-faint);font-weight:500}
.tally span{display:block;font-family:var(--serif);font-size:2rem;line-height:1.2;color:var(--ink);margin:6px 0 2px}
.tally div.on span{color:var(--gold)}
.tally i{font-size:13px;color:var(--ink-soft)}
.steps{list-style:none;counter-reset:s;max-width:640px;margin:36px auto 0;text-align:left}
.steps li{counter-increment:s;position:relative;padding:0 0 16px 46px;color:var(--ink-soft)}
.steps li::before{content:counter(s);position:absolute;left:0;top:-4px;font-family:var(--serif);font-size:1.8rem;color:var(--gold)}
@media(max-width:640px){.wrap{padding:0 16px}.tally{grid-template-columns:1fr}.coverplate.tall{max-width:300px}}
.lab.one{font-size:40px;fill:var(--ink)}