:root{--paper:#e7dec1;--paper-light:#f3ecd5;--paper-dark:#c9bea0;--ink:#173c36;--ink-soft:#527168;--red:#ae382f;--red-hot:#e0523b;--mustard:#cf9838;--mint:#739281;--phosphor:#cfdb63;--space:#020807;--display:"Rockwell Extra Bold", "Rockwell", "Cooper Black", Georgia, serif;--label:"Franklin Gothic Demi Cond", "Franklin Gothic Condensed", "Arial Narrow", sans-serif;--mono:"Courier New", monospace}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--space);color:var(--ink);font-family:var(--label);-webkit-user-select:none;user-select:none}button{font:inherit}canvas{cursor:crosshair;display:block}body:after{content:"";z-index:50;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:fixed;inset:0}body:before{content:"";z-index:49;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#ece5c905 4px);position:fixed;inset:0;box-shadow:inset 0 0 120px #0007}.screen{z-index:20;display:none;position:fixed;inset:0}.screen.active{display:flex}#briefing{background:radial-gradient(circle at 80% 21%, transparent 0 80px, #ae382f2e 81px 83px, transparent 84px 115px, #ae382f1c 116px 119px, transparent 120px), linear-gradient(108deg, var(--paper-light) 0 61%, #789687 61% 100%);align-items:center;gap:4vw;overflow:hidden}#briefing:before{content:"";background:repeating-conic-gradient(from 10deg, var(--red) 0 9deg, #c84a38 9deg 18deg);width:650px;height:650px;box-shadow:0 0 0 22px var(--paper), 0 0 0 27px var(--ink);opacity:.9;border-radius:50%;position:absolute;bottom:-360px;right:-245px}.brief-grid{opacity:.17;background-image:radial-gradient(var(--ink) .7px, transparent .8px);background-size:6px 6px;position:absolute;inset:0 39% 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 92%);mask-image:linear-gradient(90deg,#000,#0000 92%)}.brief-head,.brief-foot{z-index:4;color:var(--ink);border-color:var(--ink);font:700 9px var(--mono);letter-spacing:.16em;justify-content:space-between;display:flex;position:absolute;left:3.5vw;right:3.5vw}.brief-head{border-bottom:3px double;padding-bottom:8px;top:3.3vh}.brief-head:before{content:"☢";color:var(--red);font-size:18px;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.brief-foot{border-top:2px solid;padding-top:8px;bottom:3.3vh}.brief-foot .copyright{color:var(--red);letter-spacing:.1em;position:absolute;left:50%;transform:translate(-50%)}.brief-copy{z-index:3;width:53%;margin-left:5vw;position:relative}.eyebrow{color:var(--red);font:900 clamp(10px,1vw,14px) var(--mono);letter-spacing:.3em;margin:0}.brief-copy h1{color:var(--ink);font:900 clamp(72px,10vw,150px)/.78 var(--display);letter-spacing:-.075em;text-shadow:4px 4px 0 var(--mustard);margin:.08em 0 .12em;transform:rotate(-1deg)}.brief-copy h1 em,.result-screen h2 em{color:var(--red);font-style:normal}.mission{max-width:610px;color:var(--ink);border-left:5px solid var(--red);font:700 clamp(9px,.78vw,13px)/1.45 var(--label);letter-spacing:.06em;text-transform:uppercase;margin:0;padding-left:13px}.difficulty-select{grid-template-columns:repeat(3,1fr);gap:7px;width:min(620px,100%);margin-top:15px;display:grid}.difficulty{min-height:61px;color:var(--ink);border:2px solid var(--ink);text-align:left;cursor:pointer;background:#f3ecd5c7;padding:10px 8px 8px 38px;transition:transform .15s,background .15s,box-shadow .15s;position:relative;overflow:hidden}.difficulty:after{content:"";border:2px solid var(--ink);width:26px;height:26px;position:absolute;bottom:-14px;right:-14px;transform:rotate(45deg)}.difficulty:hover{box-shadow:3px 4px 0 var(--mustard);transform:translateY(-2px)rotate(-.3deg)}.difficulty.selected{color:var(--paper-light);background:var(--ink);box-shadow:inset 4px 0 0 var(--mustard)}.difficulty b{color:var(--red);font:900 21px var(--display);position:absolute;top:8px;left:9px}.difficulty strong,.difficulty small{display:block}.difficulty strong{font:900 10px/1.05 var(--label);letter-spacing:.04em}.difficulty small{color:var(--ink-soft);font:700 6px var(--mono);letter-spacing:.07em;margin-top:6px}.difficulty.selected small{color:var(--phosphor)}.deploy{color:var(--paper-light);background:var(--red);border:3px solid var(--ink);box-shadow:5px 6px 0 var(--mustard), 8px 9px 0 var(--ink);cursor:pointer;align-items:center;gap:18px;margin-top:17px;padding:12px 27px 10px;transition:transform .14s,box-shadow .14s;display:flex;transform:rotate(-.5deg)}.deploy:hover{box-shadow:7px 8px 0 var(--mustard), 10px 11px 0 var(--ink);transform:translate(-2px,-2px)rotate(-.5deg)}.deploy:active{box-shadow:1px 1px 0 var(--ink);transform:translate(5px,5px)}.deploy span{font:900 20px var(--display);letter-spacing:.04em}.deploy small{color:#f1cf83;font:700 8px var(--mono);letter-spacing:.12em}.directive{z-index:3;width:32%;max-width:470px;color:var(--ink);border:3px solid var(--ink);box-shadow:8px 9px 0 var(--red);background:#f3ecd5f0;margin-right:5vw;padding:42px 22px 18px;position:relative;transform:rotate(.7deg)}.directive>span{color:var(--paper-light);background:var(--red);border:3px solid var(--ink);font:900 10px var(--label);letter-spacing:.18em;padding:9px 12px 8px;position:absolute;top:-3px;left:-3px;right:-3px}.directive ol{margin:7px 0 15px;padding:0;list-style:none}.directive li{border-bottom:1px dashed var(--ink-soft);min-height:47px;font:700 10px/1.25 var(--label);letter-spacing:.04em;text-transform:uppercase;grid-template-columns:38px 1fr;align-items:center;display:grid}.directive li b{color:var(--mustard);font:900 20px var(--display)}.controls{color:var(--ink-soft);font:700 7px/2.1 var(--mono);letter-spacing:.04em}.controls i,.control-strip i{color:var(--red);margin:0 4px;font-style:normal}kbd{min-width:20px;color:var(--paper-light);background:var(--ink);border:1px solid var(--ink);text-align:center;font:inherit;border-bottom:3px solid #09221e;padding:2px 4px;display:inline-block}.atomic-mark{z-index:2;opacity:.22;width:250px;height:250px;position:absolute;top:7vh;right:8vw}.atomic-mark i{border:4px solid var(--paper-light);border-radius:50%;position:absolute;inset:45px 5px}.atomic-mark i:nth-child(2){transform:rotate(60deg)}.atomic-mark i:nth-child(3){transform:rotate(-60deg)}.atomic-mark b{color:var(--paper-light);place-items:center;font-size:40px;display:grid;position:absolute;inset:0}#hud{z-index:5;pointer-events:none;display:none;position:fixed;inset:0}body.playing #hud{display:block}.topline{height:27px;color:var(--ink);border:2px solid var(--ink);font:700 8px var(--mono);letter-spacing:.11em;background:#e7dec1eb;justify-content:space-between;align-items:center;padding:0 11px;display:flex;position:absolute;top:12px;left:18px;right:18px;box-shadow:3px 3px #ae382fbf}.topline strong{color:var(--paper-light);background:var(--red);border:2px solid var(--ink);font:900 9px var(--label);letter-spacing:.15em;padding:7px 19px 6px;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.hud-panel{width:232px;color:var(--ink);border:3px solid var(--ink);background:linear-gradient(120deg,#f3ecd5f5,#d2c9aae8);position:absolute;top:56px;box-shadow:6px 7px #040e0ca8}.threat-panel{left:18px;transform:rotate(-.25deg)}.weapon-panel{right:18px;transform:rotate(.25deg)}.panel-kicker{color:var(--paper-light);background:var(--red);border-bottom:3px solid var(--ink);font:900 9px var(--label);letter-spacing:.12em;padding:9px 11px 8px}.weapon-panel .panel-kicker{color:var(--paper-light);background:var(--ink)}.status-lamp{background:var(--red-hot);border:2px solid var(--ink);vertical-align:-1px;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:.75s steps(2,end) infinite blink;display:inline-block;box-shadow:inset 0 0 0 1px #ff997d}.status-lamp.ready{background:var(--phosphor);animation:none;box-shadow:inset 0 0 0 1px #eff5a5,0 0 6px #cfdc63}.status-lamp.danger{background:var(--red-hot)}.confidence{justify-content:space-between;align-items:end;padding:11px 11px 4px;display:flex}.confidence span{max-width:70px;font:900 7px/1.1 var(--mono);letter-spacing:.06em}.confidence strong{color:var(--red);font:900 27px var(--display);letter-spacing:-.05em}.track{background:var(--paper-dark);border:2px solid var(--ink);height:9px;margin:0 11px 11px;padding:1px;overflow:hidden}.track i{background:var(--ink);width:84%;height:100%;transition:width .12s;display:block}.two-up{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.two-up span,.orbit-data span{font:700 6px var(--mono);letter-spacing:.06em;padding:8px 10px}.two-up span+span,.orbit-data span+span{border-left:2px solid var(--ink)}.two-up b,.orbit-data b{color:var(--ink);font:900 20px var(--display);letter-spacing:-.02em;margin-top:2px;display:block}.threat-panel p{min-height:42px;color:var(--ink-soft);font:700 7px/1.45 var(--mono);letter-spacing:.04em;background:#ffffff2e;margin:0;padding:8px 10px;transition:color .18s,background .18s}.threat-panel p.danger{color:var(--red);background:#ae382f17}.weapon-state{align-items:center;padding:11px;display:flex}.weapon-state strong{font:900 13px var(--label);letter-spacing:.07em}.system{padding:0 11px}.system>span{font:700 7px var(--mono);letter-spacing:.05em;justify-content:space-between;margin:4px 0;display:flex}.system>span b{font-weight:700}.system .track{height:8px;margin:0 0 9px}.track.heat i{background:var(--red);width:0}.track.charge i{background:var(--mustard);width:100%}.orbit-data{border-top:2px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.reticle{color:#f0d891c7;opacity:.67;border:2px solid;border-radius:50%;width:78px;height:78px;transition:width .12s,height .12s,opacity .12s,color .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 5px #173c361f}.reticle:after{content:"";border:1px dashed;border-radius:50%;position:absolute;inset:10px}.reticle.acquired{opacity:.95}.reticle.locked{width:62px;height:62px;color:var(--phosphor)}.reticle.hit{color:#fff0a4;box-shadow:0 0 18px var(--red), inset 0 0 0 5px #ae382f29}.reticle i{z-index:2;background:currentColor;position:absolute}.reticle i:first-child,.reticle i:nth-child(2){width:16px;height:2px;top:50%}.reticle i:first-child{left:-9px}.reticle i:nth-child(2){right:-9px}.reticle i:nth-child(3),.reticle i:nth-child(4){width:2px;height:16px;left:50%}.reticle i:nth-child(3){top:-9px}.reticle i:nth-child(4){bottom:-9px}.reticle b{z-index:3;background:currentColor;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle span{color:var(--paper-light);white-space:nowrap;font:700 7px var(--mono);letter-spacing:.09em;background:#173c36b8;padding:2px 5px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.reticle em{color:var(--paper-light);background:var(--red);border:1px solid var(--paper-light);opacity:0;white-space:nowrap;font:normal 700 7px var(--mono);letter-spacing:.09em;padding:3px 6px;transition:all 70ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.8)}.reticle.hit em{opacity:1;transform:translate(-50%)scale(1)}.coverage-arrow{opacity:0;color:var(--red);border:2px solid var(--ink);font:900 7px var(--mono);letter-spacing:.08em;background:#f3ecd5e6;padding:4px 7px;transition:all .2s;position:absolute;top:62%;left:50%;transform:translate(-50%,12px)}.coverage-arrow.show{opacity:1;transform:translate(-50%)}.coverage-arrow i{border-bottom:2px solid;border-left:2px solid;width:7px;height:7px;margin-right:7px;display:inline-block;transform:rotate(45deg)}.control-strip{color:var(--ink-soft);border:2px solid var(--ink);white-space:nowrap;font:700 7px var(--mono);letter-spacing:.06em;background:#e7dec1e6;padding:5px 9px 4px;position:absolute;bottom:11px;left:50%;transform:translate(-50%);box-shadow:3px 3px #ae382fa6}.control-strip b{color:var(--red)}.sound-toggle{color:var(--paper-light);background:var(--ink);border:2px solid var(--paper-light);pointer-events:auto;cursor:pointer;font:700 7px var(--mono);letter-spacing:.08em;padding:5px 8px 4px;position:absolute;bottom:11px;left:18px}.damage-vignette{opacity:0;background:radial-gradient(circle,#0000 45%,#b92e1da6);transition:opacity .15s;position:absolute;inset:0}.pause-card{z-index:15;min-width:320px;color:var(--ink);background:var(--paper-light);border:4px solid var(--ink);box-shadow:9px 10px 0 var(--red);text-align:center;padding:28px 55px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.pause-card.active{display:block}.pause-card small{color:var(--red);font:700 8px var(--mono);letter-spacing:.16em}.pause-card h2{font:900 52px/.9 var(--display);margin:10px}.pause-card p{color:var(--ink-soft);font:700 9px var(--mono);letter-spacing:.08em;margin:0}.result-screen{z-index:25;color:var(--ink);background:radial-gradient(circle at 50% 43%, transparent 0 240px, #ae382f1f 241px 244px, transparent 245px 285px, #173c361f 286px 289px, transparent 290px), var(--paper-light);flex-direction:column;justify-content:center;align-items:center}.result-screen:before{content:"";opacity:.15;background-image:radial-gradient(var(--ink) .7px, transparent .8px);background-size:6px 6px;position:absolute;inset:0}.result-screen>*{z-index:1;position:relative}.result-screen h2{color:var(--ink);font:900 clamp(58px,8vw,115px)/.8 var(--display);letter-spacing:-.05em;text-align:center;text-shadow:4px 4px var(--mustard);margin:14px 0}.result-stats{border:3px solid var(--ink);background:var(--paper);gap:0;margin:20px 0;display:flex}.result-stats span{min-width:150px;color:var(--ink-soft);border-right:2px solid var(--ink);text-align:center;font:700 7px var(--mono);letter-spacing:.08em;flex-direction:column;padding:10px 14px;display:flex}.result-stats span:last-child{border:0}.result-stats b{color:var(--red);font:900 35px var(--display);letter-spacing:0}.result-screen>p:not(.eyebrow){color:var(--ink-soft);text-transform:uppercase;font:700 9px var(--mono);letter-spacing:.08em}.result-screen .deploy{margin-top:14px}@keyframes blink{50%{opacity:.3}}@media (width<=760px),(height<=650px){.brief-copy{width:58%;margin-left:3vw}.brief-copy h1{font-size:clamp(57px,10vw,91px)}.mission{font-size:8px}.difficulty-select{gap:4px;margin-top:8px}.difficulty{border-width:1px;min-height:44px;padding:6px 4px 5px 26px}.difficulty b{font-size:14px;top:5px;left:6px}.difficulty strong{font-size:7px}.difficulty small{margin-top:3px;font-size:5px}.brief-copy .deploy{margin-top:9px;padding:8px 18px}.deploy span{font-size:16px}.directive{width:36%;margin-right:3vw;padding:37px 13px 12px}.directive li{min-height:37px;font-size:8px}.directive li b{font-size:15px}.hud-panel{width:205px;top:49px}.threat-panel{left:8px}.weapon-panel{right:8px}.topline{top:7px;left:8px;right:8px}.control-strip{display:none}.result-stats span{min-width:115px}.result-screen h2{font-size:56px}.atomic-mark{display:none}}@media (width<=560px){.directive{display:none}.brief-copy{width:90%;margin:0 auto}.hud-panel{transform-origin:0 0;transform:scale(.78)}.weapon-panel{transform-origin:100% 0}.result-stats{grid-template-columns:1fr 1fr;display:grid}.result-stats span{border:1px solid var(--ink)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}