:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2fbff;background:#050a10;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 10%,#24445c,#071019 48%,#030609);min-width:320px;min-height:100vh;margin:0;overflow:hidden}#stage,#stage canvas{touch-action:none;width:100%;height:100%;position:fixed;inset:0}.hud{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#0c1e2ae8,#07121ad9);border:1px solid #315d75;border-radius:20px;width:min(590px,100vw - 32px);max-height:calc(100vh - 32px);margin:16px;padding:21px;position:relative;overflow:auto;box-shadow:0 25px 90px #000b}.eyebrow{color:#82ddff;letter-spacing:.16em;font:700 .68rem ui-monospace,monospace}h1{letter-spacing:-.065em;margin:10px 0 8px;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.9}p{color:#bad0d8;line-height:1.5}code,a{color:#9ae7ff}.status,.controls,.metrics{gap:10px;margin-top:17px;display:grid}.status{background:#0a1a24;border:1px solid #2b556b;border-radius:14px;padding:14px}.status-line{justify-content:space-between;gap:12px;font-weight:700;display:flex}#status-label{color:#82ddff}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{background:#102833;border-radius:9px;min-width:0;padding:9px}dt{color:#83a9b6;text-transform:uppercase;font-size:.6rem}dd{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.78rem;overflow:hidden}.controls{grid-template-columns:1fr 1fr}label{color:#a9c4cd;letter-spacing:.08em;text-transform:uppercase;gap:6px;font-size:.67rem;display:grid}input[type=range]{accent-color:#82ddff;width:100%}button{color:#f2fbff;width:100%;font:inherit;cursor:pointer;background:#112b38;border:1px solid #3a6d80;border-radius:10px;padding:10px 12px}button:hover{border-color:#82ddff}button:disabled,input:disabled{opacity:.45;cursor:default}.wide{grid-column:1/-1}.contract{background:#0c212c;border:1px solid #315d75;border-radius:13px;margin-top:16px;padding:13px}.contract strong{color:#d9f7ff;display:block}.contract span{color:#82ddff;font:700 .7rem ui-monospace,monospace}.contract p{margin:6px 0 0;font-size:.8rem}.source{margin-bottom:0;font-size:.7rem}.error{color:#ffb6b6;white-space:pre-wrap}@media (width<=680px){body{overflow:auto}.hud{width:calc(100vw - 20px);max-height:calc(100vh - 20px);margin:10px;padding:17px}.controls,.metrics{grid-template-columns:1fr 1fr}}