:root{color-scheme:dark;--ink: #e3edeb;--muted: #93a6a3;--accent: #3ecdbb;--bg: #0d1514;--captured: #8ee06a}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}#app{position:relative;height:100dvh;overflow:hidden}#viewfinder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}#horizon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#horizon line,#horizon circle{stroke:var(--accent);stroke-width:1.2;fill:none;vector-effect:non-scaling-stroke;opacity:.9}#horizon-group{transition:transform 80ms linear;transform-origin:0 0}#reticle{transition:r .12s linear;opacity:.55;stroke-dasharray:4 3}#reticle.locked{opacity:1;stroke-dasharray:none;stroke-width:2}@media(prefers-reduced-motion:reduce){#horizon-group,#reticle{transition:none}}#cell-layer{position:absolute;inset:0;pointer-events:none}.cell-ring{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px}.cell-ring svg{width:100%;height:100%;overflow:visible}.ring-track{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.35}.ring-fill{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;transition:stroke-dashoffset .12s linear}.cell-ring[data-target=true] .ring-track{opacity:.9;stroke-width:2}.cell-ring[data-captured=true] .ring-fill{stroke:var(--captured);opacity:.85}.cell-ring[data-captured=true] .ring-track{stroke:var(--captured);opacity:.3}.cell-ring[data-captured=true][data-target=true] .ring-track{stroke:var(--captured);opacity:.9;stroke-width:2}#target-arrow{position:absolute;display:grid;justify-items:center;gap:2px;transform:translate(-50%,-50%);pointer-events:none}#target-arrow[hidden]{display:none}#target-arrow svg{width:54px;height:54px;fill:var(--accent);opacity:.85;filter:drop-shadow(0 0 6px rgba(13,21,20,.8))}.arrow-away{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 0 6px rgba(13,21,20,.95)}@media(prefers-reduced-motion:reduce){.ring-fill{transition:none}}#panel[data-open=false] #panel-details{display:none}#panel-toggle{align-self:flex-end}#panel{position:absolute;left:0;right:0;bottom:0;max-height:62%;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(13,21,20,.94),rgba(13,21,20,.72) 70%,transparent);display:flex;flex-direction:column;gap:10px}h1{margin:0;font-size:1rem;letter-spacing:.02em}#stage{margin:0;color:var(--accent);font-weight:500}dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:2px 14px;font-family:ui-monospace,monospace;font-size:.78rem}dt{color:var(--muted)}dd{margin:0}button{align-self:flex-start;padding:10px 16px;border-radius:3px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:inherit;font-weight:500;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#note{margin:0;color:var(--muted);font-size:.76rem;max-width:48ch}#review{display:none;margin-top:1rem}#review[data-active=true]{display:block}#coverage-map{position:relative;width:100%;aspect-ratio:2 / 1;border:1px solid currentColor;border-radius:2px}#coverage-map:after{content:"";pointer-events:none;position:absolute;inset-block:0;inset-inline-start:50%;border-inline-start:1px dashed currentColor;opacity:.25}.cell{position:absolute;width:1.1rem;height:1.1rem;margin:-.55rem 0 0 -.55rem;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;cursor:pointer}.cell[data-state=covered]{background:currentColor}.cell[aria-pressed=true]{outline:2px solid currentColor;outline-offset:2px}#strip{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.35rem}#strip button{width:100%;display:flex;align-items:center;gap:.6rem;text-align:start;font:inherit;padding:.4rem .6rem;border:1px solid currentColor;border-radius:2px;background:transparent;cursor:pointer}.thumb{flex:none;width:4rem;height:3rem;object-fit:contain;border:1px solid currentColor;border-radius:2px}.thumb[data-preview=pending]{opacity:.35}.thumb[data-preview=malformed],.thumb[data-preview=missing]{opacity:.5;background:repeating-linear-gradient(45deg,transparent,transparent 4px,currentColor 4px,currentColor 5px)}.strip-label{min-width:0}#strip button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.strip-note{opacity:.7}#build-preview{margin-top:1rem}#build-progress{display:block;width:100%;margin:.5rem 0}#build-canvas{display:block;width:100%;height:auto}#build-canvas[hidden]{display:none}