:root{--k-max:1040px}

.mz-page{max-width:var(--k-max)}

.k-hero{display:flex;align-items:center;justify-content:flex-start;overflow:hidden}
.k-hero__inner{padding:clamp(20px,5vw,48px);max-width:64ch}
.k-title{font-size:clamp(56px,16vw,148px);line-height:.86;letter-spacing:-.04em;margin:.08em 0 .1em;font-family:var(--mz-mono)}
.k-controls{margin-top:20px}

.k-sec{margin:clamp(48px,9vw,104px) 0}
.k-narrow{max-width:var(--mz-measure)}
.k-stats{margin-top:24px}

.k-cmd{font-family:var(--mz-mono);font-size:13px;color:var(--mz-text-muted);letter-spacing:.06em;padding:10px 0 0;border-top:1px solid var(--mz-border-soft);margin-top:clamp(40px,8vw,88px)}
.k-cmd::before{content:"> ";color:var(--mz-accent)}
.k-cmd::after{content:"";display:inline-block;width:7px;height:1em;margin-left:6px;background:var(--mz-accent);vertical-align:-2px;animation:k-blink 1.1s steps(1) infinite}
@keyframes k-blink{0%,50%{opacity:1}51%,100%{opacity:0}}

.k-pipe svg,.k-map svg{display:block;width:100%;height:auto;min-width:640px}
.k-map{position:relative;cursor:crosshair}
.k-n{font-family:var(--mz-mono);font-size:15px;font-weight:600;fill:var(--mz-text-strong);letter-spacing:.06em}
.k-n--dim{fill:var(--mz-text-muted)}
.k-s{font-family:var(--mz-mono);font-size:11px;fill:var(--mz-text-muted);letter-spacing:.04em}
.k-q{font-family:var(--mz-mono);font-size:14px;fill:var(--mz-text-muted)}
.k-brk{font-family:var(--mz-mono);font-size:11px;font-weight:700;fill:var(--mz-danger);letter-spacing:.14em}
.k-num{font-family:var(--mz-mono);font-size:38px;font-weight:700;fill:var(--mz-border)}
.k-num--live{fill:var(--mz-accent)}

.k-void{display:grid;place-items:center;overflow:hidden;margin:clamp(48px,9vw,104px) 0}
.k-void__inner{text-align:center;padding:32px}
.k-zero{font-family:var(--mz-mono);font-weight:700;font-size:clamp(140px,34vw,300px);line-height:.82;color:transparent;-webkit-text-stroke:2px var(--mz-accent);cursor:pointer;user-select:none;transition:opacity .25s ease}
.k-zero:hover{opacity:.72}
.k-zero:focus-visible{outline:2px solid var(--mz-accent);outline-offset:8px}
.k-hint{color:var(--mz-text-muted);letter-spacing:.14em;text-transform:uppercase}

.k-slot{border-left:2px dashed var(--mz-border);padding-left:14px;color:var(--mz-text-muted);font-style:italic}

.mz-meta{margin-top:clamp(48px,9vw,88px)}

@media (max-width:640px){.k-pipe,.k-map{overflow-x:auto}}
@media (prefers-reduced-motion:reduce){.k-cmd::after{animation:none}}
