:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dcecf2;background:#030507;font-family:SFMono-Regular,Roboto Mono,Noto Sans Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 50% 48%,#0a151d 0,#030507 64%),#030507;width:100%;min-height:100%;margin:0;overflow:hidden}body{min-height:100dvh}header{z-index:4;top:max(1rem, env(safe-area-inset-top));left:max(1.1rem, env(safe-area-inset-left));pointer-events:none;position:fixed}header nav a{color:#e2f1f6d1;letter-spacing:.22em;text-shadow:0 0 18px #5be2ff40;text-transform:uppercase;font-size:clamp(.68rem,1.25vw,.86rem);font-weight:600;text-decoration:none}main{place-items:center;width:100vw;min-height:100dvh;display:grid}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage{isolation:isolate;background:#05070a;width:min(100vw,177.778dvh);height:min(100dvh,56.25vw);position:relative;overflow:hidden;box-shadow:0 0 0 1px #97c5d714,0 0 80px #133a4b3d}.stage:after{z-index:2;pointer-events:none;content:"";mix-blend-mode:screen;background:repeating-linear-gradient(#dbf1f805 0 1px,#0000 1px 4px);position:absolute;inset:0}.camera-feed{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.diagnostic-canvas{z-index:1;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;position:absolute;inset:0}.aperture{z-index:3;outline-offset:.55rem;cursor:pointer;background:#03080cd1;border:1px solid #5be2ffad;border-radius:50%;outline:1px solid #e1f1f729;width:clamp(4.6rem,9vw,6.4rem);height:clamp(4.6rem,9vw,6.4rem);padding:0;transition:border-color .15s,box-shadow .15s,opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #5be2ff12,0 0 28px #5be2ff24}.aperture:hover,.aperture:focus-visible{border-color:#d6f7fff2;box-shadow:inset 0 0 34px #5be2ff1f,0 0 40px #5be2ff3d}.aperture:focus-visible{outline-color:#dff8ff}.aperture[hidden]{display:none}.aperture:disabled{cursor:progress;opacity:.52}.aperture-ring{border:2px solid #dcf4fad1;border-radius:50%;width:58%;height:58%;margin:21% auto;display:block;box-shadow:0 0 16px #5be2ff47}.camera-status{z-index:3;right:max(1rem, env(safe-area-inset-right));bottom:max(.85rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));color:#ffb1b8cc;letter-spacing:.08em;text-align:center;text-shadow:0 0 12px #05070a;min-height:1.2em;margin:0;font-size:clamp(.62rem,1.35vw,.78rem);position:absolute}.camera-status.simulation-status{color:#a3ebffe0;text-shadow:0 0 12px #05070a,0 0 16px #5be2ff38}@media (aspect-ratio<=9/10){.stage{width:100vw;height:100dvh;box-shadow:none}header{top:max(.8rem, env(safe-area-inset-top));left:max(.85rem, env(safe-area-inset-left))}}@media (prefers-reduced-motion:reduce){.aperture{transition:none}}
