#app{position:relative;height:100dvh;min-height:480px;overflow:hidden;background:#071217}#camera,#hud,.sky{position:absolute;inset:0;width:100%;height:100%}#camera{object-fit:cover;z-index:1}#hud{z-index:2;pointer-events:none}.sky{background:linear-gradient(160deg,#0d242d,#081019 50%,#0c2022)}.stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 11% 18%,#a1c5c0,transparent),radial-gradient(1px 1px at 31% 39%,#a1c5c0,transparent),radial-gradient(2px 2px at 67% 25%,#bdceca,transparent),radial-gradient(1px 1px at 84% 52%,#a1c5c0,transparent),radial-gradient(1px 1px at 53% 63%,#a1c5c0,transparent),radial-gradient(1px 1px at 18% 71%,#a1c5c0,transparent);background-size:320px 410px;opacity:.5}.sky-glow{position:absolute;width:800px;height:800px;border:1px solid #5480701a;border-radius:50%;left:calc(50% - 400px);top:20%;box-shadow:0 0 0 100px #54807006,0 0 0 200px #54807004}.topbar{position:absolute;z-index:3;top:env(safe-area-inset-top);left:0;right:0;padding:22px 22px 10px;display:flex;justify-content:space-between;align-items:start;background:linear-gradient(#071217d9,transparent)}.brand{font-size:19px;letter-spacing:2px;font-weight:750;margin-bottom:7px}.brand-mark{color:var(--mint);font-weight:300}.brand-light{font-size:12px;letter-spacing:1px;font-weight:400}.topbar .eyebrow{font-size:7px}.telemetry{position:absolute;z-index:3;top:calc(84px + env(safe-area-inset-top));left:22px;right:22px;display:flex;gap:6px;align-items:center}.chip{padding:5px 7px;background:#072219bf;border:1px solid #4b81726b;border-radius:5px;color:var(--mint);font:9px ui-monospace,monospace;white-space:nowrap}.chip.warning{background:#231c13bf;border-color:#96734c66;color:var(--gold)}.chip.error{color:var(--red);border-color:#9e5c5c}#clock{margin-left:auto;color:#bbd0c8;font:10px ui-monospace,monospace}.notice{position:absolute;top:calc(124px + env(safe-area-inset-top));left:22px;right:22px;z-index:3;padding:9px 11px;background:#09151dd9;border:1px solid #36504980;border-radius:8px;color:#bccec8;font-size:11px;line-height:1.4}.welcome{position:absolute;z-index:4;left:24px;right:24px;top:50%;transform:translateY(-46%);max-width:460px;margin:auto;background:linear-gradient(135deg,#0a171be8,#0a171b9c);border:1px solid #31524b88;border-radius:20px;padding:28px}.orbital-glyph{position:absolute;right:24px;top:15px;font-size:90px;font-weight:200;color:#83ffd22b;line-height:1}.welcome h1{font-weight:450;font-size:clamp(32px,8vw,46px);line-height:1.1;letter-spacing:-1.5px;margin:30px 0 20px}.welcome h1 span{color:var(--mint)}.welcome p{font-size:13px;max-width:320px}.welcome-steps{display:flex;flex-direction:column;gap:9px;margin:22px 0;color:#abc8bf;font:10px ui-monospace,monospace}.welcome .primary{width:100%;display:flex;justify-content:space-between}.welcome .text-button{display:block;margin:8px auto 0;font-size:12px}.camera-caption{position:absolute;z-index:3;left:22px;bottom:calc(224px + env(safe-area-inset-bottom));color:#89ada5;font:8px ui-monospace,monospace;letter-spacing:1px}.target-card{position:absolute;left:22px;bottom:calc(143px + env(safe-area-inset-bottom));z-index:3;max-width:calc(100vw - 44px);background:#071319bd;border-left:2px solid var(--mint);padding:11px 14px;border-radius:0 10px 10px 0;pointer-events:none}.target-card strong{display:block;font-size:15px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.target-card .eyebrow{font-size:8px;margin-bottom:6px}#targetStats{font:10px ui-monospace,monospace;color:#a9c0b7;margin-top:7px}.bottom-controls{position:absolute;z-index:5;bottom:0;left:0;right:0;padding:0 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#061013e8 30%)}.lens-strip{display:flex;gap:8px;align-items:center;justify-content:center;min-height:37px;margin-bottom:10px;color:#8daba3;font:9px ui-monospace,monospace;max-width:100%;overflow:auto;white-space:nowrap}.lens-strip button{padding:5px 12px;min-height:30px;border-radius:30px;background:#0b1b20a1;font-size:10px}.lens-strip button.selected{border-color:var(--mint);color:var(--mint)}.toolbar{display:flex;justify-content:space-evenly;background:#0d1e24df;border:1px solid #305248;border-radius:16px;padding:4px;gap:2px;max-width:600px;margin:0 auto;backdrop-filter:blur(16px)}.toolbar button{display:flex;flex:1;flex-direction:column;gap:6px;align-items:center;padding:9px 4px;border:0;background:transparent;font-size:9px;min-width:45px;color:#b2cbc3}.toolbar .tool-icon{font-size:23px;height:25px;color:#cde7de}.toolbar button[aria-pressed=true]{background:#18382f;color:var(--mint);border-radius:12px}.toolbar button[aria-pressed=true] .tool-icon{color:var(--mint)}@media(min-width:760px){.target-card{left:32px;bottom:160px}.welcome{left:40px;right:auto;margin:0;transform:translateY(-40%)}.telemetry,.notice{right:auto;min-width:440px;max-width:600px}.bottom-controls{max-width:660px;left:50%;transform:translateX(-50%)}.camera-caption{left:32px}}@media(max-height:730px){.welcome{padding:20px;transform:translateY(-42%)}.welcome h1{font-size:32px;margin:18px 0 12px}.welcome-steps{margin:15px 0;gap:5px}.welcome p{margin:8px 0}.welcome .text-button{min-height:34px}.orbital-glyph{font-size:60px}.target-card{font-size:12px}}@media(orientation:landscape) and (max-height:550px){.welcome{top:50%;left:20%;right:20%;padding:16px;transform:translateY(-40%)}.welcome h1{font-size:26px;margin:12px 0}.welcome p{display:none}.welcome-steps{flex-direction:row;flex-wrap:wrap;margin:10px 0}.target-card{bottom:140px;left:14px}.topbar{padding-top:10px}.telemetry{top:65px}.notice{top:95px}.camera-caption{display:none}}