:root{--font-mono:"JetBrains Mono","JetBrains Mono Fallback",ui-monospace,Menlo,Consolas,monospace}
/* MACHINE additions on top of the shared agency-style layer. */
html{overflow-y:scroll;scrollbar-gutter:stable}
.sky::before{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(236,233,223,.16) 1px,transparent 1.5px) 0 0/7px 7px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 30% 25%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 30% 25%,#000,transparent 75%)}
.nav-logo{display:inline-flex;align-items:center;gap:10px}
.nav-logo .mc-svg{width:26px;height:26px}
.nav-links a.on{color:var(--ink)}
.mc-svg{display:block;image-rendering:pixelated}
.cc-media .mc-svg,.hw-av .mc-svg{width:100%;height:100%;object-fit:cover}
.cc-media{aspect-ratio:1}
.cc-state.off{color:var(--muted);border-color:var(--line-2)}
.hw-av{display:block;overflow:hidden}
.hw-row.ex{opacity:.55;pointer-events:none}
.note{font:12px/1.6 var(--mono);color:var(--muted);margin:var(--s4) 0 0;max-width:62ch}
.note b{color:var(--ink-2);font-weight:500}
.hm-memes,.rule-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr))}
.rule{background:var(--bg-2);padding:var(--s5);display:grid;gap:var(--s2);align-content:start}
.rule .n{font:500 11px var(--mono);color:var(--muted);letter-spacing:.14em}
.rule b{font:700 17px/1.2 var(--sans)}
.rule p{margin:0;color:var(--ink-2);font-size:14px}
.rule code{font:12px var(--mono);color:var(--ink);background:var(--bg-3);border:1px solid var(--line);padding:6px 8px;display:block}
.status2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5)}
.status2>div{border:1px solid var(--line-2);background:var(--bg-2)}
.status2 h3{margin:0;padding:12px var(--s4);border-bottom:1px solid var(--line);font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.status2 li{list-style:none;display:flex;justify-content:space-between;gap:var(--s4);padding:12px var(--s4);border-bottom:1px solid var(--line);font-size:14px;color:var(--ink-2)}
.status2 li:last-child{border:0}
.status2 ul{margin:0;padding:0}
.tag{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:3px 6px;border:1px solid var(--line-2);color:var(--muted);white-space:nowrap;align-self:center}
.tag.on{color:var(--good);border-color:rgba(201,245,163,.4)}
.empty-box{border:1px dashed var(--line-2);padding:var(--s7) var(--s5);text-align:center;color:var(--ink-2);display:grid;gap:var(--s4);justify-items:center}
/* coin page */
.cp{display:grid;grid-template-columns:360px minmax(0,1fr);gap:var(--s7);align-items:start}
.cp-art{border:1px solid var(--line-2);background:#050505;aspect-ratio:1;position:sticky;top:calc(var(--nav-h) + var(--s5))}
.cp-art .mc-svg,.cp-art img{width:100%;height:100%}
.cp h1{font:800 clamp(30px,4vw,52px)/1 var(--mono);letter-spacing:-.04em;margin:0}
.cp .sym{font:500 15px var(--mono);color:var(--muted);margin:8px 0 var(--s5)}
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:var(--s5) 0}
.kv>div{background:var(--bg-2);padding:12px var(--s4)}
.kv dt{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.kv dd{margin:6px 0 0;font:600 16px var(--mono)}
.prog{border:1px solid var(--line-2);background:var(--bg-2);margin:var(--s5) 0}
.prog header{display:flex;justify-content:space-between;align-items:center;padding:12px var(--s4);border-bottom:1px solid var(--line);font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.prog ol{margin:0;padding:0;list-style:none;counter-reset:r}
.prog li{counter-increment:r;display:grid;grid-template-columns:34px 1fr;padding:12px var(--s4);border-bottom:1px solid var(--line);font-size:14.5px}
.prog li:last-child{border:0}
.prog li:before{content:counter(r,decimal-leading-zero);font:11px/1.9 var(--mono);color:var(--muted)}
.cp-links{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5)}
.ca{display:flex;align-items:center;gap:var(--s3);font:13px var(--mono);color:var(--ink-2)}
/* launch extras */
.rulepick{display:grid;gap:var(--s3)}
.rp{display:grid;grid-template-columns:1fr auto;gap:var(--s3) var(--s4);align-items:center;padding:14px var(--s4);border:1px solid var(--line-2);background:var(--bg-2);cursor:pointer}
.rp.on{border-color:var(--ink)}
.rp b{display:block;font-size:15px}
.rp small{color:var(--muted);font-size:12.5px}
.rp select{background:var(--bg);color:var(--ink);border:1px solid var(--line-2);font:12px var(--mono);padding:6px 8px}
.rp .sw{width:34px;height:18px;border:1px solid var(--line-2);position:relative}
.rp .sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--muted);transition:transform .15s}
.rp.on .sw:after{transform:translateX(16px);background:var(--ink)}
.lf2-art .mc-svg{width:100%;height:100%}
.status-line{font:13px/1.6 var(--mono);color:var(--ink-2);border:1px solid var(--line-2);padding:12px var(--s4);margin-top:var(--s3)}
.status-line.err{color:var(--bad);border-color:rgba(255,107,107,.4)}
.status-line.ok{color:var(--good);border-color:rgba(201,245,163,.4)}
@media (max-width:900px){.hm-memes,.rule-grid{grid-template-columns:1fr}.status2{grid-template-columns:1fr}.cp{grid-template-columns:1fr}.cp-art{position:static;max-width:380px}.kv{grid-template-columns:repeat(2,1fr)}}
.toasts{position:fixed;right:16px;bottom:16px;z-index:200;display:grid;gap:8px;max-width:min(380px,calc(100vw - 32px))}
.toast{display:flex;gap:10px;padding:12px 14px;background:var(--bg-3);border:1px solid var(--line-2);font:13px/1.5 var(--mono);color:var(--ink)}
.toast-err{border-color:rgba(255,107,107,.5);color:var(--bad)}
.toast-ok{border-color:rgba(201,245,163,.4)}
.ca span{word-break:break-all;min-width:0}
.ca{flex-wrap:wrap}
@media (max-width:600px){
  .hm-h1{font-size:8.4vw}
  .hm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-h1{font-size:9vw}
  .lh2 h1{font-size:8vw}
  .hm-cta .btn{flex:1 1 100%}
}