:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff4ff;background:#080d18;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#080d18;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#camera-stage,#camera-stage canvas{width:100%;height:100%;position:fixed;inset:0}.hud{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0d1426ed,#090f1ed0);border:1px solid #46587d;border-radius:20px;width:min(560px,100vw - 32px);margin:24px;padding:22px;position:relative;box-shadow:0 24px 90px #0008}.eyebrow{color:#8ed8ff;letter-spacing:.16em;font:700 .7rem ui-monospace,monospace}h1{letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(2rem,5vw,4rem);line-height:.92}.intro,.hint,.source{color:#adb9d3;line-height:1.55}code,a{color:#ffd38e}.controls,.status,.metrics{gap:10px;margin-top:18px;display:grid}.controls{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#8d9cba;letter-spacing:.1em;text-transform:uppercase;gap:6px;font-size:.68rem;display:grid}input[type=range]{accent-color:#8ed8ff;width:100%}button{color:#f3f8ff;width:100%;font:inherit;cursor:pointer;background:#15233d;border:1px solid #4b6590;border-radius:10px;padding:10px 12px}button:hover{border-color:#8ed8ff}button:disabled{opacity:.45;cursor:default}.mode{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode button[aria-pressed=true]{color:#08111c;background:#8ed8ff;border-color:#8ed8ff}.check{color:#d8e4fa;letter-spacing:0;text-transform:none;border:1px solid #4b6590;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;font-size:.82rem;display:flex}.check input{accent-color:#8ed8ff}.status{background:#0b1427;border:1px solid #364b73;border-radius:14px;padding:14px}.status-line{justify-content:space-between;gap:12px;font-weight:700;display:flex}#status-label{color:#8ed8ff}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}.metrics div{background:#111e38;border-radius:9px;padding:9px}dt{color:#7184aa;text-transform:uppercase;font-size:.61rem}dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:.82rem}#error-output{color:#ff9f9f;white-space:pre-wrap}.hint{margin-bottom:0;font-size:.82rem}.source{font-size:.72rem}@media (width<=680px){body{overflow:auto}.hud{margin:12px;padding:17px}.controls,.metrics{grid-template-columns:1fr 1fr}}