:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecf4ff;background:#07111f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,#132c4f,#07111f 42%);min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:1px solid #355276;background:#10243d;color:#ecf4ff;border-radius:10px;padding:12px 14px;font-weight:700}button.primary{background:#dcecff;color:#07111f;border-color:transparent}button:disabled{opacity:.35;cursor:not-allowed}input{width:100%;min-width:0;padding:12px;border-radius:10px;border:1px solid #355276;background:#091827;color:#ecf4ff}.shell{width:min(900px,100%);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 14px max(28px,env(safe-area-inset-bottom))}header{padding:16px 2px 20px}.eyebrow,.target-label{letter-spacing:.16em;font-size:11px;color:#8cb9ee;font-weight:800}h1{margin:4px 0 0;font-size:clamp(38px,12vw,68px);line-height:.95}.tagline{margin:9px 0 0;color:#b9cce4}.panel,.object-card{background:#081524e0;border:1px solid #244361;border-radius:16px;box-shadow:0 14px 40px #0000002e}.controls{padding:14px;display:grid;gap:10px}.manual{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.status{color:#b9cce4;font-size:14px}.status.error{color:#ffb6b6}.gps-ok{color:#8ee6b0;font-weight:800;font-size:14px}.section-title{margin:26px 2px 12px;font-size:20px}.cards{display:grid;gap:10px}.object-card{padding:14px}.object-card.below{opacity:.7}.object-title{display:flex;gap:10px;align-items:center}.object-title>span{font-size:27px}.object-title small{color:#87a9cc;font-size:10px;letter-spacing:.12em}.object-title h3{margin:0}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:14px 0}.metrics div,.debug-grid div{background:#0b1b2c;border-radius:10px;padding:9px}.metrics span,.debug-grid span{display:block;color:#7fa0c1;font-size:11px;margin-bottom:3px}.visibility{font-size:13px;margin-bottom:10px}.object-card button{width:100%}.target-mode{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:4;margin-top:14px;padding:15px;border-color:#527aa2}.target-mode.locked{border-color:#64d98a;box-shadow:0 0 0 2px #64d98a2e}.target-mode h2{margin:4px 0 12px}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.direction-grid strong{text-align:center;font-size:34px;background:#071421;border-radius:12px;padding:13px 4px}.lock{text-align:center;margin:10px 0;font-weight:800;color:#8ee6b0}.debug{margin-top:24px;padding:14px}.debug-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.debug-head h2{margin:0}.debug-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.debug-grid b{font-size:12px;overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th,td{padding:8px;text-align:left;border-bottom:1px solid #18334d}th{color:#8eb0d2}.empty{color:#92a9c1;padding:24px 8px;text-align:center}@media(max-width:540px){.manual{grid-template-columns:1fr 1fr}.manual button{grid-column:1 / -1}.debug-grid{grid-template-columns:1fr}}.camera-overlay{position:fixed;inset:0;z-index:100;background:#000;overflow:hidden}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 22%,transparent 72%,rgba(0,0,0,.48));pointer-events:none}.camera-markers{position:absolute;inset:0;pointer-events:none}.camera-hud{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.camera-hud>div{display:grid;gap:3px;text-shadow:0 2px 8px rgba(0,0,0,.8)}.camera-hud strong{font-size:14px;letter-spacing:.12em}.camera-hud small{font-size:11px;color:#fffc}.camera-close{background:#06111fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-status{position:absolute;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));transform:translate(-50%);width:min(92vw,520px);text-align:center;padding:10px 14px;border-radius:999px;background:#06111fb8;color:#fff;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-reticle{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 1px #00000059}.camera-reticle:before,.camera-reticle:after{content:"";position:absolute;background:#ffffffe6}.camera-reticle:before{left:50%;top:-12px;bottom:-12px;width:1px;transform:translate(-50%)}.camera-reticle:after{top:50%;left:-12px;right:-12px;height:1px;transform:translateY(-50%)}.camera-marker{position:absolute;transform:translate(-50%,-50%);min-width:130px;max-width:190px;text-align:center}.camera-marker-dot{width:18px;height:18px;margin:0 auto 6px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #00000059,0 0 18px #fff9}.camera-marker-label{display:inline-grid;gap:2px;padding:7px 9px;border-radius:9px;background:#06111fb8;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 4px rgba(0,0,0,.75)}.camera-marker-label b{font-size:13px}.camera-marker-label span{font-size:10px;color:#ffffffc7}.camera-marker-label strong{font-size:10px;color:#8ee6b0}.camera-marker.locked .camera-marker-dot{border-color:#8ee6b0;box-shadow:0 0 0 4px #8ee6b040,0 0 24px #8ee6b0b3}.camera-horizon,.camera-altitude-line{position:absolute;left:-25%;width:150%;height:0;border-top:1px solid rgba(130,214,255,.85);transform-origin:50% 50%;pointer-events:none}.camera-horizon{z-index:2;border-top-width:2px;border-top-color:#8de7fff2;box-shadow:0 0 10px #60cdff66}.camera-horizon>span,.camera-altitude-line>span{position:absolute;right:18%;top:-18px;padding:2px 6px;border-radius:6px;background:#06111f94;color:#d8f4fff2;font-size:10px;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-altitude-grid{position:absolute;inset:0;z-index:1;pointer-events:none}.camera-altitude-line{border-top-style:dashed;border-top-color:#9dd0e959}.camera-compass{position:absolute;left:0;right:0;top:max(70px,calc(env(safe-area-inset-top) + 54px));height:44px;z-index:5;pointer-events:none;border-top:1px solid rgba(255,255,255,.28)}.camera-compass-mark{position:absolute;top:0;transform:translate(-50%);min-width:36px;text-align:center;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.85)}.camera-compass-mark:before{content:"";display:block;width:1px;height:8px;margin:0 auto 2px;background:#ffffffc7}.camera-compass-mark span{display:block;min-height:14px;font-size:12px;font-weight:900}.camera-compass-mark small{display:block;font-size:9px;color:#ffffffbf}.camera-marker.below-horizon{opacity:.42}.camera-marker.below-horizon .camera-marker-dot{border-style:dashed}.camera-marker-label em{font-style:normal;font-size:9px;color:#ffcf8a}.camera-sky-grid{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.camera-sky-grid path{fill:none;vector-effect:non-scaling-stroke}.horizon-path{stroke:#8de7fff5;stroke-width:2;filter:drop-shadow(0 0 5px rgba(96,205,255,.55))}.altitude-path{stroke:#9dd0e961;stroke-width:1;stroke-dasharray:5 5}.orientation-test{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(64px,calc(env(safe-area-inset-bottom) + 54px));z-index:8;display:grid;grid-template-columns:repeat(4,auto);gap:6px;align-items:center;padding:7px 9px;border-radius:10px;background:#06111f9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;pointer-events:none}.orientation-test b{letter-spacing:.08em;color:#8de7ff}.camera-debug{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(64px,calc(env(safe-area-inset-bottom) + 54px));z-index:9;width:min(92vw,520px);max-height:42vh;overflow:auto;border-radius:10px;background:#06111fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px}.camera-debug summary{cursor:pointer;padding:8px 10px;font-weight:800;letter-spacing:.08em}.camera-debug-grid{display:grid;gap:4px;padding:0 10px 10px;overflow-wrap:anywhere}.camera-debug-grid b{color:#8de7ff;margin-top:4px}@media(max-width:700px){.orientation-test{grid-template-columns:repeat(2,auto);max-width:72vw}.camera-debug{left:max(12px,env(safe-area-inset-left));right:auto;width:min(94vw,520px)}}.camera-altitude-labels{position:absolute;inset:0;z-index:3;pointer-events:none}.camera-altitude-label{position:absolute;transform:translate(-50%,-50%);padding:2px 6px;border-radius:6px;background:#06111f94;color:#d8f4fff5;font-size:10px;font-weight:800;letter-spacing:.06em;text-shadow:0 1px 4px rgba(0,0,0,.85);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.camera-altitude-label.horizon-label{color:#8de7ff;border:1px solid rgba(141,231,255,.42)}.camera-target-guide{position:absolute;z-index:10;transform:translate(-50%,-50%);display:none;pointer-events:none;text-align:center}.camera-target-guide.visible,.camera-target-guide.in-view,.camera-target-guide.locked{display:grid;justify-items:center;gap:6px}.camera-target-arrow{font-size:clamp(44px,12vw,72px);line-height:1;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.85)}.camera-target-message{display:grid;gap:2px;padding:7px 10px;border-radius:10px;background:#06111fc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.camera-target-message b{font-size:12px;letter-spacing:.06em}.camera-target-message span{font-size:10px;color:#fffc}.camera-target-guide.locked .camera-target-message{box-shadow:0 0 0 2px #8ee6b059,0 0 24px #8ee6b059}.camera-target-guide.locked .camera-target-message b{color:#8ee6b0}.camera-marker.targeted .camera-marker-dot{width:24px;height:24px;border-width:3px;box-shadow:0 0 0 5px #8de7ff3d,0 0 28px #8de7ffbf}.object-section{margin-top:22px;border:1px solid #244361;border-radius:16px;background:#081524b8;overflow:hidden}.object-section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:800;font-size:20px}.object-section>summary::-webkit-details-marker{display:none}.object-section>summary:after{content:"▾";font-size:18px;opacity:.8;transition:transform .16s ease}.object-section:not([open])>summary:after{transform:rotate(-90deg)}.object-section>summary small{margin-left:auto;color:#8eb0d2;font-size:11px;font-weight:700}.section-body{padding:0 14px 14px}.below-horizon-action{width:100%;padding:12px 14px;border:1px dashed #355276;border-radius:10px;text-align:center;color:#6f8298;font-weight:800;letter-spacing:.04em}.camera-compass{position:absolute;inset:0;height:auto;z-index:5;pointer-events:none;border-top:0}.camera-compass-mark{position:absolute;top:auto;transform:translate(-50%,-50%);min-width:34px;text-align:center;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.9)}.camera-compass-mark:before{content:"";display:block;width:1px;height:9px;margin:0 auto 2px;background:#ffffffb8}.camera-compass-mark span{display:block;min-height:13px;font-size:11px;font-weight:900}.camera-compass-mark small{display:block;font-size:9px;color:#ffffffb8}.camera-compass-mark.cardinal{z-index:1}.camera-compass-mark.cardinal span{font-size:15px}.camera-compass-mark.cardinal small{font-weight:800;color:#ffffffe6}