@font-face{font-family:Russo;src:url('assets/russo-one.ttf') format('truetype');font-display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#101116;color:#e9e5dd;overscroll-behavior:none;font-family:Russo,Arial,sans-serif}body{position:fixed;inset:0;user-select:none;-webkit-user-select:none;touch-action:none}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0;border-radius:0;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffd594;outline-offset:5px}button:disabled{opacity:.38;cursor:default}button:hover{filter:brightness(1.14)}button:active{transform:translateY(2px)}#game{position:absolute;width:100%;height:100%;display:block;image-rendering:pixelated;cursor:crosshair}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,5vw,84px);padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));background:linear-gradient(90deg,rgba(9,12,17,.95) 0%,rgba(9,12,17,.79) 30%,rgba(9,12,17,.12) 77%)}.menu-top{position:absolute;top:max(24px,env(safe-area-inset-top));left:clamp(24px,5vw,84px);right:clamp(24px,5vw,84px);display:flex;justify-content:space-between;align-items:center}.brand-lockup{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.35px;white-space:nowrap;text-shadow:0 2px 5px #000}.brand-lockup b{font-size:15px;letter-spacing:1px;color:#f0eee9;font-weight:normal}.brand-lockup span{color:#737980}.brand-lockup em{font-size:10px;letter-spacing:1.15px;color:#aeb3b6;font-style:normal}.utility{display:flex;gap:8px}.icon-btn{background:#11171dc9;border:1px solid #61656a;color:#d9d9d6;min-width:42px;height:40px;padding:10px;display:flex;justify-content:center;align-items:center}.icon-btn svg{width:20px;height:20px}.menu-content{width:min(620px,64%);margin-top:38px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:3px;color:#bbb7b0;margin:0 0 18px}.eyebrow:before{content:'';width:28px;height:3px;background:#e24b3c}.title{font-size:clamp(48px,6.9vw,110px);line-height:.88;letter-spacing:-2px;margin:0;text-shadow:0 5px 0 #070a0e,0 10px 35px #090c11}.title .of{font-size:.35em;letter-spacing:0;vertical-align:middle}.subtitle{font-size:clamp(20px,2.6vw,38px);letter-spacing:clamp(5px,1.1vw,15px);color:#ee5744;margin:17px 0 0}.title-rule{width:68px;height:5px;background:#d74436;margin:25px 0}.mission-name{font-size:14px;letter-spacing:1.3px;margin-bottom:8px}.mission-note{font-size:12px;color:#a9afb4;line-height:1.7;letter-spacing:.25px;max-width:360px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.primary,.secondary{height:52px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:22px;font-size:14px;text-decoration:none;letter-spacing:1.3px;min-width:198px}.primary{background:#cb4034;box-shadow:0 4px 0 #7a2723;clip-path:polygon(0 0,100% 0,100% 78%,94% 100%,0 100%)}.primary:after{content:'›';font-size:27px;line-height:1}.secondary{background:#192127e8;border:1px solid #555e64}.text-actions{display:flex;gap:20px;margin-top:20px;align-items:center}.text-link{background:transparent;padding:4px 0;color:#b3b7bb;font-size:12px;letter-spacing:.5px}.menu-bottom{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:clamp(24px,5vw,84px);right:clamp(24px,5vw,84px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.controls-line{font-size:11px;color:#a3a9ad;display:flex;gap:16px;flex-wrap:wrap;max-width:650px}.controls-line span{white-space:nowrap}.controls-line b{color:#e1e3df;font-weight:normal;padding-right:4px}.chapter-dots{display:flex;gap:6px;align-items:center}.chapter-dots span{height:3px;width:26px;background:#41464c}.chapter-dots .active{background:#e65444}.hud{position:absolute;inset:0;pointer-events:none!important;padding:max(20px,env(safe-area-inset-top)) clamp(16px,3vw,44px);text-shadow:0 2px 4px #000}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.health-box{width:210px}.hud-tag{font-size:11px;letter-spacing:2px;color:#c2c6c7;display:flex;justify-content:space-between;margin:0 0 8px}.health-track{height:9px;background:#090c10c9;transform:skew(-18deg);border:1px solid #75838d}.health-track i{height:100%;display:block;background:#87bcca;transition:width .12s}.health-track.low i{background:#ef4937}.hud-stats{font-size:11px;letter-spacing:1px;color:#d7d9d7;margin-top:10px;display:flex;gap:16px}.hud-mission{text-align:center;min-width:180px}.hud-mission .num{font-size:11px;color:#b7bcc0;letter-spacing:3px}.hud-mission .name{font-size:16px;margin-top:6px}.objective{font-size:11px;color:#dcac75;letter-spacing:.6px;margin-top:7px}.hud-right{display:flex;gap:9px;align-items:flex-start}.hud-right button{pointer-events:auto}.weapon-box{text-align:right;min-width:145px;margin-right:8px}.weapon-name{font-size:11px;letter-spacing:1.8px;color:#c6c8c5}.ammo{font-size:31px;margin-top:4px;line-height:1}.ammo small{font-size:15px;color:#909aa3}.ammo empty{color:#ee523e}.weapon-slots{font-size:10px;letter-spacing:.6px;color:#aab4bc;margin-top:6px}.bottom-hint{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);font-size:11px;color:#c0c3c4;background:#10171fc7;padding:9px 15px;white-space:nowrap;border-bottom:2px solid #566572}.toast{position:absolute;left:50%;top:20%;transform:translateX(-50%);font-size:clamp(13px,1.7vw,21px);letter-spacing:2px;background:#111923e8;border-left:3px solid #e25540;padding:13px 24px;max-width:90%;text-align:center;opacity:0;transition:opacity .15s;pointer-events:none!important}.toast.show{opacity:1}.reload-wrap{position:absolute;bottom:86px;left:50%;transform:translateX(-50%);width:240px;text-align:center;display:none}.reload-label{font-size:11px;letter-spacing:2px;color:#e0d5c4;margin-bottom:7px}.reload-track{height:15px;background:#111822;border:1px solid #a1a5a4;position:relative}.reload-zone{position:absolute;height:100%;left:48%;width:19%;background:#7fafa1}.reload-perfect{position:absolute;height:100%;left:56%;width:6%;background:#f4deb7}.reload-cursor{position:absolute;height:23px;width:3px;background:#fff;top:-5px;box-shadow:0 0 6px #fff}.reload-hint{font-size:10px;color:#b9c1c6;margin-top:7px}.overlay{background:linear-gradient(90deg,rgba(7,11,17,.97),rgba(7,11,17,.77));align-items:center;text-align:center}.overlay .menu-content{width:min(670px,100%);margin:0}.overlay .eyebrow{justify-content:center}.overlay h2{font-size:clamp(30px,5vw,62px);line-height:1.05;margin:14px 0 20px}.overlay .actions{justify-content:center}.summary-grid{display:flex;justify-content:center;gap:40px;border-top:1px solid #3b434c;border-bottom:1px solid #3b434c;padding:24px 0;margin:25px 0;max-width:580px}.summary-grid b{display:block;font-size:28px;color:#e4ddd1;margin-bottom:5px;font-weight:normal}.summary-grid span{font-size:11px;letter-spacing:1px;color:#9da8b0}.brief{font-size:14px;line-height:1.7;color:#b3bdc3;max-width:510px;margin:0 auto}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 30px;text-align:left;margin:24px auto;max-width:500px;font-size:12px;color:#aeb7bc}.how-grid b{display:block;font-size:14px;color:#e5e2d9;margin-bottom:5px}.loading-start{justify-content:space-between}.loading-start:disabled{opacity:.75}.loading-start:after{display:none}.loading-start span{min-width:42px;text-align:right}.touch-controls{position:absolute;inset:0;pointer-events:none!important;display:none}.touch-btn{position:absolute;width:56px;height:56px;border:1px solid #99a6b764;border-radius:50%;background:#15202ca6;color:#dfdfd9;font-size:12px;pointer-events:auto;display:flex;align-items:center;justify-content:center;touch-action:none}.touch-btn.held{background:#a24534cc}.touch-btn svg{width:24px;height:24px;pointer-events:none}.touch-left{left:max(18px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom))}.touch-right{left:88px;bottom:max(25px,env(safe-area-inset-bottom))}.touch-cover{left:53px;bottom:95px;width:48px;height:48px}.touch-fire{right:24px;bottom:33px;width:72px;height:72px;background:#993c32a6;border-color:#d879687f}.touch-jump{right:36px;bottom:126px}.touch-melee{right:114px;bottom:104px;width:46px;height:46px;font-size:10px}.touch-reload{right:112px;bottom:35px;width:46px;height:46px}.touch-grenade{right:180px;bottom:52px;width:44px;height:44px}.touch-switch{right:190px;bottom:108px;width:42px;height:42px}.is-touch .touch-controls{display:block}.is-touch .bottom-hint{display:none}.is-touch .reload-wrap{bottom:205px}.is-touch .controls-line{display:none}.is-touch #game{cursor:default}.game-hidden{display:none!important}
@media(min-width:1600px){.menu-content{margin-top:65px}.title-rule{margin:35px 0}.actions{margin-top:32px}.controls-line{font-size:12px}.menu-bottom{bottom:35px}.menu-top{top:35px}}
@media(max-width:760px){.screen{padding:28px;background:linear-gradient(90deg,rgba(9,12,17,.94),rgba(9,12,17,.58) 68%,rgba(9,12,17,.18))}.menu-top,.menu-bottom{left:28px;right:28px}.menu-content{width:78%;margin-top:32px}.title{font-size:clamp(52px,10vw,78px)}.subtitle{font-size:25px;letter-spacing:7px}.menu-bottom{bottom:20px}.controls-line{gap:8px;max-width:430px;font-size:10px}.primary,.secondary{height:46px;min-width:160px;padding:0 20px;font-size:12px}.mission-note{font-size:11px}.hud{padding:16px}.health-box{width:135px}.hud-tag{font-size:9px;letter-spacing:1px}.health-track{height:7px}.hud-stats{font-size:9px;gap:9px}.hud-mission{min-width:100px}.hud-mission .name{font-size:12px}.hud-mission .num{font-size:9px;letter-spacing:1px}.objective{font-size:9px}.weapon-box{min-width:100px;margin-right:0}.weapon-name{font-size:10px}.ammo{font-size:24px}.ammo small{font-size:12px}.weapon-slots{font-size:9px}.hud-right{gap:7px}.hud-right .icon-btn{min-width:32px;height:32px;padding:7px}.hud-right .icon-btn.fullscreen-game{display:none}.summary-grid{gap:26px}.toast{top:24%;padding:10px 17px;font-size:13px;letter-spacing:1px}}
@media(max-width:520px) and (min-height:560px){.screen{justify-content:center;padding:23px;background:linear-gradient(90deg,rgba(9,12,17,.9),rgba(9,12,17,.39)),linear-gradient(0deg,#090c11e0,transparent 75%)}.menu-top,.menu-bottom{left:23px;right:23px}.brand-lockup{gap:6px}.brand-lockup b{font-size:13px}.brand-lockup em{font-size:8px;letter-spacing:.8px}.menu-content{width:100%;margin-top:5vh}.eyebrow{font-size:10px;margin-bottom:17px;letter-spacing:2px}.title{font-size:16vw;letter-spacing:-1.5px}.subtitle{font-size:7vw;letter-spacing:6px}.title-rule{margin:24px 0}.mission-note{max-width:240px}.actions{gap:10px;margin-top:24px;max-width:330px}.primary,.secondary{height:47px;width:100%;min-width:0;justify-content:space-between}.secondary{justify-content:center}.text-actions{margin-top:15px;gap:20px}.menu-bottom{bottom:23px}.chapter-dots span{width:20px}.hud-top{gap:8px;position:relative}.hud-mission{position:absolute;top:70px;left:0;text-align:left}.hud-mission .num{display:none}.hud-mission .name{font-size:11px}.objective{margin-top:5px}.hud-right{margin-left:auto}.weapon-box{min-width:84px}.hud-stats{margin-top:7px}.hud{padding-top:max(16px,env(safe-area-inset-top))}.overlay .menu-content{margin:0}.overlay h2{font-size:36px}.overlay .actions{margin:auto}.summary-grid{gap:22px;padding:18px 0}.summary-grid b{font-size:24px}.summary-grid span{font-size:9px}.brief{font-size:12px}.how-grid{gap:14px 12px;font-size:11px}.how-grid b{font-size:12px}.overlay .text-actions{justify-content:center}.touch-grenade{right:175px}.touch-switch{right:175px;bottom:112px}.reload-wrap{width:210px}}
@media(max-height:560px){.screen{padding:20px 6vw;justify-content:center}.menu-top{top:16px;left:6vw;right:5vw}.brand-lockup{gap:5px}.brand-lockup b{font-size:12px}.brand-lockup em{font-size:8px;letter-spacing:.65px}.icon-btn{height:32px;min-width:34px;padding:7px}.menu-content{margin-top:15px;width:65%}.eyebrow{font-size:9px;margin-bottom:10px}.title{font-size:clamp(37px,7vw,64px)}.subtitle{font-size:20px;letter-spacing:6px;margin-top:10px}.title-rule{margin:14px 0;height:3px}.mission-name{font-size:11px;margin:0}.mission-note{display:none}.actions{margin-top:16px;gap:9px}.primary,.secondary{height:39px;font-size:11px;min-width:159px;padding:0 17px}.text-actions{margin-top:10px}.text-link{font-size:10px}.menu-bottom{bottom:13px;left:6vw;right:5vw}.controls-line{font-size:9px;gap:10px}.hud{padding:12px 18px}.hud-mission .name{font-size:12px}.hud-mission .num{font-size:9px}.bottom-hint{bottom:12px;font-size:10px;padding:6px 12px}.touch-btn{width:47px;height:47px}.touch-left{bottom:17px}.touch-right{left:79px;bottom:17px}.touch-cover{left:50px;bottom:74px;width:40px;height:40px}.touch-fire{width:62px;height:62px;right:25px;bottom:16px}.touch-jump{right:35px;bottom:91px}.touch-melee{right:101px;bottom:83px;width:40px;height:40px}.touch-reload{right:99px;bottom:22px;width:40px;height:40px}.touch-grenade{right:156px;bottom:24px;width:38px;height:38px}.touch-switch{right:155px;bottom:81px;width:38px;height:38px}.is-touch .reload-wrap{bottom:125px}.toast{top:24%;font-size:12px}.overlay h2{font-size:34px;margin:8px 0 12px}.overlay .eyebrow{margin:0}.summary-grid{padding:10px 0;margin:14px 0}.summary-grid b{font-size:23px}.summary-grid span{font-size:10px}.brief{font-size:11px;line-height:1.55}.how-grid{font-size:10px;gap:9px 18px;margin:12px auto}.how-grid b{font-size:11px}.overlay .actions{margin-top:12px}.overlay .menu-content{width:min(600px,100%)}.reload-wrap{width:220px}.reload-label{font-size:10px}.hud-right .fullscreen-game{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}