*{box-sizing:border-box}html,body,#root{height:100dvh;margin:0}body{overscroll-behavior:none;touch-action:none;background:#000;width:100%;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;position:fixed;inset:0;overflow:hidden}.app,canvas{width:100vw;height:100dvh;display:block}.cam-hud{z-index:5;pointer-events:none;color:#fffffff2;text-shadow:0 0 6px #ffffff8c,0 0 3px #ffffff59;letter-spacing:.1em;font-family:ui-monospace,Courier New,monospace;font-size:20px;position:fixed;inset:0}.cam-hud .b{border:3px solid #ffffffd9;width:50px;height:50px;position:fixed}.cam-hud .tl{border-bottom:none;border-right:none;top:30px;left:30px}.cam-hud .tr{border-bottom:none;border-left:none;top:30px;right:30px}.cam-hud .bl{border-top:none;border-right:none;bottom:30px;left:30px}.cam-hud .br{border-top:none;border-left:none;bottom:30px;right:30px}.cam-hud .cam-rec{align-items:center;gap:10px;display:flex;position:fixed;top:36px;left:94px}.cam-hud .cam-rec .dot{background:#ff3b30;border-radius:50%;width:15px;height:15px;animation:1s step-end infinite blink;box-shadow:0 0 10px #ff3b30}.cam-hud .cam-rec .tc{opacity:.85}@keyframes blink{50%{opacity:0}}.cam-hud .cam-bat{letter-spacing:3px;position:fixed;top:36px;right:94px}.cam-hud .cam-id{opacity:.7;position:fixed;top:68px;right:94px}.cam-hud .cam-low{color:#ffcf8f;opacity:.9;animation:1.4s step-end infinite blink;position:fixed;top:70px;left:94px}.cam-hud .cam-date{position:fixed;bottom:38px;left:94px}.cam-hud .cam-time{position:fixed;bottom:38px;right:94px}.cam-hud .cam-time.err{color:#ff3b30;letter-spacing:2px;animation:.5s step-end infinite blink}.cam-hud .cam-nosignal{color:#ff3b30;letter-spacing:6px;text-shadow:0 0 12px #ff3b30b3;font-size:26px;animation:.45s step-end infinite blink;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cam-hud .cam-nosignal .dot.off{box-shadow:none;background:#555;animation:none}.cam-hud .cam-tracking{color:#fff9;letter-spacing:4px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.cam-hud .reticle{border:1px solid #ffffff80;width:32px;height:32px;margin:-16px 0 0 -16px;position:fixed;top:50%;left:50%}.cam-hud .reticle:after{content:"";background:#ffffffd9;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%}.cam-hud .cam-scanlines{mix-blend-mode:multiply;opacity:.22;background:repeating-linear-gradient(#0000001a 0 1px,#0000 2px 3px);animation:5s infinite flicker;position:fixed;inset:0}@keyframes flicker{0%,to{opacity:.2}50%{opacity:.26}}.overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(120% 120% at 50% 40%,#1412068c,#000000d9);place-items:center;display:grid;position:fixed;inset:0}.panel{text-align:center;color:#f3ecc9;background:#0a090459;border:1px solid #f3ecc926;border-radius:10px;padding:2rem 2.5rem}.panel h1{letter-spacing:.35em;text-indent:.35em;margin:0 0 .25rem;font-size:3rem;font-weight:700}.panel .tag{opacity:.7;letter-spacing:.1em;margin:0 0 1.5rem}.panel .hint{opacity:.55;margin:0 0 1.5rem;font-size:.85rem}.panel button{letter-spacing:.15em;text-transform:uppercase;color:#1a1705;cursor:pointer;background:#d9c66a;border:none;border-radius:6px;padding:.7rem 2rem;font-size:1rem;transition:background .2s}.panel button:hover{background:#ecd980}.panel .warn{opacity:.4;margin:1.2rem 0 0;font-size:.75rem}.touch{z-index:8;touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.touch-look{touch-action:none;position:absolute;inset:0}.touch-joy{touch-action:none;background:#0a090440;border:2px solid #f3ecc940;border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:absolute;bottom:32px;left:28px}.touch-joy-knob{pointer-events:none;background:#d9c66a8c;border:2px solid #f3ecc980;border-radius:50%;width:64px;height:64px}.touch-btn{color:#f3ecc9;letter-spacing:.12em;touch-action:none;background:#0a090459;border:2px solid #f3ecc959;border-radius:50%;width:96px;height:96px;font-family:ui-monospace,Courier New,monospace;font-size:.72rem;position:absolute}.touch-run{bottom:120px;right:32px}.touch-creep{bottom:44px;right:140px}.touch-btn:active{background:#d9c66a66}.touch-btn.on{color:#fff;background:#d9c66a80;border-color:#f3ecc9cc;box-shadow:0 0 12px #d9c66a66}