:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#1b2933}body{user-select:none}canvas{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.grain{position:fixed;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,transparent 2px,#fff 3px);background-size:5px 5px;z-index:3}.vignette{position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(circle at center,transparent 39%,rgba(5,10,14,.1) 67%,rgba(5,8,12,.66) 120%)}#hud{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .75s ease}#hud.live{opacity:1}#hud.quiet{opacity:.05}.hud-top,.hud-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 34px}.hud-top{top:0}.hud-bottom{bottom:0;align-items:flex-end}.mark{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#fff4d3;text-shadow:0 1px 12px #000}.mark strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:26px;letter-spacing:.12em;font-weight:400;margin-bottom:5px}.seed,.hint{font-size:10px;color:#fff7dbad;letter-spacing:.13em;text-transform:uppercase}.data{display:flex;gap:20px;padding:11px 14px;border:1px solid rgba(255,239,194,.24);border-radius:4px;background:#12191c2e;backdrop-filter:blur(9px)}.data div{min-width:74px}.data label{display:block;color:#fff2d299;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}.data output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff9e7;font-size:12px}.hint{max-width:330px;line-height:1.7;text-shadow:0 1px 9px #000}.crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);opacity:.43}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ffe0a0;box-shadow:0 0 9px #ffb84d}.crosshair:before{width:20px;height:1px;top:10px}.crosshair:after{width:1px;height:20px;left:10px}.intro{position:fixed;inset:0;z-index:8;display:grid;place-items:center;text-align:center;pointer-events:auto;transition:opacity 1.1s ease,visibility 1.1s;background:linear-gradient(180deg,#05090f0d,#04080a3d)}.intro.gone{opacity:0;visibility:hidden;pointer-events:none}.intro-content{transform:translateY(-4vh);text-shadow:0 3px 28px rgba(0,0,0,.75)}.eyebrow{margin:0 0 13px;color:#ffd38c;text-transform:uppercase;letter-spacing:.42em;font-size:10px}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,11vw,148px);font-weight:400;letter-spacing:.08em;line-height:.84;color:#fff8e6}h1 span{color:#e5ae5a;font-style:italic}.subtitle{margin:20px 0 30px;color:#f7e6c6;font:300 14px/1.75 Georgia,serif;letter-spacing:.07em}#launch{pointer-events:auto;border:1px solid rgba(255,229,175,.68);color:#fff5dd;background:#1619183b;padding:14px 20px 13px 23px;border-radius:2px;text-transform:uppercase;letter-spacing:.23em;font:600 10px/1 system-ui;cursor:pointer;transition:background .2s,transform .2s}#launch:hover,#launch:focus-visible{background:#ffc16038;transform:translateY(-2px);outline:none}.launch-note{margin-top:14px;font-size:9px;letter-spacing:.2em;color:#fff6dda8;text-transform:uppercase}.corner{position:fixed;width:30px;height:30px;border-color:#ffdf9f6b;z-index:7;pointer-events:none}.corner.a{top:18px;left:18px;border-top:1px solid;border-left:1px solid}.corner.b{top:18px;right:18px;border-top:1px solid;border-right:1px solid}.corner.c{bottom:18px;left:18px;border-bottom:1px solid;border-left:1px solid}.corner.d{right:18px;bottom:18px;border-bottom:1px solid;border-right:1px solid}.clean-capture #hud,.clean-capture .grain,.clean-capture .vignette,.clean-capture .corner,.low-power .grain{display:none}.low-power .data{backdrop-filter:none;background:#12191c75}@media (max-width: 640px){.hud-top,.hud-bottom{padding:18px}.data{gap:10px}.data div:nth-child(2){display:none}.hint{max-width:225px;font-size:8px}.mark strong{font-size:20px}.eyebrow{letter-spacing:.24em}}