:root{--olive:#3d4a2c;--khaki:#c9b98a;--paper:#efe6c8;--ink:#141410;--red:#d6362b;--amber:#f2b134;--green:#7fc46a;--panel:#14160eb8}*{box-sizing:border-box}html,body{height:100%;color:var(--paper);-webkit-user-select:none;user-select:none;background:#0d0f0a;margin:0;font-family:Avenir Next Condensed,Futura,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;letter-spacing:.04em;font-weight:600;position:fixed;inset:0}.label{letter-spacing:.2em;opacity:.75;font-size:11px}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair .dot{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-2px;box-shadow:0 0 3px #000}#reticle{border:2px solid #ffffffd9;border-radius:50%;width:28px;height:28px;transition:border-color .1s;position:absolute;top:-14px;left:-14px;box-shadow:0 0 3px #000,inset 0 0 3px #000}#reticle.ready{border-color:var(--green)}#reticle.reloading{border-style:dashed;border-color:#ffffff59}#spread{border:1px solid #ffffff59;border-radius:50%;width:60px;height:60px;transition:transform 80ms;position:absolute;top:-30px;left:-30px;transform:scale(1)}#hitmark{opacity:0;text-align:center;color:#fff;text-shadow:0 0 6px #000;width:36px;height:36px;margin:-18px 0 0 -18px;font-size:34px;font-weight:900;line-height:36px;position:absolute;top:50%;left:50%}#hitmark.pen{color:var(--amber)}#hitmark.kill{color:var(--red)}#hitmark.bounce{color:#9ab}#hitmark.show{animation:.45s ease-out forwards hm}@keyframes hm{0%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(.9)}}#vignette{opacity:0;background:radial-gradient(#0000 55%,#d6362b8c 100%);transition:opacity .15s;position:absolute;inset:0}#dmgdir{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}#dmgdir:after{content:"";border:14px solid #0000;border-bottom:26px solid var(--red);filter:drop-shadow(0 0 4px #000);position:absolute;top:-150px;left:-14px}#topleft{position:absolute;top:22px;left:24px}#objective{background:var(--panel);border-left:4px solid var(--amber);min-width:260px;padding:10px 14px}#objtext{text-transform:uppercase;margin-top:2px;font-size:20px}#capbar{background:#ffffff1f;height:6px;margin-top:8px;display:none}#capbar.on{display:block}#capfill{background:var(--amber);width:0;height:100%;transition:width .1s linear}#topright{text-align:right;position:absolute;top:22px;right:24px}#minimap{background:#14160ea6;border:2px solid #efe6c859;border-radius:50%}#score{text-shadow:0 2px #000;margin-top:6px;font-size:28px;font-weight:800}#killfeed{text-align:right;font-size:14px;position:absolute;top:270px;right:24px}#killfeed div{background:var(--panel);margin-top:4px;padding:4px 10px;animation:4s forwards kf}#killfeed div b{color:var(--amber)}@keyframes kf{0%{opacity:0;transform:translate(20px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}#bottomleft{position:absolute;bottom:24px;left:24px}#hpwrap{background:var(--panel);min-width:280px;padding:10px 14px}#hpbar{background:#ffffff1f;border:1px solid #ffffff40;height:14px;margin-top:6px}#hpfill{background:var(--green);width:100%;height:100%;transition:width .15s}#hpfill.low{background:var(--red)}#status{color:var(--amber);min-height:16px;margin-top:6px;font-size:13px}#bottomright{text-align:right;position:absolute;bottom:24px;right:24px}#ammo{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.slot{background:var(--panel);text-align:left;border:2px solid #0000;min-width:70px;padding:8px 12px}.slot.active{border-color:var(--amber)}.slot .key{opacity:.6;font-size:10px;display:block}.slot .name{font-size:18px;font-weight:800}.slot .count{float:right;margin-top:12px;font-size:18px;font-weight:800}#heat{background:#ffffff1f;height:5px;margin-top:6px}#heatfill{background:var(--amber);width:0;height:100%}#reload{background:var(--panel);width:220px;height:30px;margin-left:auto;position:relative;overflow:hidden}#reloadfill{background:#7fc46a59;width:100%;position:absolute;inset:0}#reloadtxt{text-align:center;letter-spacing:.2em;font-weight:800;line-height:30px;position:absolute;inset:0}#banner{text-align:center;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 4px #000,0 0 30px #0009;opacity:0;font-size:56px;font-weight:900;position:absolute;top:26%;left:0;right:0}#banner.show{animation:3.2s ease-out forwards bn}@keyframes bn{0%{opacity:0;transform:scale(1.3)}10%{opacity:1;transform:scale(1)}75%{opacity:1}to{opacity:0}}#subbanner{text-align:center;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px #000;opacity:0;font-size:20px;position:absolute;top:calc(26% + 70px);left:0;right:0}#subbanner.show{animation:3.2s ease-out forwards bn}#hint{text-align:center;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px #000;opacity:.9;font-size:16px;position:absolute;bottom:120px;left:0;right:0}.screen{text-align:center;background:radial-gradient(#14180c8c,#0a0c06eb);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.stencil{letter-spacing:.18em;color:var(--paper);text-shadow:0 6px #1b1e12,0 0 40px #f2b13440;font-size:120px;font-weight:900;line-height:1}.stencil.small{font-size:64px}.stencil.red{color:var(--red)}.tag{letter-spacing:.5em;color:var(--amber);margin-top:10px;font-size:20px}.sub{opacity:.9;max-width:560px;margin-top:18px;font-size:18px;line-height:1.5}button{font:inherit;letter-spacing:.2em;background:var(--amber);color:var(--ink);cursor:pointer;border:0;margin-top:28px;padding:16px 40px;font-size:22px;font-weight:800;box-shadow:0 6px #7a5410}button:hover{transform:translateY(-2px);box-shadow:0 8px #7a5410}button:active{transform:translateY(3px);box-shadow:0 3px #7a5410}.controls{opacity:.85;grid-template-columns:repeat(4,auto);gap:10px 28px;margin-top:30px;font-size:14px;display:grid}.controls b{color:var(--amber)}.tip{opacity:.6;max-width:520px;margin-top:22px;font-size:13px;line-height:1.5}#cards{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:28px;display:flex}.card{cursor:pointer;text-align:left;background:#efe6c814;border:2px solid #efe6c84d;width:230px;padding:20px 18px;transition:all .12s}.card:hover{border-color:var(--amber);background:#f2b1341f;transform:translateY(-4px)}.card h3{letter-spacing:.05em;margin:0;font-size:22px}.card p{opacity:.8;margin:8px 0 0;font-size:14px;line-height:1.4}.card .stat{color:var(--amber);letter-spacing:.1em;margin-top:12px;font-size:13px;font-weight:800}#markers{position:absolute;inset:0}.mk{text-align:center;letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px #000,0 0 6px #000;font-size:12px;transition:opacity .2s;position:absolute;transform:translate(-50%,-100%)}.mk.enemy{color:#ff6a5a}.mk.enemy:after{content:"";border:6px solid #0000;border-top:9px solid #ff6a5a;width:0;height:0;margin:2px auto 0;display:block}.mk.obj{color:var(--amber);font-size:14px;font-weight:800}.mk.obj .big{font-size:22px;line-height:1;display:block}.mk.ally{color:var(--green);opacity:.85;font-size:11px}.mk.edge{transform:translate(-50%,-50%)}#floaters{position:absolute;inset:0}.fl{color:var(--amber);text-shadow:0 2px #000,0 0 8px #000;letter-spacing:.05em;font-size:22px;font-weight:900;animation:1s ease-out forwards fl;position:absolute;transform:translate(-50%,-50%)}.fl.bounce{color:#aeb8c2;font-size:16px}.fl.kill{color:var(--red);font-size:28px}.fl.crit{color:#fff}@keyframes fl{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-70%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}#target{text-align:center;opacity:0;min-width:150px;transition:opacity .15s;position:absolute;top:calc(50% + 46px);left:50%;transform:translate(-50%)}#target.on{opacity:1}#tname{letter-spacing:.15em;text-shadow:0 1px #000;font-size:14px;font-weight:800}#thp{background:#00000080;border:1px solid #ffffff59;width:120px;height:5px;margin:4px auto}#thpfill{background:#ff6a5a;width:100%;height:100%}#taspect{letter-spacing:.2em;text-shadow:0 1px #000;font-size:12px;font-weight:800}#taspect.good{color:var(--green)}#taspect.bad{color:var(--red)}#taspect.ok{color:var(--amber)}#fade{opacity:1;pointer-events:none;z-index:50;background:#000;transition:opacity .9s;position:fixed;inset:0}#fade.clear{opacity:0}.screen{z-index:40}.kicker{letter-spacing:.5em;color:var(--amber);margin-bottom:14px;font-size:14px;font-weight:800}.stencil{font-size:96px}.sub.big{max-width:760px;font-size:22px;line-height:1.7}.sub.small{opacity:.7;font-size:14px}button.secondary{color:var(--paper);box-shadow:none;background:0 0;border:2px solid #efe6c866;margin-top:14px;padding:10px 22px;font-size:15px}button.secondary:hover{border-color:var(--amber);box-shadow:none}.link{color:var(--amber);cursor:pointer;pointer-events:auto;text-decoration:underline}#pause{cursor:pointer}#missions{flex-wrap:wrap;justify-content:center;gap:14px;max-width:1100px;margin-top:34px;display:flex}.mission{text-align:left;cursor:pointer;background:#efe6c80f;border:2px solid #efe6c840;width:196px;padding:16px 14px;transition:all .12s;position:relative}.mission:hover{border-color:var(--amber);background:#f2b1341f;transform:translateY(-4px)}.mission.locked{opacity:.4;cursor:not-allowed}.mission.locked:hover{background:#efe6c80f;border-color:#efe6c840;transform:none}.mission .n{letter-spacing:.3em;color:var(--amber);font-size:12px}.mission h3{margin:6px 0 4px;font-size:22px;line-height:1.05}.mission p{opacity:.75;margin:0;font-size:12px;line-height:1.4}.mission .done{color:var(--green);letter-spacing:.2em;font-size:12px;position:absolute;top:10px;right:10px}#cardctl{grid-template-columns:repeat(3,auto)}#shud{pointer-events:none;letter-spacing:.04em;font-weight:600;position:fixed;inset:0}#smarkers,#sfloaters{position:absolute;inset:0}#svignette{opacity:0;background:radial-gradient(#0000 55%,#d6362b99 100%);transition:opacity .15s;position:absolute;inset:0}#flash{opacity:0;pointer-events:none;z-index:45;background:#fff;position:absolute;inset:0}#pip{border:2px solid #ffffffe6;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #000,inset 0 0 4px #000}#pip:after{content:"";background:#fff;width:2px;height:2px;position:absolute;top:10px;left:10px}#pip.hot{border-color:var(--red)}#sobj{background:var(--panel);border-left:4px solid var(--amber);min-width:260px;padding:10px 14px;position:absolute;top:22px;left:24px}#sobjtext{text-transform:uppercase;margin-top:2px;font-size:20px}#sobjsub{opacity:.8;margin-top:4px;font-size:13px}#sscore{text-shadow:0 2px #000;font-size:28px;font-weight:800;position:absolute;top:22px;right:24px}#sfeed{text-align:right;font-size:14px;position:absolute;top:70px;right:24px}#sfeed div{background:var(--panel);margin-top:4px;padding:4px 10px;animation:4s forwards kf}#sfeed div b{color:var(--amber)}#gauges{gap:8px;display:flex;position:absolute;bottom:24px;left:24px}#gauges .g{background:var(--panel);min-width:96px;padding:8px 12px}#gauges .g b{font-size:26px;font-weight:800;line-height:1.1;display:block}#gauges .g i{opacity:.6;font-size:11px;font-style:normal}#gauges .bar{background:#ffffff1f;border:1px solid #ffffff40;height:8px;margin-top:10px}#gauges .bar div{background:var(--amber);width:70%;height:100%}#ghp{background:var(--green)!important}#ghp.low{background:var(--red)!important}#ordnance{background:var(--panel);text-align:right;min-width:160px;padding:10px 14px;font-size:14px;position:absolute;bottom:24px;right:24px}#ordnance b{color:var(--amber);font-size:20px}#lso{background:var(--panel);text-align:center;width:200px;padding:10px 14px;position:absolute;bottom:90px;right:24px}#ball{width:60px;height:120px;margin:8px auto;position:relative}#datum{background:var(--green);height:3px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}#datum:before,#datum:after{content:"";border:2px solid var(--green);box-sizing:border-box;border-radius:50%;width:18px;height:18px;position:absolute;top:-8px}#datum:before{left:-24px}#datum:after{right:-24px}#meat{background:var(--amber);width:16px;height:16px;box-shadow:0 0 8px var(--amber);border-radius:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%}#meat.high{background:#fff}#meat.low{background:var(--red);box-shadow:0 0 8px var(--red)}#lsotxt{letter-spacing:.15em;font-size:16px;font-weight:800}#vsi{opacity:.75;margin-top:4px;font-size:12px}#bombrun{background:var(--panel);text-align:center;width:460px;padding:10px 16px;position:absolute;bottom:120px;left:50%;transform:translate(-50%)}#brtrack{height:36px;margin:8px 0;position:relative}#brline{background:#ffffff59;height:2px;position:absolute;top:50%;left:0;right:0}#brwin{border:2px solid var(--amber);border-radius:4px;width:44px;position:absolute;top:4px;bottom:4px;left:calc(50% - 22px)}#brdot{background:#fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:10%}#brtxt{letter-spacing:.12em;font-size:13px}#sbanner{text-align:center;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 4px #000,0 0 30px #0009;opacity:0;font-size:56px;font-weight:900;position:absolute;top:26%;left:0;right:0}#sbanner.show{animation:3.2s ease-out forwards bn}#ssub{text-align:center;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 2px #000;opacity:0;font-size:20px;position:absolute;top:calc(26% + 70px);left:0;right:0}#ssub.show{animation:3.2s ease-out forwards bn}#shint{text-align:center;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 2px #000;opacity:.9;font-size:16px;transition:opacity .3s;position:absolute;bottom:130px;left:0;right:0}.mk.target{color:#ff6a5a}.mk.target:after{content:"";border:6px solid #0000;border-top:9px solid #ff6a5a;width:0;height:0;margin:2px auto 0;display:block}.mk.lz{color:var(--amber);font-size:14px;font-weight:800}.mk.lz .big{font-size:22px;line-height:1;display:block}.mk.foe{color:#ff6a5a;font-size:11px}.mk.foe .box{border:2px solid #ff6a5a;width:22px;height:22px;margin-bottom:4px;display:inline-block;transform:rotate(45deg)}.mk.friend{color:var(--green);opacity:.8;font-size:11px}