:root{--cyan:#ffc24a;--white:#eef6ff;--amber:#ff8a1f;--red:#ff3b30;--mag:#ff2d87;--ui:"Avenir Next Condensed", "Helvetica Neue", "Arial Narrow", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;color:var(--white);font-family:var(--ui);background:#000;margin:0;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;text-shadow:0 0 6px #000000e6;position:fixed;inset:0}.label{letter-spacing:.22em;color:#eef6ff99;font-size:11px}#minimap{background:#040a108c;border:1px solid #ffc24a80;width:170px;height:170px;position:absolute;top:24px;left:24px}#compass{width:460px;height:34px;position:absolute;top:20px;left:50%;transform:translate(-50%)}#status{text-align:right;position:absolute;top:24px;right:28px}#status .row{justify-content:flex-end;align-items:baseline;gap:12px;margin-bottom:2px;display:flex}#status .val{font-family:var(--mono);min-width:70px;font-size:20px}#feed{text-align:right;letter-spacing:.12em;font-size:15px;position:absolute;top:120px;right:28px}#feed div{color:var(--white);animation:2.6s forwards feed}#feed div.head{color:var(--amber)}#feed div.bonus{color:var(--cyan)}@keyframes feed{0%{opacity:0;transform:translate(14px)}8%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}#banner{text-align:center;opacity:0;transition:opacity .35s;position:absolute;top:22%;left:0;right:0}#banner.show{opacity:1}#banner-title{letter-spacing:.3em;text-indent:.3em;font-size:46px;font-weight:700}#banner-sub{letter-spacing:.4em;text-indent:.4em;color:var(--cyan);margin-top:6px;font-size:14px}#crosshair{--gap:8px;transition:opacity 80ms;position:absolute;top:50%;left:50%}#crosshair .ch{background:var(--white);position:absolute;box-shadow:0 0 2px #000}#crosshair .t,#crosshair .b{width:2px;height:9px;left:-1px}#crosshair .l,#crosshair .r{width:9px;height:2px;top:-1px}#crosshair .t{top:calc(-9px - var(--gap))}#crosshair .b{top:var(--gap)}#crosshair .l{left:calc(-9px - var(--gap))}#crosshair .r{left:var(--gap)}#crosshair .dot{background:var(--white);width:2px;height:2px;position:absolute;top:-1px;left:-1px}#hitmarker{opacity:0;position:absolute;top:50%;left:50%}#hitmarker i{transform-origin:0;background:#fff;width:12px;height:2px;position:absolute;box-shadow:0 0 3px #000}#hitmarker i:first-child{transform:rotate(45deg)translate(7px)}#hitmarker i:nth-child(2){transform:rotate(135deg)translate(7px)}#hitmarker i:nth-child(3){transform:rotate(225deg)translate(7px)}#hitmarker i:nth-child(4){transform:rotate(315deg)translate(7px)}#hitmarker.hit{animation:.22s hm}#hitmarker.kill i{background:var(--red)}#hitmarker.head i{background:var(--amber)}@keyframes hm{0%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:scale(1)}}#dmgdir{opacity:0;width:0;height:0;position:absolute;top:50%;left:50%}#dmgdir i{border-top:5px solid var(--red);width:140px;height:26px;filter:drop-shadow(0 0 8px var(--red));border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;top:-190px;left:-70px}#prompt{text-align:center;letter-spacing:.3em;color:var(--amber);font-size:15px;position:absolute;top:62%;left:0;right:0}#vitals{width:250px;position:absolute;bottom:28px;left:28px}#hpbar{background:#ffffff24;height:7px;margin-top:6px;transform:skew(-18deg)}#hpfill{background:var(--white);width:100%;height:100%;transition:width .12s,background .2s}#hpfill.low{background:var(--red)}#hpnum{font-family:var(--mono);margin-top:4px;font-size:22px}#loadout{text-align:right;position:absolute;bottom:24px;right:28px}#wname{letter-spacing:.24em;color:var(--cyan);font-size:14px}#ammo-mag{font-family:var(--mono);font-size:54px;font-weight:600;line-height:1}#ammo-mag.low{color:var(--red)}#ammo-res{font-family:var(--mono);color:#eef6ffb3;margin-left:8px;font-size:20px}#wmeta{letter-spacing:.22em;color:#eef6ffb3;justify-content:flex-end;gap:14px;font-size:12px;display:flex}#nades{color:var(--amber)}.overlay{background:linear-gradient(90deg,#03040ae0 0%,#03040a8c 45%,#03040a00 80%);justify-content:flex-start;align-items:center;padding:0 7vw;display:flex;position:fixed;inset:0}#pause,#death,#win{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03040ab8;justify-content:center}.panel{max-width:560px}.panel.small{text-align:center;min-width:340px}.kicker{letter-spacing:.42em;color:var(--cyan);font-size:12px}.kicker.red{color:var(--red)}h1{letter-spacing:.02em;margin:10px 0 16px;font-size:clamp(48px,6.4vw,84px);font-weight:800;line-height:.9}h1 span{color:#0000;-webkit-text-stroke:1.5px var(--mag);text-shadow:0 0 28px #ff2d878c}h2{letter-spacing:.22em;text-indent:.22em;margin:12px 0 22px;font-size:40px}.lede{color:#eef6ffcc;margin:6px 0 20px;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.45}button{font:700 17px var(--ui);letter-spacing:.34em;text-indent:.34em;color:#04060c;background:var(--cyan);cursor:pointer;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border:0;padding:15px 44px;transition:background .15s,transform .15s}button:hover{background:#fff;transform:translate(3px)}.controls{color:#eef6ffb3;grid-template-columns:1fr 1fr;gap:4px 26px;margin-top:22px;font-family:Avenir Next,Helvetica Neue,Arial,sans-serif;font-size:13px;display:grid}.controls b{color:var(--white);font-weight:600}.sens{letter-spacing:.22em;color:#eef6ff99;align-items:center;gap:12px;margin-top:26px;font-size:11px;display:flex}.panel.small .sens{justify-content:center}.sens input{accent-color:var(--cyan);width:170px}.sens span{font-family:var(--mono);color:var(--white);font-size:13px}.stats{letter-spacing:.16em;text-align:left;grid-template-columns:1fr auto;gap:6px 24px;width:340px;max-width:86vw;margin:0 auto 26px;font-size:14px;display:grid}.stats b{font-family:var(--mono);text-align:right;letter-spacing:0;font-size:17px}h1 b{font-weight:inherit}button.ghost{color:var(--cyan);clip-path:none;border:1.5px solid var(--cyan);vertical-align:top;background:0 0;margin:10px 0 0 14px;padding:14px 24px;font-size:13px}button.ghost:hover{background:#ffffff1f}#menu,#death,#win{touch-action:pan-y;overflow-y:auto}#death .panel,#win .panel{margin:auto;padding:12px 0}#menu .panel{max-width:620px;margin:auto 0;padding:18px 0}#levels{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px;display:grid}.lvl{text-align:left;clip-path:none;letter-spacing:.08em;text-indent:0;color:var(--white);background:#080c1480;border:1.5px solid #eef6ff47;grid-template-columns:30px 1fr;align-items:center;column-gap:10px;padding:9px 12px;display:grid}.lvl:hover{background:#ffffff1a;transform:none}.lvl i{font:700 24px var(--mono);color:var(--cyan);text-align:center;grid-row:span 2;font-style:normal}.lvl b{letter-spacing:.14em;font-size:14px}.lvl span{letter-spacing:0;color:#eef6ffb3;font:12px/1.3 Avenir Next,Helvetica Neue,Arial,sans-serif}.lvl.sel{border-color:var(--cyan);background:#ffc24a29}.lvl:disabled{cursor:default;opacity:.5}.lvl:disabled:hover{background:#080c1480}.kicker.intro{letter-spacing:.3em;font-size:15px;font-weight:700}.kicker.intro span{color:#eef6ffb3;font-size:12px;font-weight:400}.quote{max-width:520px;margin:0 auto 24px}.quote blockquote{color:var(--cyan);margin:0;font:italic 600 22px/1.35 Avenir Next,Helvetica Neue,Arial,sans-serif}.quote blockquote:before{content:"“"}.quote blockquote:after{content:"”"}.quote p{color:#eef6ffcc;margin:8px 0 6px;font:15px/1.4 Avenir Next,Helvetica Neue,Arial,sans-serif}.quote figcaption{letter-spacing:.24em;color:#eef6ff8c;font-size:11px}#objective{color:var(--cyan);margin-bottom:6px}#win .lede{margin:0 0 22px}#buffs{letter-spacing:.2em;color:var(--amber);white-space:pre-line;font-size:14px;line-height:1.5;position:absolute;bottom:104px;left:28px}button.ghost.on{background:var(--amber);border-color:var(--amber);color:#04060c}#touch,.touch-hint{display:none}body.touch #touch{display:block}body.touch .touch-hint{color:#eef6ffbf;margin:22px 0 0;font:14px/1.45 Avenir Next,Helvetica Neue,Arial,sans-serif;display:block}body.touch .controls,body.touch .sens{display:none}.touch-hint .rotate{color:var(--amber);display:none}@media (orientation:portrait){.touch-hint .rotate{display:inline}}#stick{opacity:0;background:#eef6ff0f;border:1.5px solid #eef6ff59;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;transition:opacity .12s;position:absolute}#stick.on{opacity:1}#stick i{background:#eef6ff66;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}.tb{pointer-events:auto;clip-path:none;width:58px;height:58px;font:700 10px var(--ui);letter-spacing:.1em;text-indent:0;color:var(--white);text-shadow:none;background:#080c1473;border:1.5px solid #eef6ff66;border-radius:50%;padding:0;transition:none;position:absolute}.tb:hover{background:#080c1473;transform:none}.tb.down{background:var(--cyan);color:#04060c;border-color:var(--cyan)}.tb.fire{width:84px;height:84px;right:calc(28px + env(safe-area-inset-right));border-color:var(--cyan);font-size:13px;bottom:62px}.tb.aim{right:calc(126px + env(safe-area-inset-right));bottom:34px}.tb.jump{right:calc(40px + env(safe-area-inset-right));bottom:160px}.tb.reload{right:calc(116px + env(safe-area-inset-right));bottom:108px}.tb.crouch{right:calc(196px + env(safe-area-inset-right));bottom:34px}.tb.nade{right:calc(186px + env(safe-area-inset-right));bottom:108px}.tb.swap{right:calc(112px + env(safe-area-inset-right));bottom:182px}.tb.pausebtn{width:40px;height:40px;margin-left:250px;top:14px;left:50%}body.touch #vitals{text-align:center;width:170px;bottom:12px;left:50%;transform:translate(-50%)}body.touch #hpnum{display:none}body.touch #buffs{text-align:center;font-size:12px;bottom:46px;left:0;right:0}body.touch #loadout{top:96px;bottom:auto;right:calc(18px + env(safe-area-inset-right))}body.touch #ammo-mag{font-size:34px}body.touch #minimap{left:calc(14px + env(safe-area-inset-left));top:14px}@media (height<=520px),(width<=620px){#minimap{width:104px;height:104px}#compass{width:300px;height:22px;top:10px}.tb.pausebtn{margin-left:160px;top:6px}#status{top:10px;right:16px}#status .val{min-width:44px;font-size:15px}#status .label{font-size:9px}#feed{font-size:12px;top:150px;right:16px}body.touch #loadout{top:78px}#banner-title{font-size:28px}#banner-sub{font-size:11px}#prompt{font-size:12px}.overlay{align-items:flex-start;padding:12px 5vw;overflow-y:auto}#pause,#death,#win{align-items:center}h1{margin:6px 0 8px;font-size:44px}h2{margin:8px 0 14px;font-size:26px}.lede{margin-bottom:12px;font-size:13px}.kicker,.kicker.intro span{font-size:10px}.kicker.intro{font-size:12px}button{padding:11px 26px;font-size:14px}button.ghost{margin-left:6px;padding:10px 14px;font-size:11px}#levels{gap:5px;margin-bottom:10px}.lvl{grid-template-columns:22px 1fr;padding:5px 8px}.lvl i{font-size:17px}.lvl b{font-size:11px}.lvl span,#objective{display:none}.quote{margin-bottom:12px}.quote blockquote{font-size:15px}.quote p{margin:4px 0;font-size:12px}body.touch .touch-hint{margin-top:12px;font-size:12px}}@media (width<=620px){#compass{display:none}.tb.pausebtn{margin-left:0;top:150px;left:auto;right:16px}.tb.fire{bottom:110px}.tb.aim{bottom:82px}.tb.jump{bottom:208px}.tb.reload{bottom:156px}.tb.crouch{bottom:82px}.tb.nade{bottom:156px}.tb.swap{bottom:230px}body.touch #vitals{bottom:24px}}