:root{color:#d7ddcf;background:#090c0a;font-family:Arial Narrow,Roboto Condensed,Helvetica,sans-serif;font-synthesis:none;--gain: .72;--steel: #252b27;--edge: #59615a;--lamp: #d3c76a;--danger: #c85c42}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:#090c0a}body{overflow:hidden}button{font:inherit;color:inherit}button:focus-visible,[role=button]:focus-visible{outline:3px solid #f2df82;outline-offset:2px}#app{position:relative;width:100vw;height:100vh;min-height:720px;overflow:hidden;background:linear-gradient(90deg,transparent 49.85%,rgba(255,255,255,.025) 50%,transparent 50.15%),radial-gradient(circle at 50% 22%,#252b27 0,#131714 46%,#080a09)}#stage{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;filter:contrast(calc(.92 + var(--gain) * .2)) saturate(.72)}#stage.fallback{background:repeating-linear-gradient(0deg,#1d241f 0 3px,#121713 3px 7px)}.wall-header{position:relative;z-index:4;height:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;border-bottom:2px solid #555d56;background:linear-gradient(#303630,#171b18 55%,#0c0f0d);box-shadow:0 3px 12px #000;color:#b9c0b6;letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.wall-header strong{color:#e0e4d9;font-size:11px;letter-spacing:.24em}.wall-header span:last-child{text-align:right;color:#c8c187}.monitor-grid{position:relative;z-index:2;height:calc(100vh - 222px);min-height:498px;padding:8px 9px 5px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:7px 8px;background:linear-gradient(90deg,rgba(0,0,0,.85),transparent 3%,transparent 97%,rgba(0,0,0,.85))}.monitor{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:22px minmax(0,1fr) 20px;border:1px solid #49514b;border-radius:5px 5px 10px 10px;background:transparent;box-shadow:inset 0 0 0 2px #080a09,0 3px 7px #000;cursor:pointer;overflow:hidden}.monitor.selected{border-color:#d0c46f;box-shadow:inset 0 0 0 2px #171a15,0 0 0 2px #8c854d,0 3px 10px #000}.monitor.offline{border-color:#734638}.bezel-top,.bezel-bottom{position:relative;z-index:5;display:flex;align-items:center;gap:10px;padding:0 8px;background:linear-gradient(#343b35,#1a1f1b);color:#ccd2c8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.08em;text-shadow:0 1px #000}.bezel-top b{font-weight:500;color:#9da69c}.bezel-top i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:#5a5d45;box-shadow:inset 0 1px 2px #000}.selected .bezel-top i{background:#ded271;box-shadow:0 0 6px #c1b753}.bezel-bottom{justify-content:space-between;background:linear-gradient(#1b201c,#2c322d);color:#8e9990}.bezel-bottom output{color:#d1d6ca}.lamp{color:#10130f;background:#9dac70;padding:1px 5px;border-radius:2px;font-weight:700}.offline .lamp{background:#bb5d48;color:#160b08}.feed-screen{position:relative;min-width:0;min-height:0;overflow:hidden;background:#0a0e0b0d;border:5px solid #0b0e0c;border-radius:13px/8px;box-shadow:inset 0 0 24px #000000e6,inset 0 0 2px #bac6b7}.feed-screen:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.45) 100%),linear-gradient(110deg,rgba(190,209,180,.08),transparent 28% 70%,rgba(210,195,150,.05));mix-blend-mode:screen}.scanlines{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.17;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(3,7,4,.72) 3px 5px);animation:crawl 7s linear infinite}@keyframes crawl{to{transform:translateY(10px)}}.reticle{position:absolute;inset:12px;z-index:5;pointer-events:none;opacity:.52}.reticle:before,.reticle:after{content:"";position:absolute;background:#cdd5c5}.reticle:before{width:18px;height:1px;left:50%;top:50%;margin-left:-9px}.reticle:after{width:1px;height:18px;left:50%;top:50%;margin-top:-9px}.reticle span{position:absolute;width:13px;height:13px;border-color:#cdd5c5;border-style:solid}.reticle span:first-child{left:0;top:0;border-width:1px 0 0 1px}.reticle span:last-child{right:0;bottom:0;border-width:0 1px 1px 0}.occlusion{position:absolute;z-index:4;right:0;bottom:0;width:31%;height:52%;opacity:.62;background:repeating-linear-gradient(135deg,#b85b3f21 0 4px,#b85b3f57 4px 5px);clip-path:polygon(100% 0,100% 100%,0 100%)}.occlusion span{position:absolute;right:5px;bottom:4px;color:#d28b70;font:7px ui-monospace,monospace}.monitor:nth-child(3n+2) .occlusion{left:0;right:auto;transform:scaleX(-1)}.monitor:nth-child(3n+2) .occlusion span{transform:scaleX(-1);left:5px;right:auto}.track-box{position:absolute;z-index:5;left:var(--track-x);top:var(--track-y);width:34px;height:22px;border:1px solid rgba(227,220,155,.78);animation:track-drift 4.6s ease-in-out infinite alternate;animation-delay:var(--track-delay)}.track-box:before,.track-box:after{content:"";position:absolute;background:#e4dc9b}.track-box:before{left:50%;top:-4px;width:1px;height:4px}.track-box:after{top:50%;left:-4px;width:4px;height:1px}.track-box span{position:absolute;left:-1px;top:23px;color:#e1d99c;font:6px ui-monospace,monospace;text-shadow:0 1px 2px #000}@keyframes track-drift{to{transform:translate(13px,-7px)}}.feed-stamp{position:absolute;z-index:6;left:10px;top:8px;display:flex;flex-direction:column;text-shadow:0 1px 3px #000}.feed-stamp strong{font-size:11px;letter-spacing:.08em}.feed-stamp small{font:8px ui-monospace,monospace;color:#c7cec1}.feed-status{position:absolute;z-index:6;right:10px;bottom:7px;color:#d5d7c8;font:9px ui-monospace,monospace;text-shadow:0 1px 3px #000}.lost-card{display:none;position:absolute;z-index:7;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:#d07860;background:repeating-linear-gradient(135deg,#0a0c0a 0 8px,#111410 8px 16px);font-family:ui-monospace,monospace}.lost-card strong{font-size:18px;letter-spacing:.14em}.lost-card span{font-size:9px;color:#97877d}.offline .lost-card{display:flex}.offline .track-box,.offline .occlusion{display:none}.console{position:relative;z-index:5;height:188px;display:grid;grid-template-columns:minmax(500px,1.55fr) minmax(360px,1.05fr) minmax(245px,.8fr);gap:10px;padding:10px 12px 14px;border-top:3px solid #697168;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/18px 100%,linear-gradient(#343b35,#171b18 16%,#252b27 88%,#0c0e0c);box-shadow:0 -8px 20px #000000d9,inset 0 1px #8b9388}.console:before{content:"BM-12 MULTIPLEX CONTROL / SYNTHETIC COVERAGE ONLY";position:absolute;left:14px;top:2px;color:#737c73;font:7px ui-monospace,monospace;letter-spacing:.18em}.channel-bank{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,1fr);gap:7px;padding-top:6px}.channel-key,.transport button{min-width:44px;min-height:44px;border:1px solid #5a625b;border-radius:4px;background:linear-gradient(#343b35,#181c19 70%,#111411);box-shadow:inset 0 1px #778079,0 3px #070908;cursor:pointer}.channel-key{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:5px;padding:4px 7px;text-align:left}.channel-key strong{font:700 15px ui-monospace,monospace;color:#d6dacd}.channel-key span{font:7px ui-monospace,monospace;color:#889188;letter-spacing:.05em;line-height:1.2}.channel-key i{position:absolute;width:6px;height:6px;right:5px;top:5px;border-radius:50%;background:#4c514a}.channel-key.selected{border-color:#c7bb68;background:linear-gradient(#55563e,#292a20 70%,#15160f)}.channel-key.selected i{background:#e4d56b;box-shadow:0 0 7px #cabf59}.transport{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;padding-top:6px}.transport button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px}.transport button span{font:700 9px ui-monospace,monospace;letter-spacing:.08em}.transport output{color:#d8cf7d;font:10px ui-monospace,monospace}.transport button[aria-pressed=true]{border-color:#9d975b;box-shadow:inset 0 0 0 2px #62613e,0 3px #070908}.transport button:active,.channel-key:active{transform:translateY(2px);box-shadow:inset 0 1px #111}.meters{display:grid;grid-template-rows:repeat(3,1fr);gap:7px;padding-top:6px}.meters div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;padding:5px 8px 11px;border:1px solid #4a514b;background:#101411}.meters span{font:8px ui-monospace,monospace;color:#939d94;letter-spacing:.08em}.meters output{font:700 13px ui-monospace,monospace;color:#d7d7bd}.meters i{--meter:50%;position:absolute;height:4px;left:8px;right:8px;bottom:5px;background:#2b322c;overflow:hidden}.meters i:after{content:"";display:block;width:var(--meter);height:100%;background:#b9b56e}#blind-bar:after{background:#b4644f}#drift-bar:after{background:#849d91}@media(prefers-reduced-motion:reduce){.scanlines,.track-box{animation:none}}@media(max-width:700px){body{overflow:auto}#app{width:100%;height:auto;min-height:100vh;overflow:visible;padding-bottom:8px}#stage{width:100vw;height:100vh}.wall-header{height:38px;grid-template-columns:1fr auto;padding:0 8px}.wall-header .maker{display:none}.wall-header strong{font-size:9px;letter-spacing:.12em}.wall-header span:last-child{font-size:8px}.monitor-grid{height:420px;min-height:420px;grid-template-columns:1fr;grid-template-rows:1fr;padding:8px}.monitor{display:none}.monitor.selected{display:grid}.bezel-top,.bezel-bottom{min-height:24px;font-size:9px}.feed-stamp strong{font-size:13px}.console{height:auto;min-height:500px;grid-template-columns:1fr;gap:12px;padding:12px 8px 16px}.channel-bank{min-height:174px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:7px}.channel-key{min-height:48px;grid-template-columns:24px 1fr;padding:4px 5px}.channel-key strong{font-size:13px}.channel-key span{font-size:6px}.transport{min-height:116px}.transport button{min-height:54px}.meters{min-height:142px}}