* { box-sizing:border-box; }
:root { --bg:#030404; --ink:#ecebe4; --dim:rgba(236,235,228,.42); --accent:#f2a64f; }
html,body { width:100%;height:100%;margin:0; }
body { overflow:hidden;background:var(--bg);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif; }
canvas { position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;cursor:pointer; }
canvas:focus-visible { outline:2px solid var(--accent);outline-offset:-5px; }
.iris-head { position:fixed;z-index:5;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));top:max(.9rem,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:start;pointer-events:none;text-transform:uppercase;letter-spacing:.18em; }
.iris-head a { pointer-events:auto;color:var(--ink);text-decoration:none;font-size:.68rem;font-weight:700; }
.iris-head a:focus-visible { outline:2px solid var(--accent);outline-offset:5px; }
.iris-readout { text-align:right;font:600 .64rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--dim); }
.iris-readout strong { display:block;color:var(--ink);font-size:1rem;letter-spacing:.12em; }
.sr-only { position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; }
.shot .iris-head,.shot .study-controls,.shot .about-help-auto { display:none!important; }
@media(max-width:560px){.iris-head{font-size:.58rem}.iris-readout strong{font-size:.82rem}}