@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;background:#f5f3f2;color:#060606;font-synthesis:none;--paper: #f5f3f2;--ink: #060606;--muted: #777371;--line: rgba(6, 6, 6, .12);--accent: #246b78;--accent-soft: rgba(36, 107, 120, .12)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--paper)}body{overflow:hidden}button,input{font:inherit}button{border-radius:0}.app{position:relative;display:grid;grid-template-rows:132px minmax(0,1fr) 118px;width:100vw;height:100svh;min-height:560px;overflow:hidden;background:var(--paper)}.topbar{position:relative;z-index:4;display:grid;grid-template-columns:1fr 1fr 1fr;padding:0 28px;border-bottom:1px solid var(--line);background:var(--paper)}.topbar:after,.control-deck:before{content:"";position:absolute;left:50%;width:64px;height:3px;translate:-50%;background:var(--ink)}.topbar:after{bottom:-1px}.readout{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}.readout--center{align-items:center;border-inline:1px solid var(--line)}.readout--right{align-items:flex-end;text-align:right}.readout--left{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.readout-group{display:flex;flex-direction:column;gap:8px}.readout-separator{width:1px;height:42px;background:var(--line)}.eyebrow{font:400 10px/1.1 DM Mono,monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.readout strong{font:400 14px/1 DM Mono,monospace;letter-spacing:.08em;color:var(--ink);white-space:nowrap}.readout--left strong{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.025em}.type-row{display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--accent)}.readout .hero-number{font:800 clamp(38px,5vw,62px)/.9 Inter,sans-serif;letter-spacing:-.06em}.field-shell{position:relative;z-index:1;min-height:0;margin:0 20px 12px;border:1px solid rgba(6,6,6,.1);background:var(--paper);overflow:hidden;touch-action:none}#fieldCanvas{position:absolute;inset:0;display:block;width:100%;height:100%}.reticle{position:absolute;width:20px;height:20px;pointer-events:none}.reticle:before,.reticle:after{content:"";position:absolute;background:#0606067a}.reticle:before{width:20px;height:1px}.reticle:after{width:1px;height:20px}.reticle--tl{left:8px;top:8px}.reticle--tr{right:8px;top:8px;transform:rotate(90deg)}.reticle--bl{left:8px;bottom:8px;transform:rotate(-90deg)}.reticle--br{right:8px;bottom:8px;transform:rotate(180deg)}.receiver{position:absolute;z-index:3;width:58px;height:58px;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.receiver:active,.receiver.is-dragging{cursor:grabbing}.receiver:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.receiver-ring{position:absolute;inset:5px;border:1px solid rgba(6,6,6,.55);border-radius:50%;transition:transform .16s ease,border-color .16s ease}.receiver-ring:before,.receiver-ring:after{content:"";position:absolute;left:50%;top:50%;background:var(--ink);transform:translate(-50%,-50%)}.receiver-ring:before{width:64px;height:2px}.receiver-ring:after{width:2px;height:64px}.receiver-core{position:absolute;inset:20px;border:2px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 3px var(--paper)}.receiver:hover .receiver-ring,.receiver.is-dragging .receiver-ring{transform:scale(1.14);border-color:var(--ink)}.app[data-scenario-active=true] .receiver{pointer-events:none}.app[data-scenario-active=true] .receiver-label{display:none}.object-label{position:absolute;z-index:2;display:flex;justify-content:center;gap:8px;align-items:center;pointer-events:none;font:400 8px/1 DM Mono,monospace;letter-spacing:.1em;white-space:nowrap;transform:translate(-50%)}.object-label span{color:#999390}.object-label strong{font:inherit;color:var(--ink)}.source-label strong{color:var(--ink)}.source-controls{position:absolute;z-index:6;width:0;height:0}.source-hit{position:absolute;left:0;top:0;width:54px;height:54px;padding:0;border:1px solid transparent;background:transparent;transform:translate(-50%,-50%);cursor:pointer}.source-hit:hover,.source-hit:focus-visible,.source-hit[aria-expanded=true]{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #06060612}.source-current{position:absolute;left:0;top:40px;max-width:180px;padding:4px 6px;border:1px solid var(--line);background:#f5f3f2f0;color:var(--ink);font:500 7px/1 DM Mono,monospace;letter-spacing:.08em;white-space:nowrap;transform:translate(-50%);pointer-events:none}.source-radial{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,visibility .14s ease}.source-radial.is-open{opacity:1;visibility:visible;pointer-events:auto}.source-option{--x: -38px;--y: -20px;--delay: 0ms;position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:76px;min-height:40px;padding:6px 7px;border:1px solid rgba(6,6,6,.22);background:#fff;color:var(--ink);font:400 8px/1 DM Mono,monospace;letter-spacing:.08em;cursor:pointer;transform:translate(var(--x),var(--y));transition:translate .1s ease,border-color .1s ease,background .1s ease,color .1s ease,box-shadow .1s ease}.source-option i{color:#999390;font-style:normal;font-size:7px}.source-option strong{font:inherit}.source-option[aria-pressed=true]{border-color:var(--accent);background:#fff;color:var(--accent)}.source-option:hover,.source-option:focus-visible{z-index:2;border-color:var(--ink);background:var(--ink);color:#fff;outline:none;box-shadow:4px 4px 0 var(--accent);translate:0 -2px}.source-option:hover i,.source-option:focus-visible i{color:#ffffff9e}.source-option--police{--x: -183px;--y: -59px;--delay: 90ms}.source-option--submarine{--x: -130px;--y: -138px;--delay: 45ms}.source-option--aircraft{--x: -38px;--y: -170px;--delay: 0ms}.source-option--frequency{--x: 54px;--y: -138px;--delay: 45ms}.source-option--upload{--x: 107px;--y: -59px;--delay: 90ms}.source-radial.is-open .source-option{animation:source-option-pop .46s cubic-bezier(.16,1,.3,1) var(--delay) both}.source-radial:not(.is-open) .source-option{transform:translate(-38px,-20px) scale(.25) rotate(-8deg);opacity:0}@keyframes source-option-pop{0%{transform:translate(-38px,-20px) scale(.2) rotate(-10deg);opacity:0;box-shadow:0 0 #e4572e00}48%{transform:translate(var(--x),var(--y)) scale(1.13) rotate(1.5deg);opacity:1;box-shadow:6px 6px #e4572e40}68%{transform:translate(var(--x),var(--y)) scale(.94) rotate(-.8deg);box-shadow:2px 2px #e4572e21}84%{transform:translate(var(--x),var(--y)) scale(1.035) rotate(.25deg)}to{transform:translate(var(--x),var(--y)) scale(1) rotate(0);opacity:1;box-shadow:0 0 #e4572e00}}.frequency-panel{position:absolute;left:0;top:96px;width:220px;padding:10px 11px 8px;border:1px solid var(--ink);background:#f5f3f2f7;transform:translate(-50%) scaleY(.92);transform-origin:top;opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s ease,visibility .14s}.frequency-panel.is-open{opacity:1;visibility:visible;transform:translate(-50%) scaleY(1)}.frequency-panel>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:var(--muted);font:400 8px/1 DM Mono,monospace;letter-spacing:.1em}.frequency-panel label{color:var(--ink);white-space:nowrap}.frequency-panel input[type=number]{width:70px;padding:4px 3px;border:0;border-bottom:1px solid var(--ink);border-radius:0;outline:0;background:transparent;color:var(--ink);font:500 10px/1 DM Mono,monospace;text-align:right}.frequency-panel input[type=range]{height:14px}.telemetry{position:absolute;z-index:2;top:16px;right:8px;display:flex;flex-direction:column;width:224px;color:var(--muted);font:400 9px/1 DM Mono,monospace;letter-spacing:.09em}.panel-heading{margin:0 8px 7px 0;color:#787472;font:400 9px/1 DM Mono,monospace;letter-spacing:.09em;text-align:right}.telemetry-row{display:flex;align-items:center;justify-content:space-between;min-height:31px;padding:0 8px;border-right:1px solid rgba(6,6,6,.2);background:#f5f3f2eb}.telemetry-row+.telemetry-row{border-top:1px solid rgba(6,6,6,.08)}.telemetry-row strong{color:var(--ink);font:500 9px/1 DM Mono,monospace}.zoom-control{display:none}.zoom-control button{display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--ink);font:400 14px/1 DM Mono,monospace;cursor:pointer}.zoom-control button:first-child{border-right:1px solid var(--line)}.zoom-control button:last-child{border-left:1px solid var(--line)}.zoom-control button:hover,.zoom-control button:focus-visible{background:#fff;outline:1px solid var(--ink);outline-offset:-1px}.zoom-control span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.zoom-control small{color:var(--muted);font:400 7px/1 DM Mono,monospace;letter-spacing:.1em}.zoom-control strong{color:var(--ink);font:500 8px/1 DM Mono,monospace}.scenario-panel{position:absolute;z-index:3;top:16px;left:8px;display:flex;flex-direction:column;width:218px;color:var(--muted);font:400 8px/1 DM Mono,monospace;letter-spacing:.08em}.scenario-panel .panel-heading{margin:0 0 7px 8px;padding:0;text-align:left}.scenario-item{display:grid;grid-template-columns:12px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 7px;min-height:37px;padding:6px 8px;border:0;border-left:1px solid rgba(6,6,6,.18);background:#f5f3f2e8;color:var(--muted);font:inherit;text-align:left;cursor:pointer}.scenario-item+.scenario-item{border-top:1px solid rgba(6,6,6,.07)}.scenario-item i{grid-row:1 / 3;align-self:center;width:8px;height:8px;border:1px solid #9b9592}.scenario-item span{color:var(--ink)}.scenario-item strong{color:#8b8582;font:400 7px/1 DM Mono,monospace}.scenario-item:hover,.scenario-item:focus-visible,.scenario-item[aria-pressed=true]{border-left-color:#e4572e;background:#fff;outline:none}.scenario-item[aria-pressed=true] i{border-color:#b83d22;background:#e4572e}.scenario-item[aria-pressed=true] span,.scenario-item[aria-pressed=true] strong{color:#b83d22}.scan-label,.scale-label{position:absolute;z-index:2;bottom:8px;padding:7px 9px;border:1px solid var(--line);background:#f5f3f2eb;color:#6f6b69;font:400 9px/1 DM Mono,monospace;letter-spacing:.1em;pointer-events:none}.scan-label{left:8px;display:flex;align-items:center;gap:7px}.scan-label i{width:5px;height:5px;background:var(--accent)}.scale-label{right:8px}.drop-layer{position:absolute;z-index:8;inset:8px;display:grid;place-items:center;border:1px solid var(--accent);background:#f5f3f2ed;color:var(--accent);font:500 11px/1 DM Mono,monospace;letter-spacing:.18em;opacity:0;visibility:hidden;transition:opacity .15s ease;pointer-events:none}.field-shell.is-dropping .drop-layer{opacity:1;visibility:visible}.control-deck{position:relative;z-index:4;display:grid;grid-template-columns:1fr minmax(320px,760px) 1fr;justify-content:stretch;align-items:center;gap:28px;padding:14px 36px 20px;border-top:1px solid var(--line);background:var(--paper)}.control-deck:before{top:-1px}.deck-button{display:flex;align-items:center;gap:12px;min-height:38px;padding:9px 12px;color:#615d5b;border:1px solid rgba(6,6,6,.2);background:transparent;font:400 10px/1 DM Mono,monospace;letter-spacing:.08em;cursor:pointer}.deck-button:hover,.deck-button:focus-visible{color:var(--ink);border-color:var(--ink);background:#fff;outline:none}.transport{grid-column:2;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:16px;min-width:0}.scenario-transport{display:none;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:14px;min-width:0;animation:player-in .16s cubic-bezier(.2,.9,.25,1.2) both}.scenario-transport{grid-column:2}.app[data-scenario-active=true] .transport{display:none}.app[data-scenario-active=true] .scenario-transport{display:grid}.scenario-player-button{border-color:#b83d22;background:#e4572e}.player-button--stop{border-color:#06060647;background:transparent;color:var(--muted)}.scenario-labels strong{color:#b83d22;font:500 8px/1 DM Mono,monospace}.scenario-transport input[type=range]{--scenario-position: 0%}.scenario-transport input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#e4572e 0 var(--position),#d8d4d1 var(--position) 100%)}.scenario-transport input[type=range]::-webkit-slider-thumb{border-color:#b83d22;background:#e4572e}@keyframes player-in{0%{opacity:0;transform:scaleX(.94)}to{opacity:1;transform:scaleX(1)}}.player-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:400 11px/1 DM Mono,monospace;cursor:pointer}.player-button:disabled{border-color:#cbc7c4;background:#cbc7c4;cursor:not-allowed}.player-button:not(:disabled):hover,.player-button:not(:disabled):focus-visible{background:#fff;color:var(--ink);outline:none}.timeline{min-width:0}.timeline-labels{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;color:#8b8582;font:400 8px/1 DM Mono,monospace;letter-spacing:.1em}input[type=range]{--position: 0%;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:ew-resize}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--ink) 0 var(--position),#d8d4d1 var(--position) 100%)}input[type=range]::-moz-range-track{height:2px;background:#d8d4d1}input[type=range]::-moz-range-progress{height:2px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:20px;margin-top:-9px;border:1px solid var(--ink);background:var(--ink)}input[type=range]::-moz-range-thumb{width:11px;height:20px;border:1px solid var(--ink);border-radius:0;background:var(--ink)}input[type=range]:disabled{opacity:.4;cursor:not-allowed}input[type=range]:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.slider-ticks{height:6px;margin-top:5px;background:repeating-linear-gradient(90deg,rgba(6,6,6,.15) 0 1px,transparent 1px 10%)}.footer-actions{grid-column:3;justify-self:end}kbd{padding:3px 5px;color:var(--ink);border:1px solid rgba(6,6,6,.28);font:inherit}.toast{position:absolute;z-index:20;left:50%;bottom:132px;max-width:min(460px,calc(100% - 32px));padding:11px 14px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:400 9px/1.4 DM Mono,monospace;letter-spacing:.08em;text-align:center;transform:translate(-50%,10px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.toast.is-visible{transform:translate(-50%);opacity:1;visibility:visible}@media(max-width:820px){.app{grid-template-rows:88px minmax(0,1fr) 160px;min-height:580px}.topbar{padding:0 14px;grid-template-columns:1fr 1.1fr 1fr}.readout--center{border-inline:0}.readout--left{gap:8px}.desktop-only,.readout-separator{display:none}.readout .hero-number{font-size:clamp(24px,8vw,38px)}.readout strong{font-size:9px;letter-spacing:.04em}.eyebrow{font-size:7px;letter-spacing:.08em}.field-shell{margin:10px 9px 8px}.control-deck{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:12px;padding:12px 14px 16px}.transport,.scenario-transport{grid-column:1 / -1;grid-row:1}.footer-actions{grid-column:2;grid-row:2}.telemetry{top:12px;width:190px}.scenario-panel{top:12px;width:180px}.scenario-item{min-height:33px;padding-block:5px}.telemetry-row{min-height:27px;font-size:8px}.scale-label{right:8px;bottom:40px;font-size:8px}.toast{bottom:174px}}@media(max-width:520px){.app{grid-template-rows:78px minmax(0,1fr) 152px}.topbar{grid-template-columns:.9fr 1.1fr .9fr;padding:0 10px}.readout .hero-number{font-size:clamp(22px,8vw,32px)}.readout--right strong{max-width:78px;overflow:hidden;text-overflow:ellipsis}.field-shell{margin-top:8px}.telemetry{width:170px}.scenario-panel{width:154px}.scenario-item strong{font-size:6px}.panel-heading{font-size:8px}.telemetry-row span{max-width:92px}.scan-label{max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-deck{padding:10px 10px 14px}.deck-button{padding-inline:8px}.footer-actions .deck-button span{display:none}.source-option{width:68px}.source-option--police{--x: -164px;--y: -55px}.source-option--submarine{--x: -117px;--y: -126px}.source-option--aircraft{--x: -34px;--y: -155px}.source-option--frequency{--x: 49px;--y: -126px}.source-option--upload{--x: 96px;--y: -55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}