@font-face{font-family:Anton;src:url(anton.ttf);font-display:swap}
:root{color-scheme:dark;--yellow:#f4ca27;--line:#48463b;--muted:#b6b2a3}
*{box-sizing:border-box}
body{margin:0;background:#191915;color:#f6f1db;font:16px/1.5 system-ui,sans-serif}
header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px max(20px,calc((100% - 1050px)/2));background:var(--yellow);color:#191915}
a{color:inherit;text-underline-offset:.24em}
.brand{font-size:1.25rem;font-weight:850;text-decoration:none;white-space:nowrap}
main{max-width:1090px;margin:auto;padding:0 20px 70px}
.intro{padding:clamp(36px,7vw,88px) 0 32px;border-bottom:1px solid var(--line);margin-bottom:24px}
.network,.hint,dt,label{font-family:ui-monospace,monospace}
.network{color:var(--yellow);font-size:.76rem;letter-spacing:.08em}
h1{font:clamp(3rem,10vw,7rem)/1.03 Anton,sans-serif;text-transform:uppercase;margin:14px 0}
.lede{color:var(--muted);font-size:clamp(1rem,2.4vw,1.4rem);margin:0}
.terminal{border:1px solid var(--line);background:#24241f;padding:clamp(14px,3vw,30px)}
label{display:block;margin-bottom:8px;font-size:.9rem}
.controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
input,button{min-height:48px;font:inherit;border:1px solid var(--line);border-radius:0;padding:8px 12px}
input{min-width:0;background:#191915;color:inherit;font-family:ui-monospace,monospace}
button{background:var(--yellow);color:#191915;font-weight:750;cursor:pointer}
button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hint,dt{color:var(--muted);font-size:.8rem}
#status{color:var(--yellow)}
#result{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}
.result-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
h2,h3{margin:8px 0}
dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 24px;gap:1px;background:var(--line);border:1px solid var(--line)}
dl div{background:#191915;padding:12px}
dd{margin:4px 0 0;overflow-wrap:anywhere}
table{border-collapse:collapse;width:100%;font-size:.85rem}
th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px;overflow-wrap:anywhere}
td{font-family:ui-monospace,monospace}
#transfers{overflow:auto}
@media(max-width:600px){dl{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:1fr}header>a:last-child{font-size:.8rem}}