:root{color-scheme:dark;--ink:#101713;--paper:#f1eee0;--acid:#d4ef63;--line:#78877955;--muted:#aeb7a7;font-family:"Bahnschrift","Arial",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:var(--ink);color:var(--paper);touch-action:none}button,select,input{font:inherit}button{color:inherit;cursor:pointer;touch-action:none}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}#field{width:100%;height:100%;display:block;position:absolute;inset:0}#menu{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr .85fr;grid-template-rows:auto 1fr auto;column-gap:6vw;align-items:center;padding:0 clamp(24px,6vw,96px);background:linear-gradient(90deg,#101713 3%,#101713f8 22%,#111a14c9 52%,#0d1610aa),radial-gradient(ellipse at 70% 40%,transparent,#101713d9);overflow:auto}.mast,footer{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;height:75px;border-bottom:1px solid var(--line);font-family:monospace;letter-spacing:.12em;font-size:13px}.brand{display:flex;gap:11px;align-items:center;font-weight:800}.brand i{width:20px;height:20px;display:block;background:var(--acid);clip-path:polygon(0 0,100% 0,100% 28%,44% 28%,44% 53%,84% 53%,84% 74%,44% 74%,44% 100%,0 100%);transform:skew(-10deg)}.status,footer{color:var(--muted)}.status b,footer b{display:inline-block;width:7px;height:7px;background:var(--acid);margin-right:7px;border-radius:50%;box-shadow:0 0 14px #d4ef6370}.intro{padding:30px 0 26px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--acid);letter-spacing:.22em;font:700 12px monospace}.eyebrow span{width:28px;height:1px;background:currentColor}h1{font-family:"Arial Black","Bahnschrift",sans-serif;font-size:clamp(84px,12vw,180px);line-height:.77;letter-spacing:-.095em;margin:21px 0 26px;font-weight:1000;text-shadow:4px 5px 0 #131c14}h1 em{font-style:normal;color:var(--acid)}h1 em span{color:#e7f6a5}p{line-height:1.65}.intro p{font-size:clamp(12px,1.18vw,17px);color:#c6cdbe;margin:0 0 22px}.primary{border:0;background:var(--acid);color:#18200b;display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:218px;padding:13px 17px;font-weight:800}.primary:hover{background:#e8fb9c}.secondary{display:flex;gap:8px;margin-top:12px}.secondary button,.outline,#pause{border:1px solid var(--line);background:#151f17ca;padding:8px 12px;font-size:12px}.secondary button:hover,.outline:hover,#pause:hover{border-color:var(--acid);color:var(--acid)}.brief{align-self:center;border:1px solid #7a8e7066;background:#142018e8;box-shadow:0 15px 60px #0005;position:relative;min-width:0}.brief:after{content:"";position:absolute;inset:-1px -1px auto auto;border-top:2px solid var(--acid);border-right:2px solid var(--acid);width:20px;height:20px;pointer-events:none}.brief-title{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:14px 16px;font-weight:700;font-size:13px}.brief-title small,.brief-data small{font:10px monospace;letter-spacing:.1em;color:var(--muted)}#briefMap{width:100%;display:block;background:#24352a;border-block:1px solid var(--line)}.brief-data{display:grid;grid-template-columns:repeat(3,1fr)}.brief-data div{padding:12px 15px;border-right:1px solid var(--line)}.brief-data div:last-child{border:0}.brief-data strong,.brief-data small{display:block}.brief-data strong{color:var(--acid);font:700 clamp(18px,2.6vw,38px) monospace;margin-bottom:3px}footer{border:0;border-top:1px solid var(--line);height:57px;font-size:10px}#hud,#touch{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:14px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.hud-box,#feed div,#prompt{background:#111a15e8;border:1px solid var(--line);padding:8px 12px;font:12px monospace;color:#e2e9dc}.hud-box strong{font-size:16px;color:var(--acid)}.hud-box span{color:#9ca999}#pause,#mini,#touch button,.stick{pointer-events:auto}#feed{position:absolute;top:60px;right:15px;display:grid;justify-items:end;gap:4px}#feed div{padding:5px 8px}#prompt{position:absolute;left:50%;top:62%;transform:translateX(-50%);text-align:center;min-width:150px;color:var(--acid)}.hud-bottom{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:6px;max-width:95%}.vitals{min-width:145px}.vitals>div:first-child{display:flex;justify-content:space-between}.health{height:5px;background:#344135;margin:5px 0}.health i{display:block;height:100%;width:100%;background:var(--acid)}#arms{min-width:140px}#mini{position:absolute;bottom:15px;right:15px;padding:0;background:#111a15;border:1px solid #798f7b;color:var(--muted);font:10px monospace}#mini canvas{display:block;width:clamp(78px,12vw,168px);height:auto}#mini span{display:block;padding:4px}#overlay{position:absolute;inset:0;background:#08100acc;display:grid;place-items:center;padding:15px;z-index:5}#dialog{background:#172219;border:1px solid #6e806b;width:min(100%,630px);max-height:95vh;overflow:auto;overscroll-behavior:contain;padding:21px;box-shadow:0 18px 90px #000a;touch-action:pan-y}#dialog h2{margin:0 0 14px;color:var(--acid);font-size:30px}#dialog p{font-size:14px;color:#c2cebf}#dialog .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.settings{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.settings label,.entry{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:6px 8px;font-size:12px}.settings input[type=range]{width:80px;accent-color:var(--acid)}.entry{margin:4px 0}.entry button{flex-shrink:0}.metric{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.metric div{border:1px solid var(--line);padding:8px;font-size:12px}.metric strong{display:block;color:var(--acid);font:700 22px monospace;margin-bottom:3px}#tacticalMap{width:100%;height:min(60vh,530px);display:block;background:#1a2821;cursor:crosshair;touch-action:none}.stick{position:absolute;bottom:45px;width:90px;height:90px;border:1px solid #afc5ab75;border-radius:50%;background:#16231b66;display:grid;place-items:center}.stick i{width:36%;height:36%;border-radius:50%;background:#acbba49c;border:1px solid #e1efcf}.stick:first-child{left:18px}.stick:nth-child(2){right:calc(98px * var(--touch-size,1) + 23px)}.touch-actions{position:absolute;right:12px;bottom:42px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;transform:translate(var(--touch-x,0px),var(--touch-y,0px)) scale(var(--touch-size,1));transform-origin:bottom right}.touch-actions button{border:1px solid #a6b99b90;background:#172219e0;border-radius:7px;font-weight:700;font-size:11px;padding:7px 6px;min-width:42px}.touch-actions .fire{background:#d4ef63;color:#172219}#rotate{display:none;position:absolute;bottom:0;left:0;right:0;text-align:center;background:#101713df;padding:3px;font:9px monospace;pointer-events:none}
@media(max-width:700px){#menu{padding-inline:20px;column-gap:16px}.mast{height:48px}footer{height:36px}.intro{padding:13px 0}h1{font-size:clamp(63px,13vw,108px);margin:14px 0 16px}.intro p{margin-bottom:12px}.primary{min-width:0;width:min(100%,210px);padding:9px 11px}.secondary button{padding:6px}.brief-title{padding:7px}.brief-data div{padding:6px}.brief-title small{display:none}}
@media(max-width:540px) and (orientation:portrait){#menu{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;align-items:start}.intro{padding:20px 0}.brief{align-self:start;width:min(100%,350px)}#briefMap{max-height:170px;object-fit:cover}.settings{grid-template-columns:1fr}}
@media(pointer:coarse){#mini{bottom:auto;top:55px;right:8px}#feed{left:8px;right:auto;top:48px;justify-items:start}#feed div{font-size:10px}.hud-bottom{bottom:14px}.hud-box{padding:5px 7px}.hud-top{top:6px;left:6px;right:6px}.vitals{min-width:100px}#arms{min-width:94px}#prompt{top:56%}}@media(pointer:coarse) and (orientation:portrait){body.in-match #rotate{display:block}}@media(max-height:430px) and (orientation:landscape){.mast{height:35px}footer{height:25px}.intro{padding:8px 0}h1{font-size:min(14vw,25vh);margin:10px 0}.intro p{font-size:11px;margin-bottom:8px}.secondary{margin-top:6px}.brief{max-width:360px}.brief-title,.brief-data div{padding:6px}}
#jumpTouch{pointer-events:auto;width:auto;min-width:130px;margin:auto;justify-content:center}
body{touch-action:auto}#field,.stick{touch-action:none}#menu,#dialog{touch-action:pan-y}
.touch-controls #mini{bottom:auto;top:49px;right:8px}.touch-controls #feed{left:8px;right:auto;top:48px;justify-items:start}.touch-controls #feed div{font-size:10px}.touch-controls .hud-top{top:6px;left:6px;right:6px}.touch-controls #prompt{top:56%}
#touch.driving #aimStick,#touch.driving .touch-actions button:not([data-act=vehicle]):not([data-act=fuel]){display:none}
.hud-top{display:grid;grid-template-columns:1fr auto 1fr}
#zone{grid-column:2}
.hud-top-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:6px;white-space:nowrap}
@media(max-width:680px){.hud-top{grid-template-columns:minmax(0,1fr) auto}#zone{grid-column:1;justify-self:start}.hud-top-right{grid-column:2}}
.launch{display:flex;gap:8px;flex-wrap:wrap}.launch .primary{min-width:0;width:auto;flex:0 1 180px}.launch .primary+button{background:#243027;color:#e9eedc;border:1px solid #879579}.launch .primary+button:hover{border-color:var(--acid)}.launch .primary span:last-child{margin-left:auto}#arms progress{display:block;width:100%;height:6px;margin-top:4px;accent-color:var(--acid)}.touch-actions{grid-template-columns:1fr}
.air-mode{display:flex;align-items:center;gap:9px;width:fit-content;margin-top:12px;cursor:pointer}
.air-mode input{accent-color:#87ffe1;width:17px;height:17px}
.air-mode strong,.air-mode small{display:block}.air-mode strong{font-size:13px}.air-mode small{color:var(--muted);font-size:11px;margin-top:2px}
#arms progress.charge{accent-color:#75fce1}.touch-actions [data-act="charge"]{color:#baffed;border-color:#75fce1}