:root{--amber:#ffad14;--amber2:#ffe09a;--green:#5cff9a;--red:#ff4c42;--ice:#72ddff;--cream:#e1d9bd;--muted:#788d82;--edge:#43564c;--panel:#111916;--screen:#071511;--phosphor:#ffad14}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020604;color:var(--cream);font-family:Bahnschrift,"Arial Narrow",Arial,sans-serif}body{background:radial-gradient(ellipse at 50% 0,#173126,#07100d 46%,#020403 100%)}button,select,input{font:inherit}.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.shell{max-width:1920px;margin:auto;min-height:100vh;padding:15px 20px 9px}.masthead{height:92px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 4px 13px;border-bottom:1px solid var(--edge)}.overline{color:var(--green);font:9px Consolas,monospace;letter-spacing:.24em}.masthead h1{font-size:clamp(30px,3.7vw,58px);line-height:.84;margin:7px 0 6px;letter-spacing:-.05em}.masthead h1 b{color:var(--amber)}.masthead p{margin:0;color:#778a80;font:9px Consolas,monospace;letter-spacing:.3em}.system{display:flex;align-items:center;gap:12px;color:#87978f;font:8px Consolas,monospace}.system>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}button,.steel{cursor:pointer}.system button,.steel{border:1px solid #52645a;color:var(--cream);background:linear-gradient(#3a463f,#171d1a);box-shadow:inset 0 1px #ffffff22,0 3px 6px #000;padding:8px 12px;font-size:8px;font-weight:900;letter-spacing:.07em}.missions{height:58px;display:flex;margin:10px 0;border:1px solid #34483e;background:linear-gradient(#18221e,#0b1210);box-shadow:0 5px 20px #000a}.missions>b{display:grid;place-items:center;background:var(--amber);color:#1b1507;padding:0 17px;font-size:9px;letter-spacing:.12em}.missions>div{display:flex;flex:1}.mission-tab{min-width:150px;text-align:left;border:0;border-right:1px solid #34473e;background:transparent;color:#778a80;padding:7px 14px;cursor:pointer}.mission-tab b,.mission-tab span{display:block}.mission-tab b{font:800 11px Consolas,monospace;color:#dcd3b6}.mission-tab span{font-size:7px;letter-spacing:.13em;margin-top:3px}.mission-tab.active{background:#26362f;box-shadow:inset 0 -3px var(--amber)}.mission-tab.locked{opacity:.32;cursor:not-allowed}.missions>aside{width:175px;border-left:1px solid #34473e;padding:9px 14px;display:flex;flex-direction:column;justify-content:center}.missions aside small{color:#718079;font:7px Consolas}.missions aside strong{color:var(--amber2);font-size:11px}.cockpit-grid{display:grid;grid-template-columns:270px minmax(590px,1fr) 270px;gap:10px}.column{display:flex;flex-direction:column;gap:10px}.module{position:relative;border:1px solid var(--edge);padding:12px;background:linear-gradient(145deg,#1a2420,#0b110f);box-shadow:inset 0 0 0 3px #070b09,0 6px 18px #0009}.module:after{content:"";position:absolute;inset:5px;border:1px solid #ffffff08;pointer-events:none}.module h2{margin:0 0 9px;padding:0 0 7px;border-bottom:1px solid #34473e;display:flex;justify-content:space-between;color:#9baa9f;font:700 8px Consolas,monospace;letter-spacing:.1em}.module h2 em{font-style:normal;color:var(--amber)}.triple-meter{display:flex;gap:5px}.gauge{width:33.33%;text-align:center}.gauge>label,.gauge>small{display:block;font:7px Consolas;color:#85968d}.gauge>div{height:63px;margin:4px 0;position:relative;overflow:hidden;border:2px solid #050806;border-radius:65px 65px 6px 6px;background:repeating-conic-gradient(from 225deg at 50% 88%,#596860 0 1deg,transparent 1deg 14deg),radial-gradient(circle at 50% 88%,#ddd5b9 0 8%,#555 9% 13%,#ddd7c0 14% 63%,#777 64% 66%,#161a18 67%)}.gauge>div i{position:absolute;width:40%;height:2px;background:#ba2e23;right:50%;bottom:12%;transform-origin:right;transform:rotate(40deg);transition:.25s}.gauge>div b{position:absolute;left:0;right:0;bottom:3px;color:#242722;font:800 9px Consolas}.digital-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.digital-row label{padding:6px;background:#040906;border:1px solid #2d4237;color:#6d8076;font:7px Consolas}.digital-row strong{display:block;color:var(--green);font:22px Consolas;text-shadow:0 0 9px #5cff9a55}.digital-row small{font-size:6px}.drone-module{text-align:center}.drone-module canvas{display:block;width:100%;aspect-ratio:1.84;background:radial-gradient(circle,#172c23,#030806);border:1px solid #293b32}.drone-meta strong,.drone-meta span{display:block}.drone-meta strong{color:var(--amber2);margin-top:7px}.drone-meta span{font:7px Consolas;color:#7d9186}.drone-meta p{font-size:9px;color:#84968c;min-height:22px;margin:6px}.payload-module label,.sensor-module label,.altitude-control label{display:block;color:#819188;font:7px Consolas;margin:9px 0}.payload-module select,.sensor-module select{width:100%;margin-top:5px;padding:7px;background:#060a08;border:1px solid #3a4d42;color:#d5cdaf;font:8px Consolas}.payload-module p{font-size:9px;color:#809187;min-height:20px}.payload-bar{height:6px;background:#050806;border:1px solid #26352e;margin:8px 0 11px}.payload-bar i{display:block;width:48%;height:100%;background:var(--amber);box-shadow:0 0 8px var(--amber)}.guarded{width:100%;padding:8px;color:#ffb0a9;border:1px solid #6c2d28;background:repeating-linear-gradient(135deg,#271310,#271310 6px,#1a0e0d 6px,#1a0e0d 12px);font-size:8px;font-weight:900}.centre-column{min-width:0}.main-display{padding:8px;background:linear-gradient(145deg,#354239,#101613);border:1px solid #56685e;box-shadow:inset 0 0 0 4px #070a09,0 9px 26px #000c}.display-head{height:29px;padding:0 7px;display:flex;align-items:center;justify-content:space-between;color:#788c82;font:8px Consolas}.display-head strong{color:var(--amber2)}.battlefield{position:relative;aspect-ratio:5/3;overflow:hidden;background:#0b1510;border:2px solid #030504}.battlefield>canvas{display:block;width:100%;height:100%;cursor:crosshair}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 75px #000,inset 0 0 12px #000;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 4px)}.camera-data{position:absolute;left:12px;right:12px;top:9px;display:flex;justify-content:space-between;color:#c2d9cb;font:7px Consolas;text-shadow:0 1px 2px #000}.overlay{display:none;position:absolute;inset:0;z-index:3;place-content:center;text-align:center;padding:11%;background:radial-gradient(circle,#11261fe8,#020504f7)}.overlay.show{display:grid}.overlay>small{color:var(--green);font:8px Consolas;letter-spacing:.23em}.overlay h3{font-size:clamp(24px,3.5vw,49px);margin:10px 0 7px;letter-spacing:-.025em}.overlay>p{color:#9aaba1;line-height:1.45;margin:0 auto 19px;max-width:600px}.overlay>em{font:7px Consolas;color:#63766b;margin-top:11px}.launch{border:1px solid #ffd775;color:#181207;background:var(--amber);font-weight:900;font-size:9px;letter-spacing:.09em;padding:11px 20px;box-shadow:0 0 22px #ffad1433;cursor:pointer}.result{padding:4%}.result h3{font-size:clamp(22px,3vw,38px);margin:5px}.result>strong{color:var(--amber2);font:38px Consolas}.result>div{display:flex;gap:23px;justify-content:center;color:#96a69d;font:8px Consolas}.result article{width:min(520px,90%);margin:10px auto;padding:10px 13px;text-align:left;display:grid;grid-template-columns:1fr auto;background:#2b210c;border:1px solid #665012}.result article small{grid-column:1/-1;color:#8b805f;font:6px Consolas}.result article b{color:#ffc01b;font-size:20px}.result article p{font-size:9px;margin:2px 0}.result article button{grid-row:2/4;grid-column:2;border:1px solid var(--amber);background:transparent;color:var(--amber);font:7px Consolas}.result nav{display:flex;justify-content:center;gap:8px}.hud{height:59px;display:grid;grid-template-columns:1fr 1fr .7fr .9fr .9fr;gap:1px;background:#2b3832}.hud label{background:#0a100d;color:#71837a;padding:7px;font:7px Consolas}.hud b{display:block;color:#ddd5b7;font:14px Consolas;margin:2px 0}.hud label:nth-child(n+3) b{font-size:17px;color:var(--amber2)}.hud label>i{display:block;height:4px;background:#26332c}.hud label>i span{display:block;height:100%;width:100%;background:var(--green);box-shadow:0 0 6px var(--green)}.message-strip{margin:8px 0;display:flex;justify-content:space-between;border:1px solid #34483d;background:#0a110e;padding:7px 11px;color:#7d9186;font:8px Consolas}.message-strip b{color:var(--amber)}.lower-console{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:9px}.joystick-module{text-align:center}.joystick{width:130px;height:92px;margin:auto;position:relative;border:1px solid #40554a;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#222e29 0 8%,#111814 9% 38%,#29352f 39% 40%,#080c0a 41% 100%);cursor:crosshair;box-shadow:inset 0 0 20px #000}.joy-grid:before,.joy-grid:after{content:"";position:absolute;background:#56675e55}.joy-grid:before{width:1px;height:100%;left:50%}.joy-grid:after{height:1px;width:100%;top:50%;left:0}.stick{position:absolute;width:35px;height:35px;border-radius:50%;left:calc(50% - 17px);top:calc(50% - 17px);background:radial-gradient(circle at 34% 28%,#e0d7b9,#626d66 40%,#171e1a 70%);box-shadow:0 6px 8px #000,0 0 0 5px #050806;transition:.08s}.stick i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);left:13px;top:13px;box-shadow:0 0 8px var(--green)}.joystick>span{position:absolute;bottom:4px;left:0;right:0;font:6px Consolas;color:#56695f}.joystick-module p{font:6px/1.5 Consolas;color:#687b71;margin:5px 0 0}kbd{color:#152019;background:#c8c0a2;padding:1px 3px}.hard-controls>div{display:flex;justify-content:space-around;align-items:flex-end}.toggle{text-align:center}.toggle input,.rocker input{display:none}.toggle>i{display:block;margin:auto;width:21px;height:40px;border:2px solid #050806;background:#242c28;position:relative}.toggle>i:after{content:"";position:absolute;width:13px;height:22px;left:2px;bottom:2px;background:linear-gradient(90deg,#676f6a,#d4ccb0,#555)}.toggle input:checked+i:after{bottom:12px;transform:perspective(25px) rotateX(-28deg)}.toggle span,.push span,.rocker>span{display:block;color:#7b8e84;font:6px Consolas;margin-top:4px}.push{border:0;background:transparent}.push>i{display:block;width:31px;height:31px;border-radius:50%;border:2px solid #050706;box-shadow:0 2px #778076,0 5px 5px #000;background:radial-gradient(circle at 35% 28%,#ffda68,#b87500 50%,#3d2800 56%,#171d19 60%)}.push.red>i{background:radial-gradient(circle at 35% 28%,#ff897f,#9c211a 50%,#3d0c08 56%,#171d19 60%)}.push:active>i{transform:translateY(3px)}.rocker b{display:grid;grid-template-columns:1fr 1fr;background:#060907;border:2px solid #050706}.rocker b i{font:normal 6px Consolas;padding:7px 4px;color:#607269}.rocker input:not(:checked)+b i:last-child,.rocker input:checked+b i:first-child{background:#3b4741;color:var(--amber2)}.altitude-control input,.sensor-module input{width:100%;accent-color:var(--amber)}.altitude-control label b{display:block;text-align:center;color:var(--green);font:16px Consolas}.altitude-control>small{display:block;color:#697a71;font:7px/1.4 Consolas}.radar-module canvas{display:block;width:100%;aspect-ratio:1.82;background:#03100b;border:1px solid #244436}.radar-legend{margin-top:6px;color:#657a6f;font:6px Consolas}.radar-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin:0 3px 0 7px}.radar-legend i:nth-child(2){background:var(--red)}.radar-legend i:nth-child(3){background:var(--amber)}.sensor-module label strong{display:block;color:var(--green);font:15px Consolas;text-align:center;margin-top:3px;text-shadow:0 0 8px #5cff9a55}.matrix{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:8px;background:#040806}.matrix i{aspect-ratio:1;border-radius:50%;background:#15201b;border:1px solid #304139}.matrix i.on{background:var(--phosphor);box-shadow:0 0 7px var(--phosphor),inset 0 0 2px #fff}.matrix-module dl{margin:7px 0 0}.matrix-module dl div{display:flex;justify-content:space-between;padding:6px 1px;border-bottom:1px solid #2d3d35;color:#71847a;font:7px Consolas}.matrix-module dd{margin:0;color:var(--amber2)}footer{display:flex;justify-content:space-between;padding:7px 3px 0;margin-top:9px;border-top:1px solid #293a32;color:#52675c;font:7px Consolas}footer a{color:#73877d}body.red-alert .main-display{animation:alarm .65s infinite}@keyframes alarm{50%{box-shadow:inset 0 0 70px #a216164c}}@media(max-width:1280px){.cockpit-grid{grid-template-columns:225px minmax(540px,1fr) 225px}.shell{padding:10px}.module{padding:9px}.triple-meter{gap:2px}.gauge>div{height:56px}.lower-console{grid-template-columns:1fr 1.25fr 1fr}.radar-module canvas{aspect-ratio:1.65}}@media(max-width:970px){.cockpit-grid{grid-template-columns:1fr}.column{display:grid;grid-template-columns:repeat(3,1fr)}.left-column{order:2}.right-column{order:3}.centre-column{order:1}.missions{overflow:auto}.missions>b,.missions>aside{display:none}}@media(max-width:650px){.column,.lower-console{grid-template-columns:1fr}.masthead .system span{display:none}.hud b,.hud label:nth-child(n+3) b{font-size:10px}.message-strip b{display:none}footer{display:block;line-height:2}}