:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef8ff;background:#071016;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 12%,#18394c,#071016 50%,#03070a);min-width:320px;min-height:100vh;margin:0;overflow:hidden}#stage,#stage canvas{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,#0d202be8,#07131bd9);border:1px solid #2a6075;border-radius:20px;width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);margin:16px;padding:21px;position:relative;overflow:auto;box-shadow:0 25px 90px #000b}.eyebrow{color:#76dcff;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:#b7cdd5;line-height:1.5}code,a{color:#8be5ff}.status,.controls,.metrics{gap:10px;margin-top:17px;display:grid}.status{background:#0b1c25;border:1px solid #24566a;border-radius:14px;padding:14px}.status-line{justify-content:space-between;gap:12px;font-weight:700;display:flex}#status-label{color:#76dcff}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{background:#112935;border-radius:9px;min-width:0;padding:9px}dt{color:#7fa8b5;text-transform:uppercase;font-size:.61rem}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}button{color:#eef8ff;width:100%;font:inherit;cursor:pointer;background:#122c39;border:1px solid #376c7e;border-radius:10px;padding:10px 12px}button:hover{border-color:#76dcff}button:disabled{opacity:.45;cursor:default}.wide{grid-column:1/-1}.contract{background:#0d222d;border:1px solid #2a6075;border-radius:13px;margin-top:16px;padding:13px}.contract strong{color:#d9f7ff;display:block}.contract span{color:#76dcff;font:700 .7rem ui-monospace,monospace}.contract p{margin:6px 0 0;font-size:.8rem}.source{margin-bottom:0;font-size:.7rem}.error{color:#ffb3b3;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}}