:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f5f7;background:#080a10;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#080a10;min-height:100%;margin:0}body{overflow:hidden}#procedural-stage{position:fixed;inset:0}#procedural-stage canvas{width:100%;height:100%;display:block}.procedural-hud{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b12de;border:1px solid #d1dcf538;border-radius:18px;width:min(430px,100vw - 48px);padding:20px;position:fixed;top:24px;left:24px;box-shadow:0 20px 70px #0006}.procedural-eyebrow{color:#a8b9ff;letter-spacing:.16em;font-size:10px;font-weight:700}h1{margin:10px 0 8px;font-size:clamp(26px,4vw,42px);line-height:.98}p{color:#b5bdca;margin:0;font-size:13px;line-height:1.5}.procedural-status{background:#a8b9ff1a;border-radius:12px;grid-template-columns:1fr auto;gap:4px 12px;margin-top:18px;padding:12px;display:grid}.procedural-status strong{color:#f6f8ff}.procedural-status span{color:#b7c4ff;font-size:12px}.procedural-status small{color:#a9b0be;grid-column:1/-1;line-height:1.4}.procedural-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.procedural-metrics div{background:#ffffff0e;border-radius:10px;padding:10px}.procedural-metrics dt{color:#8490a4;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.procedural-metrics dd{color:#f2f4ff;margin:4px 0 0;font-size:14px}.procedural-controls{gap:10px;display:grid}.procedural-controls label{color:#bec6d3;grid-template-columns:1fr minmax(100px,160px);align-items:center;gap:12px;font-size:12px;display:grid}.procedural-controls input[type=range]{accent-color:#a8b9ff;width:100%}.procedural-controls input[type=checkbox]{accent-color:#a8b9ff;justify-self:end}.procedural-buttons{flex-wrap:wrap;gap:8px;display:flex}button{color:#f1f4ff;cursor:pointer;font:inherit;background:#a8b9ff1a;border:1px solid #d1dcf540;border-radius:9px;padding:8px 10px;font-size:12px}button:hover:not(:disabled){background:#a8b9ff33}button:disabled{cursor:not-allowed;opacity:.42}.procedural-contract{color:#adb6c5;border-top:1px solid #d1dcf524;margin-top:14px;padding-top:12px;font-size:11px;line-height:1.5}.procedural-source{margin-top:10px;font-size:11px}a{color:#b7c4ff}#error-panel{color:#ffc7cf;background:#78182d4d;border:1px solid #ff849666;border-radius:10px;margin-top:10px;padding:10px;font-size:12px}#error-panel strong{margin-bottom:4px;display:block}@media (width<=700px){.procedural-hud{width:calc(100vw - 24px);padding:15px;top:12px;left:12px}.procedural-hud p,.procedural-contract,.procedural-source{font-size:10px}}