.ed.sx-hero > .h42-ov { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: visible; }
.h42-ov text { font-family: "LisaTerminal Paper 2X3Y Medium", "LisaTerminal Paper 2X3Y", ui-monospace, monospace; font-size: 14px; -webkit-font-smoothing: none; }
.h42-g { fill: rgba(var(--ed-i), .56); }
.h42-ok { fill: var(--fx-ok); color: var(--fx-ok); }
.h42-no { fill: var(--fx-no); color: var(--fx-no); }
.h42-patch { fill: var(--ed-band); }
.h42-ring { fill: none; stroke-width: 1.5; opacity: .9; }
.h42-ring.no { stroke: var(--fx-no); } .h42-ring.ok { stroke: var(--fx-ok); }
.h42-lead { stroke: rgba(var(--ed-i), .38); stroke-width: 1; stroke-dasharray: 2 3; }
.h42-exit { fill: var(--fx-no); fill-opacity: .85; }
.h42-walked { fill: var(--fx-ok); fill-opacity: .8; }
.h42-agent { fill: var(--fx-a4); font-weight: 700; opacity: 0; }
.h42-tear { fill: var(--fx-no); opacity: 0; }


.h42-copy .sx-hero-h { text-wrap: balance; }


.h42-walk { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.h42-url { display: inline-flex; align-items: center; height: 44px; padding: 0 12px; background: rgba(255, 255, 255, .55); box-shadow: inset 0 0 0 2px #1e1e1e; font-family: var(--ed-mono); font-size: 14px; color: rgba(var(--ed-i), .9); cursor: text; }
html[data-rv-mode="dark"] .h42-url { background: rgba(0, 0, 0, .35); box-shadow: inset 0 0 0 2px rgba(var(--ed-i), .6); }
.h42-url-p { opacity: .5; }
.h42-url input { width: 150px; border: 0; background: transparent; outline: 0; font: inherit; color: inherit; padding: 0 0 0 1px; }
.h42-url input::placeholder { color: rgba(var(--ed-i), .45); }
.h42-url:focus-within { box-shadow: inset 0 0 0 2px #1e1e1e, 0 0 0 3px rgba(216, 58, 18, .45); }
.h42-walk .sx-btn { height: 44px; border: 0; cursor: pointer; font: inherit; }


.h42-fo { width: 100%; height: 100%; font-family: var(--ed-mono); font-size: 12.5px; line-height: 1.45; color: rgba(var(--ed-i), .92); }
.h42-card { box-sizing: border-box; background: linear-gradient(rgba(255, 255, 255, .42), rgba(255, 255, 255, .42)), var(--ed-band); box-shadow: inset 0 0 0 1px rgba(var(--ed-i), .55), 3px 3px 0 rgba(var(--ed-i), .18); padding: 8px 11px 9px; }
html[data-rv-mode="dark"] .h42-card { background: linear-gradient(rgba(0, 0, 0, .28), rgba(0, 0, 0, .28)), var(--ed-band); }
.h42-card p { margin: 0; }
.h42-bar { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 5px; margin-bottom: 6px; border-bottom: 1px dashed rgba(var(--ed-i), .3); font-size: 11.5px; }
.h42-dim { color: rgba(var(--ed-i), .56); }
.h42-card b { font-weight: 600; }
.h42-g2 { font-family: "LisaTerminal Paper 2X3Y Medium", ui-monospace, monospace; font-size: 18px; color: rgba(var(--ed-i), .6); }
.h42-diff { font-weight: 600; }
.h42-q { color: rgba(var(--ed-i), .95); }


.h42-line { display: grid; grid-template-columns: 58px 1fr auto; gap: 8px; white-space: nowrap; }
.h42-line .h42-q { overflow: hidden; text-overflow: ellipsis; }
.h42-foot { margin-top: 5px; font-size: 11px; }
.h42-rival, .h42-stamp { display: flex; align-items: center; gap: 10px; }
.h42-rival div, .h42-stamp div { display: grid; }
.h42-rival span.h42-dim, .h42-stamp span.h42-dim { font-size: 11.5px; }


.h42-find { position: relative; height: 96px; }
.h42-face { position: absolute; inset: 8px 11px 9px; }
.h42-find .h42-f1 { opacity: 0; }
.h42-find .h42-q, .h42-find .h42-diff { margin-bottom: 3px; }
.h42-tally .h42-t { display: flex; align-items: baseline; gap: 8px; }
.h42-tally .h42-t b { min-width: 24px; font-size: 16px; }


.h42-step { margin-bottom: 2px !important; }


.h42-run [data-s] { opacity: 0; transition: opacity .35s ease; }
.h42-run.s-a1 [data-s="a1"], .h42-run.s-a2 [data-s="a2"], .h42-run.s-a3 [data-s="a3"], .h42-run.s-a4 [data-s="a4"], .h42-run.s-ax [data-s="ax"],
.h42-run.s-b1 [data-s="b1"], .h42-run.s-b2 [data-s="b2"],
.h42-run.s-c1 [data-s="c1"], .h42-run.s-c2 [data-s="c2"], .h42-run.s-c3 [data-s="c3"], .h42-run.s-c4 [data-s="c4"] { opacity: 1; }

.h42-run .h42-ring[data-s] { transition: none; }
.h42-run.s-a1 .h42-ring[data-s="a1"], .h42-run.s-a2 .h42-ring[data-s="a2"], .h42-run.s-a3 .h42-ring[data-s="a3"], .h42-run.s-a4 .h42-ring[data-s="a4"] { animation: h42-blink .5s steps(1) 2; }
@keyframes h42-blink { 50% { opacity: 0; } }

.h42-run.s-b1:not(.s-b2) .h42-f1 { opacity: 1; }
.h42-find .h42-face { transition: opacity .3s ease; }
.h42-pulse { animation: none; }
.h42-run .h42-pulse { animation: h42-pulse 1.2s ease-in-out 3; }
@keyframes h42-pulse { 50% { opacity: .15; } }

.h42-run .h42-agent { opacity: 1; }
.h42-run.s-c4 .h42-agent { opacity: 0; transition: opacity .3s; }
.h42-tear.on { opacity: .5; }
.h42-run.s-rw .h42-fo { filter: hue-rotate(40deg) contrast(1.3); transform: translateX(3px); }


.h42-switch { position: fixed; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 90; display: flex; gap: 2px; padding: 4px; background: #1e1e1e; box-shadow: 0 6px 18px rgba(0, 0, 0, .28); font: 12px/1 var(--ed-mono); white-space: nowrap; }
.h42-switch a, .h42-switch button { color: #cfcfcf; text-decoration: none; padding: 8px 10px; border: 0; background: none; font: inherit; cursor: pointer; }
.h42-switch a:hover, .h42-switch button:hover { color: #fff; background: #333; }
.h42-switch [aria-current] { background: #d83a12; color: #fff; }
.h42-switch b { margin-right: 4px; }
@media (max-width: 1100px) { .h42-switch a:not([data-k]) , .h42-switch a[data-k] { max-width: 150px; overflow: hidden; text-overflow: ellipsis; } }
@media (max-width: 860px) { .ed.sx-hero > .h42-ov { display: none; } }


.h42-copy[data-hero="b"] .sx-hero-h, .h42-copy[data-hero="c"] .sx-hero-h { font-size: clamp(58px, 6.66vw, 101px); max-width: none; padding-bottom: 18px; }
.h42-f1ring { opacity: 0; }

html[data-rv-mode="dark"] .h42-card { background: var(--ed-d2, #252524); }
html[data-rv-mode="dark"] .h42-patch { fill: var(--ed-d, #1e1e1e); }