html,body{background:#000;height:100%;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{--frame-side:46px;--frame-top:30px;--frame-bottom:26px;pointer-events:none;color:#eef6ee;letter-spacing:.06em;text-shadow:0 0 2px #000,0 0 2px #000,0 0 1px #000;font:12px/1.45 ui-monospace,Consolas,Courier New,monospace;position:fixed;inset:0}.panel-frame{color:#8d958d;text-shadow:none;font-size:9px;position:absolute;inset:0}.panel-frame:after{content:"";inset:var(--frame-top) var(--frame-side) var(--frame-bottom);border-radius:10px;position:absolute;box-shadow:0 0 0 40px #15171a,inset 0 0 22px 6px #000000bf,inset 0 0 2px 1px #ffffff14}.frame-top,.frame-bottom,.frame-side{z-index:1;align-items:center;display:flex;position:absolute}.frame-top{top:0;left:var(--frame-side);right:var(--frame-side);height:var(--frame-top);justify-content:space-between}.frame-bottom{bottom:0;left:var(--frame-side);right:var(--frame-side);height:var(--frame-bottom);justify-content:space-between;padding:0 40px}.frame-side{top:var(--frame-top);bottom:var(--frame-bottom);width:var(--frame-side);flex-direction:column;justify-content:center;gap:22px}.frame-left{left:0}.frame-right{right:0}.frame-label,.frame-clock{letter-spacing:.14em}.frame-clock{color:#cfd6cf;text-align:right;min-width:90px;font-size:11px}.lamps{gap:8px;display:flex}.lamp{color:#4b5057;background:#1f2226;border-radius:2px;padding:2px 7px;box-shadow:inset 0 0 0 1px #2c3036}.lamp.lit{color:#8dff9b;background:#1f3322;box-shadow:inset 0 0 0 1px #4a8a54,0 0 8px #78ff8c59}.lamp[data-lamp=reload].lit,.lamp[data-lamp=splash].lit{color:#ffcf63;background:#3a2e14;box-shadow:inset 0 0 0 1px #a07c2c,0 0 8px #ffc85a59}.lamp[data-lamp=friendly].lit{color:#ff8a7a;background:#3f1a18;box-shadow:inset 0 0 0 1px #a8473d,0 0 8px #ff6e5a66}.osb{flex-direction:column;align-items:center;gap:3px;width:100%;display:flex}.osb i{background:linear-gradient(#2b2f35,#1b1d21);border-radius:2px;width:24px;height:14px;display:block;box-shadow:inset 0 0 0 1px #33373e,0 1px 1px #000}.osb.lit{color:#d9ffe0}.osb.lit i{background:linear-gradient(#3f7a49,#2a5a33);box-shadow:inset 0 0 0 1px #6fcf7d,0 0 6px #78ff8c73}.hud-reticle{filter:drop-shadow(0 0 1px #000);width:480px;height:480px;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#hud.black-hot .hud-reticle{color:#000;filter:drop-shadow(0 0 1px #fff)}.hud-tape{top:calc(var(--frame-top) + 6px);filter:drop-shadow(0 0 1px #000);width:460px;height:38px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.hud-panel{top:calc(var(--frame-top) + 12px);white-space:pre;position:absolute}.hud-aircraft{left:calc(var(--frame-side) + 14px)}.attitude{filter:drop-shadow(0 0 1px #000);width:72px;height:72px;margin-bottom:6px;display:block}.hud-sensor{right:calc(var(--frame-side) + 14px)}.hud-bottom-left{left:calc(var(--frame-side) + 14px);bottom:calc(var(--frame-bottom) + 12px);line-height:0;position:absolute}.hud-guns{bottom:calc(var(--frame-bottom) + 12px);gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gun{opacity:.72;background:#040a0847;outline:1px solid #eef6ee47;width:118px;padding:4px 7px 6px}.gun.selected{opacity:1;background:#040a0880;outline:1px solid #eef6ee}.gun-head{justify-content:space-between;display:flex}.gun-count{font-size:15px;line-height:1.25}.gun-bar{background:#eef6ee2e;height:3px;margin-top:3px}.gun-fill{transform-origin:0;background:currentColor;height:100%}.hud-scale{bottom:calc(var(--frame-bottom) + 92px);text-align:center;position:absolute;left:50%;transform:translate(-50%)}.hud-scale-bar{border:1px solid;border-top:none;height:4px;margin:0 auto 2px;box-shadow:0 1px 1px #000}.hud-bottom-right{right:calc(var(--frame-side) + 14px);bottom:calc(var(--frame-bottom) + 12px);white-space:pre;text-align:left;width:250px;position:absolute}.comms-tally{border-bottom:1px solid #eef6ee66;margin-bottom:3px;padding-bottom:3px}.comms-lines{min-height:87px}.hud-debug{top:calc(var(--frame-top) + 48px);opacity:.5;white-space:pre;position:absolute;left:50%;transform:translate(-50%)}.pause-overlay{color:#eef6ee;letter-spacing:.08em;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0000009e;flex-direction:column;justify-content:center;align-items:center;gap:14px;font:14px/1.6 ui-monospace,Consolas,Courier New,monospace;display:flex;position:fixed;inset:0}.pause-overlay[hidden]{display:none}.pause-overlay h1{letter-spacing:.4em;margin:0;font-size:28px;font-weight:400}.controls{text-align:left;opacity:.85;grid-template-columns:auto auto;gap:2px 28px;margin-top:10px;font-size:12px;display:grid}.tads{width:100%;height:100%;position:absolute;inset:0}.tads-comms{white-space:pre;text-align:left;width:210px;position:absolute;top:12px;right:12px}.pause-overlay .aircraft{gap:18px;margin-top:16px;font-size:12px;display:flex}.pause-overlay .aircraft a{color:inherit;border:1px solid #eef6ee59;padding:4px 12px;text-decoration:none}.pause-overlay .aircraft a:hover,.pause-overlay .aircraft a.current{background:#eef6ee1f;border-color:#eef6ee}