:root{color:#dce6dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--mono:"SFMono-Regular", "Roboto Mono", Consolas, "Liberation Mono", monospace;--display:"Arial Narrow", "Helvetica Neue", Arial, sans-serif;--bg:#0d100e;--panel:#121713;--panel-raised:#171d18;--line:#2b352d;--line-bright:#3d4b3e;--ink:#eef4ed;--muted:#a5b0a5;--dim:#7c897d;--signal:#c8ff35;--signal-soft:#c8ff351f;--signal-line:#c8ff357a;--coral:#bd7359;background:#0d100e;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--signal);outline-offset:3px}button{cursor:pointer}#root{min-height:100dvh}.app-shell{background:var(--bg);max-width:1800px;min-height:100dvh;margin:0 auto;overflow:hidden}.topbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;min-height:72px;padding:0 28px;display:grid}.brand{min-width:0;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{align-items:end;gap:2px;width:24px;height:24px;display:inline-flex;position:relative;transform:rotate(-12deg)}.brand-mark i{background:var(--signal);border-radius:4px;width:3px;display:block}.brand-mark i:first-child{height:8px}.brand-mark i:nth-child(2){height:14px}.brand-mark i:nth-child(3){height:21px}.brand-mark i:nth-child(4){height:15px}.brand-mark i:nth-child(5){height:9px}.brand-word{font:700 15px/1 var(--mono);letter-spacing:.08em}.brand-subtitle{border-left:1px solid var(--line);color:var(--muted);font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-left:2px;padding-left:10px}.topbar-context{color:var(--dim);font:9px/1 var(--mono);letter-spacing:.14em;white-space:nowrap}.topbar-context .status-dot{width:5px;height:5px;box-shadow:0 0 0 3px var(--signal-soft);margin-right:8px}.topbar-actions{justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.build-label{color:var(--muted);font:9px/1 var(--mono);letter-spacing:.12em;white-space:nowrap}.status-dot,.live-mark{background:var(--signal);width:6px;height:6px;box-shadow:0 0 0 3px var(--signal-soft);vertical-align:middle;border-radius:50%;display:inline-block}.camera-button{min-height:34px;color:var(--signal);border:1px solid var(--signal-line);background:var(--signal-soft);font:10px/1 var(--mono);letter-spacing:.08em;white-space:nowrap;border-radius:2px;align-items:center;gap:8px;padding:0 12px;transition:background .2s,color .2s,transform .2s;display:inline-flex}.camera-button:hover,.camera-button[aria-pressed=true]{color:var(--bg);background:var(--signal)}.camera-button:active{transform:translateY(1px)}.workspace{grid-template-columns:234px minmax(450px,1fr) 292px;min-height:calc(100dvh - 113px);display:grid}.control-rail,.signal-panel{background:var(--panel)}.control-rail{border-right:1px solid var(--line);flex-direction:column;padding:29px 20px 22px;display:flex}.rail-intro{padding:0 4px 28px}.micro-label,.section-label,.metric-label,.stage-title,.stage-toolbar-meta,.stage-overlay,.stage-caption,.connection,.statusbar,.camera-preview,.map-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em}.micro-label{color:var(--dim);font-size:9px;line-height:1.2}.rail-intro h1{color:var(--ink);font:500 clamp(27px, 2.3vw, 34px)/.95 var(--display);letter-spacing:-.045em;margin:13px 0 9px}.rail-intro p{max-width:190px;color:var(--muted);margin:0;font-size:12px;line-height:1.45}.control-section{border-top:1px solid var(--line);padding:20px 4px}.section-label{color:var(--muted);align-items:center;gap:8px;margin-bottom:13px;font-size:9px;line-height:1;display:flex}.section-label span{color:var(--signal)}.instruction-list{gap:2px;display:grid}.instruction-row{background:0 0;border:1px solid #0000;grid-template-columns:27px 1fr;align-items:start;gap:4px;min-height:48px;padding:8px 8px 8px 9px;display:grid}.instruction-row:hover{border-color:var(--line-bright);background:var(--panel-raised)}.instruction-key{color:var(--dim);font:9px/1 var(--mono)}.instruction-row b{color:var(--ink);font:600 10px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;display:block}.instruction-row small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.35;display:block}.rail-reference p{max-width:185px;color:var(--muted);font:10px/1.5 var(--mono);margin:0}.rail-footnote{margin-top:auto;padding:23px 4px 0}.tiny-line{background:var(--signal);width:28px;height:1px;margin-bottom:12px;display:block}.rail-footnote p{max-width:180px;color:var(--dim);font:10px/1.45 var(--mono)}.stage-column{background:#101411;min-width:0;padding:21px 25px 16px}.stage-toolbar{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:10px;display:flex}.stage-title{color:var(--ink);font-size:10px;font-weight:600;line-height:1}.stage-title .live-mark{margin-right:8px}.slash{color:var(--dim);margin:0 7px}.stage-toolbar-meta{color:var(--dim);align-items:center;gap:10px;font-size:8px;line-height:1;display:flex}.toolbar-divider,.footer-divider{background:var(--line);width:1px;height:11px;display:inline-block}.stage-shell{border:1px solid var(--line-bright);isolation:isolate;background:#111512;border-radius:2px;height:clamp(480px,100dvh - 190px,730px);min-height:440px;position:relative;overflow:hidden}.stage-shell:before{z-index:1;content:"";pointer-events:none;background-image:linear-gradient(#748f7712 1px,#0000 1px),linear-gradient(90deg,#748f7712 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 72%);mask-image:linear-gradient(#0000008c,#0000 72%)}.stage-shell:after{z-index:1;content:"";pointer-events:none;background:radial-gradient(circle at 50% 48%,#c8ff3513,#0000 34%);position:absolute;inset:0}.stage-canvas{z-index:0;position:absolute;inset:0}.stage-canvas canvas{display:block;width:100%!important;height:100%!important}.stage-overlay{z-index:3;color:var(--dim);pointer-events:none;justify-content:space-between;font-size:8px;line-height:1;display:flex;position:absolute;left:17px;right:17px}.stage-overlay-top{top:15px}.stage-overlay-bottom{color:var(--muted);align-items:center;bottom:15px}.stage-overlay-bottom .cue-text{max-width:68%;color:var(--signal)}.stage-crosshair{z-index:2;pointer-events:none;background:#c8ff3573;width:1px;height:12px;position:absolute;left:50%}.crosshair-top{top:0}.crosshair-bottom{bottom:0}.stage-corner{z-index:3;pointer-events:none;width:16px;height:16px;position:absolute}.stage-corner-tl{border-top:1px solid var(--signal);border-left:1px solid var(--signal);top:10px;left:10px}.stage-corner-tr{border-top:1px solid var(--signal);border-right:1px solid var(--signal);top:10px;right:10px}.stage-corner-bl{border-bottom:1px solid var(--signal);border-left:1px solid var(--signal);bottom:10px;left:10px}.stage-corner-br{border-right:1px solid var(--signal);border-bottom:1px solid var(--signal);bottom:10px;right:10px}.camera-preview{z-index:4;border:1px solid var(--line-bright);background:var(--panel);width:130px;color:var(--signal);font-size:8px;line-height:1;position:absolute;bottom:43px;right:17px}.camera-preview video{aspect-ratio:16/10;object-fit:cover;opacity:.72;filter:saturate(.65)contrast(1.1);width:100%;display:block;transform:scaleX(-1)}.camera-preview span{padding:7px 8px;display:block}.camera-preview.loading{color:#dbc66b}.stage-caption{min-height:37px;color:var(--muted);grid-template-columns:1fr 1fr 1fr;gap:10px;padding-top:12px;font-size:8px;line-height:1;display:grid}.stage-caption span:nth-child(2){text-align:center;color:var(--dim)}.stage-caption span:last-child{text-align:right;color:var(--dim)}.signal-panel{border-left:1px solid var(--line);padding:27px 18px 20px}.signal-heading{justify-content:space-between;align-items:center;padding:0 3px 17px;display:flex}.connection{color:var(--dim);font-size:8px;line-height:1}.connection .status-dot{background:var(--dim);width:5px;height:5px;box-shadow:none;margin-right:4px}.connection.live{color:var(--signal)}.connection.live .status-dot{background:var(--signal);box-shadow:0 0 0 3px var(--signal-soft)}.signal-hero{border-top:1px solid var(--line-bright);border-bottom:1px solid var(--line);padding:18px 12px 16px}.signal-hero strong{color:var(--signal);font:500 clamp(22px, 2vw, 29px)/.9 var(--display);letter-spacing:.01em;text-transform:uppercase;margin:8px 0 10px;display:block}.signal-subline{color:var(--muted);font:9px/1.2 var(--mono);justify-content:space-between;gap:6px;display:flex}.landmark-map{border:1px solid var(--line);background:#0e120f;height:171px;margin:15px 0;position:relative;overflow:hidden}.landmark-map:before{content:"";background-image:linear-gradient(#738e7517 1px,#0000 1px),linear-gradient(90deg,#738e7517 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.landmark{z-index:2;background:var(--signal);border:1px solid #101411;border-radius:50%;width:5px;height:5px;margin:-2px 0 0 -2px;transition:left .12s linear,top .12s linear;position:absolute;box-shadow:0 0 0 2px #c8ff352e}.landmark-hand-1:first-child,.landmark-hand-1:nth-child(10),.landmark-hand-1:nth-child(14){background:var(--ink);border-color:var(--signal);width:7px;height:7px;margin:-3px 0 0 -3px}.landmark-hand-2{background:var(--coral);box-shadow:0 0 0 2px #bd735933}.landmark-hand-2:nth-child(22),.landmark-hand-2:nth-child(31),.landmark-hand-2:nth-child(35){background:var(--ink);border-color:var(--coral)}.landmark-empty{color:var(--dim);font:9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;place-items:center;display:grid;position:absolute;inset:0}.map-axis{z-index:1;pointer-events:none;background:#c8ff3533;position:absolute}.map-axis-x{height:1px;top:50%;left:0;right:0}.map-axis-y{width:1px;top:0;bottom:0;left:50%}.map-label{z-index:3;color:var(--dim);font-size:7px;line-height:1;position:absolute}.map-label-tl{top:8px;left:8px}.map-label-br{bottom:8px;right:8px}.telemetry-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.telemetry-grid>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:64px;padding:12px 10px 8px}.metric-label{color:var(--dim);margin-bottom:7px;font-size:8px;line-height:1;display:block}.telemetry-grid strong{color:var(--ink);font:500 21px/1 var(--mono);letter-spacing:-.06em}.signal-section{padding:21px 3px 0}.meter-row{color:var(--muted);font:8px/1 var(--mono);grid-template-columns:1fr auto;align-items:center;gap:8px;margin:13px 0;display:grid}.meter-row i{background:var(--line);grid-column:1/-1;height:3px;display:block;position:relative}.meter-row b{background:var(--signal);min-width:3px;height:100%;transition:width .22s;display:block}.mapping-section{padding-bottom:7px}.mapping-row{min-height:29px;color:var(--muted);font:9px/1 var(--mono);border-bottom:1px solid #2b352db3;grid-template-columns:25px 1fr auto;align-items:center;gap:5px;display:grid}.mapping-row b{color:var(--dim);letter-spacing:.05em;font-size:7px;font-weight:400}.gesture-icon{color:var(--signal);text-align:center}.camera-error{color:#d99b86;font:9px/1.45 var(--mono);margin:13px 3px 0}.statusbar{border-top:1px solid var(--line);min-height:41px;color:var(--dim);align-items:center;gap:23px;padding:0 28px;font-size:8px;line-height:1;display:flex}.statusbar b{margin-right:7px}.footer-signal{background:var(--signal);border-radius:50%;width:6px;height:6px;display:inline-block}.footer-right{color:var(--muted);margin-left:auto}@media (width<=1240px){.topbar{grid-template-columns:1fr auto}.topbar-context{grid-area:2/1/auto/-1;justify-self:start;padding:0 0 10px}.workspace{grid-template-columns:210px minmax(430px,1fr) 260px}.stage-column{padding-left:18px;padding-right:18px}.signal-panel{padding-left:14px;padding-right:14px}}@media (width<=980px){.workspace{grid-template-columns:196px minmax(0,1fr)}.signal-panel{border-top:1px solid var(--line);border-left:0;grid-column:1/-1;grid-template-columns:1fr 1.25fr;gap:0 18px;padding:22px 20px;display:grid}.signal-heading,.signal-hero,.landmark-map,.telemetry-grid,.signal-section,.camera-error{grid-column:auto}.signal-heading,.signal-hero{align-self:start}.landmark-map{margin:15px 0 0}.telemetry-grid{margin-top:15px}.mapping-section{padding-top:15px}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:0;min-height:0;padding:18px 16px 0;display:flex}.brand{width:100%;min-height:30px}.brand-subtitle{margin-left:auto}.topbar-context{order:3;width:100%;padding:15px 0 11px}.topbar-actions{position:absolute;top:17px;right:16px}.build-label{display:none}.camera-button{min-height:31px;padding:0 9px;font-size:8px}.workspace{flex-direction:column;min-height:0;display:flex}.control-rail{border-top:1px solid var(--line);border-right:0;order:2;padding:24px 16px 20px}.rail-intro{padding-bottom:21px}.rail-intro h1{font-size:29px}.rail-intro p{max-width:360px}.instruction-list{grid-template-columns:1fr 1fr 1fr;gap:4px}.instruction-row{min-height:84px;padding:9px;display:block}.instruction-key{margin-bottom:13px;display:block}.instruction-row b,.instruction-row small{font-size:9px}.control-section{padding:17px 4px}.rail-footnote{display:none}.stage-column{order:1;padding:17px 12px 9px}.stage-toolbar-meta{display:none}.stage-shell{height:min(108vw,570px);min-height:380px}.stage-caption{grid-template-columns:1fr 1fr;padding-top:10px}.stage-caption span:last-child{text-align:left;grid-column:1/-1;padding-top:3px}.signal-panel{order:3;padding:23px 16px;display:block}.signal-heading{padding-bottom:14px}.signal-hero{margin-bottom:15px}.landmark-map{height:205px;margin:15px 0}.signal-section{padding-top:20px}.statusbar{flex-wrap:wrap;gap:9px 15px;min-height:58px;padding:13px 16px;font-size:7px}.footer-right{width:100%;margin-left:0}}@media (width<=480px){.brand-subtitle{display:none}.instruction-list{grid-template-columns:1fr}.instruction-row{min-height:48px;padding:8px 9px;display:grid}.instruction-key{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.landmark,.meter-row b{transition:none}}