:root{--bg: #010202;--panel: rgba(4, 7, 7, .78);--panel-2: rgba(7, 12, 12, .58);--red: #ff3d32;--red-dim: rgba(255, 61, 50, .32);--cyan: #54e6ff;--cyan-dim: rgba(84, 230, 255, .28);--amber: #ffd28a;--ink: #dce8e4;--muted: #7f928d;--faint: #384842;--rule: rgba(220, 232, 228, .13);--rule-hot: rgba(255, 61, 50, .42);--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;color:var(--ink);background:var(--bg);font-family:var(--mono)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000}button,input,textarea{font:inherit}button{appearance:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.crt{position:fixed;inset:0;pointer-events:none}.scanlines{z-index:7;opacity:.18;background:repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 4px);mix-blend-mode:screen}.screen{position:fixed;inset:0;z-index:2;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.8vw,18px);padding:clamp(12px,2vw,26px)}.hud-top,.status-bar,.readout,.keypad,.title-card,.legend{border:1px solid var(--rule);background:#020303}.hud-top{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;letter-spacing:.18em;text-transform:uppercase;font-size:11px}.hud-id{color:var(--red);font-weight:700}.hud-host,.hud-sep{color:var(--faint)}.hud-state{justify-self:end;color:var(--amber)}.hud-clock{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"header keys" "map keys" "legend readout";gap:10px;padding:10px;min-height:0;overflow:hidden;border:1px solid rgba(255,61,50,.22);background:linear-gradient(rgba(255,61,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(84,230,255,.026) 1px,transparent 1px),#000;background-size:46px 46px,46px 46px,auto}.stage:before,.stage:after{content:"";position:absolute;pointer-events:none}.stage:before{inset:10%;border:1px solid rgba(255,61,50,.08);transform:skew(-12deg)}.stage:after{left:50%;top:50%;width:min(70vw,760px);height:min(70vw,760px);border:1px solid rgba(84,230,255,.08);border-radius:50%;transform:translate(-50%,-50%)}.title-card{grid-area:header;position:relative;z-index:3;width:auto;padding:11px 12px}.eyebrow{margin:0 0 8px;color:var(--red);font-size:10px;letter-spacing:.22em;text-transform:uppercase}.title-card h2{margin:0;color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.title-card p:last-child{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}.map-frame{grid-area:map;position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(220,232,228,.08);background:#000}#network{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%) scale(var(--map-fit, 1));transform-origin:center center;image-rendering:pixelated}.keypad{grid-area:keys;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));align-self:start;gap:8px;width:auto;padding:10px}.key{display:grid;gap:7px;min-height:66px;border:1px solid rgba(255,61,50,.22);background:#030101;color:var(--red);cursor:pointer;text-align:left;padding:9px 10px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.key span{font-size:18px;line-height:1}.key b{color:var(--muted);font-size:9px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}.key:hover,.key.active{border-color:var(--red);background:#070101}.key.dialing-hit{border-color:var(--amber);background:#120800;color:var(--amber)}.key:active{transform:translateY(1px)}.keypad.route-cyan .key.active{border-color:var(--cyan);color:var(--cyan);background:#010506}.keypad .key.dialing-hit,.keypad.route-cyan .key.dialing-hit,.keypad.route-cyan .key.active.dialing-hit{border-color:var(--amber);background:#120800;color:var(--amber)}.key-zero{grid-column:2 / 3}.readout{grid-area:readout;position:relative;z-index:3;width:auto;padding:12px}.readout:before{content:"relay telemetry";display:block;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid var(--rule);color:var(--faint);font-size:10px;letter-spacing:.22em;text-transform:uppercase}.readout-line{display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.055)}.lbl{color:var(--faint);font-size:10px;letter-spacing:.18em}.val{color:var(--ink);font-size:12px;letter-spacing:.08em}.red{color:var(--red)}.cyan{color:var(--cyan)}.legend{grid-area:legend;position:relative;z-index:3;display:grid;gap:8px;min-width:0;padding:12px;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.legend div{display:flex;align-items:center;gap:8px}.sw{width:18px;height:2px}.sw.red{background:var(--red)}.sw.cyan{background:var(--cyan)}.sw.dim{background:#444}.status-bar{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);gap:10px;padding:10px}.status-frame{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid rgba(255,61,50,.22);background:#0000007a;padding:8px 10px}.status-prompt,.cursor{color:var(--red)}.status-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);letter-spacing:.08em;text-transform:lowercase}.status-input::placeholder{color:var(--faint)}.cursor{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.status-msg{display:flex;align-items:center;min-width:0;border:1px solid var(--rule);background:#0000005c;padding:8px 10px;color:var(--muted);font-size:12px;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-msg.live{color:var(--cyan);border-color:var(--cyan-dim)}.status-msg.err{color:var(--red);border-color:var(--red-dim)}.link-output{grid-column:1 / -1;display:grid;gap:8px;border:1px solid rgba(84,230,255,.22);background:#010506;padding:10px}.link-output[hidden]{display:none}.link-output-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--cyan);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.copy-link{border:1px solid rgba(84,230,255,.34);background:#020303;color:var(--cyan);cursor:pointer;padding:6px 10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.copy-link:hover,.copy-link:focus-visible{border-color:var(--cyan);outline:0}.fixed-link{width:100%;min-height:76px;resize:vertical;border:1px solid rgba(255,255,255,.08);outline:0;background:#000;color:var(--ink);padding:9px;font-size:11px;line-height:1.45;word-break:break-all}.fixed-link:focus{border-color:#54e6ff57}.link-hint{margin:0;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.listen-mode .stage{border-color:#54e6ff57}.listen-mode .hud-state{color:var(--cyan)}.noscript{position:fixed;inset:0;display:grid;place-items:center;background:#000;color:var(--red);font-family:var(--mono)}@media (max-width: 1024px){.legend{display:none}.stage{grid-template-areas:"header keys" "map keys" "readout readout"}}@media (max-width: 900px){html,body{height:100%;overflow:hidden}.screen{position:fixed;inset:0;height:100dvh;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr) auto;padding:8px;gap:8px}.hud-top{padding:7px 9px;font-size:9px;letter-spacing:.12em}.hud-sep,.hud-host{display:none}.stage:before,.stage:after{display:none}.stage{min-height:0;gap:6px;padding:6px;grid-template-columns:1fr;grid-template-rows:minmax(44dvh,1fr) auto auto;grid-template-areas:"map" "keys" "readout"}.title-card,.legend{display:none}.map-frame{min-height:0;align-self:stretch}.keypad{width:auto;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px}.key{min-height:40px;padding:5px 6px;gap:4px}.key span{font-size:13px}.key b{display:none}.key-zero{grid-column:auto}.readout{width:auto;padding:7px 8px}.readout:before{display:none}.readout-line{grid-template-columns:64px 1fr;padding:4px 0}.readout-line:nth-child(2),.readout-line:nth-child(3){display:none}.lbl,.val{font-size:9px}.status-bar{grid-template-columns:1fr;padding:6px;gap:6px}.status-frame,.status-msg{padding:7px 8px}.status-msg{min-height:34px;font-size:11px;white-space:normal}}@media (max-width: 520px){.screen{padding:6px;gap:6px}.hud-top{grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.hud-state{justify-self:start}.stage{grid-template-rows:minmax(48dvh,1fr) auto auto}.key{min-height:36px;padding:4px}.key span{font-size:12px}}@media (max-width: 900px) and (max-height: 700px){.stage{grid-template-rows:minmax(50dvh,1fr) auto auto}.key{min-height:34px}}@media (max-width: 520px) and (max-height: 620px){.hud-clock{display:none}.stage{grid-template-rows:minmax(52dvh,1fr) auto auto}.key{min-height:32px}.status-frame{padding:6px 7px}}@media (prefers-reduced-motion: reduce){.cursor{animation:none}}