@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--acid:#d6f66b;--muted:#869187}*{box-sizing:border-box}body{margin:0;background:#101512;color:#edf1e7;font-family:'DM Sans',sans-serif}header{height:94px;border-bottom:1px solid #2b342b;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:900;letter-spacing:1px;text-decoration:none;color:#eef3df;line-height:1}.brand span{color:var(--acid)}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:9px;color:var(--muted)}.tag{color:var(--acid);font-size:10px;letter-spacing:2px}button{cursor:pointer;font:700 11px 'DM Sans',sans-serif;border:1px solid #46513d;background:#20291d;color:#edf1e7;padding:15px 20px}button:hover{border-color:var(--acid)}button:disabled{opacity:.4;cursor:default}#pause{padding:10px 16px}main{max-width:1400px;margin:auto;padding:35px 5vw 20px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{color:var(--acid);font-size:10px;letter-spacing:2.5px}h1{font:800 clamp(42px,5vw,68px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:13px 0 0}h1 em{font-style:normal;color:#aab4a4}.description{font-size:12px;color:#a1ada0;line-height:1.9;margin:0}.arena{position:relative;height:min(62vh,650px);min-height:400px;border:1px solid #42503a;overflow:hidden;background:#19221c;box-shadow:0 25px 70px #0005}canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:20px;left:24px;right:24px;display:flex;gap:30px;pointer-events:none}.hud small,.bottom small{font-size:8px;letter-spacing:2px;display:block;color:#a3b29c;margin-bottom:8px}.hud b{font-size:13px}.health{height:5px;background:#354432;width:120px;margin-bottom:5px}.health i{display:block;width:100%;height:100%;background:var(--acid)}#hp{font-size:9px;color:#abb7a4}.stat b{font-family:monospace;font-size:21px}.coins{margin-left:auto;color:var(--acid)}.bottom{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center}.bottom b{font-size:11px;letter-spacing:1px}#upgrade{background:var(--acid);color:#192212;border:0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a110bd9;backdrop-filter:blur(4px);padding:25px}#panel{text-align:center;max-width:780px;width:100%}#panel h2{font:800 46px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:12px 0 18px}#panel p{color:#a4b09c;font-size:12px;line-height:1.7}#panel .primary{background:var(--acid);color:#16200f;margin-top:15px;min-width:170px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.card{text-align:left;padding:22px;background:#1a251a;min-height:160px}.card strong{display:block;font-size:17px;margin:15px 0 10px}.card span{font-size:11px;font-weight:400;color:#a9b49f;line-height:1.6}.card small{color:var(--acid);font-size:9px;letter-spacing:2px}footer{display:flex;justify-content:space-between;color:#7e8c7b;font-size:9px;padding-top:18px;gap:15px}kbd{font-family:inherit;font-size:9px;color:#c3cdb8;border:1px solid #3b4836;padding:4px;margin-right:4px}.mobile-note{display:none}#stick{display:none;position:absolute;width:90px;height:90px;border:1px solid #d6f66b50;border-radius:50%;pointer-events:none;background:#d6f66b0c}#stick i{position:absolute;left:30px;top:30px;width:30px;height:30px;background:#d6f66b80;border-radius:50%}@media(max-width:650px){header{height:75px}.tag{display:none}main{padding-top:22px}.description{display:none}.arena{height:65vh;min-height:420px}.hud{gap:16px;left:15px;right:15px;top:15px}.health{width:75px}.hud small{font-size:7px}.stat b{font-size:17px}.bottom{left:15px;right:15px}#upgrade{padding:14px 10px;font-size:9px}.choices{gap:7px}.card{padding:12px;min-height:170px}.card strong{font-size:13px}.card span{font-size:10px}footer{line-height:2;display:block}footer>span:first-child{display:none}.mobile-note{display:inline}#panel h2{font-size:36px}}

#panel .choices:has([data-loadout]){grid-template-columns:repeat(2,1fr);max-height:40vh;overflow:auto}#panel .choices:has([data-loadout]) .card{min-height:125px;padding:14px}.overlay{overflow:auto}#panel{max-height:100%;overflow:auto}button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}

.mission{border:1px solid #42503a;padding:12px;margin-top:14px}.levels{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.levels button{padding:10px 0;font-size:12px}.levels .selected{background:var(--acid);color:#182310}.mission-status{position:absolute;top:88px;left:24px;right:24px;pointer-events:none;display:flex;flex-direction:column;gap:5px}.mission-status b{font-size:10px;color:var(--acid);letter-spacing:1px}.mission-status span{font-size:9px;color:#a7bb9c;max-width:85%;line-height:1.5}#panel .choices:has([data-loadout]){max-height:none}.overlay #panel{padding:10px 3px}.overlay:has(.mission){padding:12px}.overlay:has(.mission) h2{font-size:32px;margin:8px}.overlay:has(.mission) p{margin:8px 0;font-size:11px}.overlay:has(.mission) .choices{margin:12px 0}.overlay:has(.mission) .card{min-height:105px}.overlay:has(.mission) .card strong{margin:8px 0}.overlay:has(.mission) .primary{margin-top:3px}@media(max-width:650px){.levels{gap:3px}.levels button{font-size:10px}.mission-status{left:15px;top:82px}.mission-status span{max-width:100%}}

.shop-tabs{display:flex;gap:8px;margin-top:14px}.shop-tabs button{flex:1;padding:11px 5px;font-size:10px}.shop-tabs [aria-pressed=true]{border-color:var(--acid);color:var(--acid)}#panel .safehouse-items{grid-template-columns:repeat(2,1fr);max-height:32vh!important;overflow:auto;text-align:left}.safehouse-items .card{min-height:130px!important}.mission-status{max-height:76px;overflow:hidden}