*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#102c35;color:white;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #b9f55a;outline-offset:4px}[hidden]{display:none!important}#game,#world{width:100%;height:100%;display:block;touch-action:none}.brand{position:absolute;top:26px;left:30px;display:flex;flex-direction:column;pointer-events:none;z-index:4}.brand b{font-size:26px;letter-spacing:5px;font-style:italic}.brand span{font-size:12px;letter-spacing:2px;color:#b9f55a}.overlay{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(7,25,34,.96),rgba(7,25,34,.73) 43%,rgba(7,25,34,.06) 85%);overflow:auto}.menuContent{max-width:640px;padding:130px 55px 30px}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:bold;color:#b9f55a}h1{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-2px;margin:23px 0}h1 span{color:#b9f55a}p{font-size:16px;line-height:1.6;color:#cedee1}.choices{display:flex;gap:16px;margin:25px 0}label{font-size:12px;color:#b7cbd2;letter-spacing:1px;flex:1}select{display:block;background:#19333e;border:1px solid #536970;border-radius:4px;color:white;font-size:15px;padding:12px;width:100%;margin-top:9px}.primary{background:#b9f55a;border:0;color:#142323;padding:19px 22px;font-weight:800;font-size:16px;letter-spacing:1px;width:100%;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#d3ff86}.tips{margin-top:28px}.tips b{font-size:12px;letter-spacing:2px;color:#a8bec6}.tips p{font-size:14px;line-height:1.8;margin:10px 0}.mobiletip{display:none}footer{border-top:1px solid #4a5e65;margin-top:30px;padding-top:19px;font-size:12px;letter-spacing:1px;color:#b7cbd2}footer span{display:block;margin-top:7px;font-size:12px;letter-spacing:0;color:#8da6b0}.centered{display:flex;align-items:center;justify-content:center;background:#071922bb;backdrop-filter:blur(8px)}.panel{width:min(440px,90%);background:#102c35;padding:36px;border:1px solid #496b77;border-radius:12px;text-align:center}.panel h2{font-size:38px;color:#b9f55a}.secondary{margin-top:12px;width:100%;padding:15px;background:transparent;border:1px solid #68828b;color:white;border-radius:4px}#hud{position:absolute;inset:0;pointer-events:none}.top{display:flex;gap:25px;position:absolute;top:25px;left:50%;transform:translateX(-50%);background:#102c35df;padding:12px 24px;border-radius:5px}.top div{display:flex;flex-direction:column;gap:5px}.top small{font-size:11px;letter-spacing:1px;color:#aec5ca}.top strong{font-size:24px}#map{position:absolute;right:24px;top:25px;width:150px;height:150px;border-radius:50%;border:3px solid #b9f55a;background:#102c35dd}#crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;text-shadow:0 1px 4px #000;color:#fff8}#notice{position:absolute;top:23%;left:50%;transform:translateX(-50%);padding:10px 17px;background:#102c35cc;border-radius:4px;font-size:15px;text-align:center;opacity:0;transition:opacity .2s}.bottom{position:absolute;bottom:55px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:end}.health{width:230px;background:#102c35dd;padding:14px;border-radius:5px}.health span{font-size:12px;display:block;letter-spacing:1px}.health b{float:right}.health>div{height:9px;background:#45606a;margin:8px 0}#hpBar{height:100%;width:100%;background:#b9f55a;display:block}.weapon{background:#102c35dd;padding:15px 22px;min-width:230px;display:flex;flex-direction:column;gap:6px;border-radius:5px}.weapon small{font-size:12px;letter-spacing:2px;color:#b9f55a}.weapon strong{font-size:34px}.weapon em{font-size:19px;font-style:normal;color:#99b1bb}.weapon>span{font-size:12px;color:#b7cbd2}.smallbtn{position:absolute;pointer-events:auto;border:1px solid #71929b;background:#102c35bb;color:white;padding:8px;border-radius:5px}#pause{right:25px;top:190px;width:40px;font-size:18px}#sound{right:75px;top:190px;font-size:12px}#desktopHelp{position:absolute;bottom:20px;width:100%;text-align:center;font-size:12px;color:white;text-shadow:0 1px 3px #000}#touch{display:none}#stick{position:absolute;left:35px;bottom:45px;width:120px;height:120px;border:2px solid #ffffff66;background:#102c3577;border-radius:50%;pointer-events:auto;touch-action:none}#stick i{display:block;position:absolute;left:35px;top:35px;width:46px;height:46px;background:#b9f55aaa;border-radius:50%}.touchActions{position:absolute;right:18px;bottom:25px;display:grid;grid-template-columns:repeat(2,65px);gap:8px;pointer-events:auto}.touchActions button{height:43px;background:#102c35bb;border:1px solid #bbd5dc;color:white;border-radius:6px;font-size:11px;font-weight:bold;touch-action:none}.touchActions #fire{grid-column:span 2;background:#b9f55a;color:#142323;height:60px;font-size:18px}@media(pointer:coarse){#touch{display:block}#desktopHelp{display:none}.mobiletip{display:block}.bottom{bottom:220px}.tips p:not(.mobiletip){display:none}}@media(max-width:700px){.brand{top:18px;left:20px}.brand b{font-size:20px}.menuContent{padding:110px 24px 25px;max-width:480px}.top{top:18px;left:16px;transform:none;padding:9px 12px;gap:15px}.top small{font-size:10px}.top strong{font-size:19px}#hud~.brand{display:none}#map{width:100px;height:100px;right:14px;top:18px}#pause{right:14px;top:130px}#sound{right:62px;top:130px}.bottom{left:16px;right:16px;gap:15px}.health{width:160px}.weapon{min-width:145px;padding:10px}.weapon strong{font-size:25px}.weapon>span{font-size:11px}.brand:has(+ #hud:not([hidden])){display:none}h1{font-size:43px}}@media(max-height:600px){.menuContent{padding-top:90px}.tips,footer{display:none}h1{font-size:39px;margin:15px 0}.choices{margin:16px 0}.bottom{bottom:190px}.health{padding:8px}.top{padding:6px 14px}#stick{bottom:20px;width:100px;height:100px}#stick i{left:25px;top:25px}.weapon>span{display:none}}

.lobbyTools{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.lobbyTools button{padding:12px;background:#264752;color:white;border:1px solid #65828b;border-radius:5px;font-size:13px}.lobbyTools label{min-width:130px;flex:1;display:flex;flex-direction:column;gap:5px}.lobbyTools input{width:100%}.lobbyTools>span{font-size:12px;width:100%;color:#b7cbd2}.menuContent{padding-top:100px}.tips{margin-top:16px}.tips p{margin:6px 0}#missionHud{position:absolute;top:108px;left:30px;background:#102c35df;padding:12px 16px;max-width:320px;border-left:3px solid #b9f55a;font-size:14px}#targetHud{position:absolute;left:50%;top:56%;transform:translateX(-50%);font-size:13px;background:#102c35bb;padding:6px 12px;border-radius:4px;display:none}#enemyBars{position:absolute;inset:0}.enemyBar{position:absolute;width:65px;background:#102c35aa;border:1px solid #d7e4e8;border-radius:3px;padding:3px;text-align:center;font-size:11px;transform:translate(-50%,-100%)}.enemyBar i{display:block;background:#ef886f;height:4px;margin-top:3px}#cameraMode{top:235px;right:24px;font-size:12px}#gyroHud{top:276px;right:24px;font-size:12px}.shopPanel{width:min(560px,95%);max-height:92vh;overflow:auto}.shopPanel h2{font-size:27px}.shopItem{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px 0;border-top:1px solid #3e5b66;gap:15px}.shopItem span{display:block;font-size:13px;color:#a9c1ca;margin-top:5px}.shopItem button{background:#b9f55a;color:#142323;border:0;padding:12px;border-radius:4px;font-size:13px;font-weight:bold;white-space:nowrap}.shopItem button:disabled{opacity:.45;cursor:default}.primary:disabled{opacity:.5}.viewFront #crosshair{opacity:.3}.health #staminaText{margin:8px 0;color:#f9d38c}@media(max-width:700px){#missionHud{left:16px;top:90px;max-width:210px;font-size:12px;padding:9px}#cameraMode{right:14px;top:174px}#gyroHud{right:14px;top:212px}.menuContent{padding-top:85px}.lobbyTools{gap:8px}#targetHud{top:58%}.touchActions{grid-template-columns:repeat(3,55px);gap:6px}.touchActions #fire{grid-column:span 3}.touchActions button{height:39px;font-size:10px}.bottom{bottom:255px}}@media(max-height:600px){.menuContent{max-width:620px}.choices{margin:10px 0}.menuContent h1{font-size:32px}.menuContent>p{margin:8px 0}.top{left:50%}#missionHud{top:78px}.bottom{bottom:210px}.health{width:170px}}

:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}html,body,#game{height:100%;height:100dvh}button,select{min-height:44px}input[type=range]{min-height:44px}button{touch-action:manipulation}select{font-size:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.menuContent{padding-left:max(24px,calc(var(--safe-left) + 24px));padding-bottom:calc(30px + var(--safe-bottom))}.brand{top:calc(20px + var(--safe-top));left:calc(24px + var(--safe-left))}.panel{max-height:calc(100dvh - 32px - var(--safe-top) - var(--safe-bottom));overflow:auto}#installApp,#updateApp{background:#b9f55a;color:#102c35;font-weight:bold}#pwaStatus{font-size:13px}.choices{flex-wrap:wrap}.choices label{min-width:140px}.lobbyTools button{min-height:44px}#sound{min-width:75px}
@media(pointer:coarse){.top{top:calc(14px + var(--safe-top))}.bottom{bottom:calc(235px + var(--safe-bottom))}#stick{left:calc(25px + var(--safe-left));bottom:calc(28px + var(--safe-bottom));width:112px;height:112px}#stick i{left:31px;top:31px}.touchActions{right:calc(14px + var(--safe-right));bottom:calc(20px + var(--safe-bottom));grid-template-columns:repeat(3,minmax(44px,58px));gap:8px}.touchActions button{min-height:44px}.touchActions #fire{height:58px}#missionHud{top:calc(92px + var(--safe-top))}#map{top:calc(16px + var(--safe-top));right:calc(14px + var(--safe-right))}#pause,#sound,#cameraMode,#gyroHud{right:calc(14px + var(--safe-right))}#sound{right:calc(67px + var(--safe-right))}.smallbtn{min-height:44px}#pause,#sound{top:calc(130px + var(--safe-top))}#cameraMode{top:calc(182px + var(--safe-top))}#gyroHud{top:calc(232px + var(--safe-top))}.health{max-width:180px}.weapon{min-width:140px}.top small{font-size:12px}}
@media(pointer:coarse) and (orientation:landscape){.top{left:50%;transform:translateX(-50%);padding:6px 15px}.top strong{font-size:18px}#map{width:84px;height:84px}.bottom{bottom:calc(18px + var(--safe-bottom));left:calc(155px + var(--safe-left));right:calc(210px + var(--safe-right));gap:10px}.health{width:155px}.health span{font-size:12px}.weapon{min-width:125px}.weapon small{font-size:11px;letter-spacing:1px}.weapon strong{font-size:22px}.weapon>span{display:none}#missionHud{top:calc(78px + var(--safe-top));max-width:220px}#pause,#sound{top:calc(112px + var(--safe-top))}#cameraMode{right:calc(160px + var(--safe-right));top:calc(112px + var(--safe-top))}#gyroHud{right:calc(160px + var(--safe-right));top:calc(164px + var(--safe-top))}.touchActions{grid-template-columns:repeat(3,52px)}.menuContent{padding-top:85px}.menuContent h1{font-size:36px}.menuContent>p{font-size:15px}.enemyBar{font-size:12px}}
@media(max-width:380px) and (orientation:portrait){.top{gap:10px;padding:8px}.top small{font-size:10px}.top strong{font-size:18px}#map{width:82px;height:82px}.bottom{left:12px;right:12px}.health{width:145px;padding:10px}.weapon{min-width:120px;padding:10px}.weapon small{letter-spacing:1px;font-size:11px}#missionHud{max-width:200px;font-size:12px}#stick{width:96px;height:96px;left:16px}#stick i{left:23px;top:23px}.touchActions{grid-template-columns:repeat(3,48px);gap:6px}.menuContent h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#damageFeedback{position:absolute;top:61%;left:50%;transform:translateX(-50%);font-size:16px;font-weight:bold;color:#ffdc70;text-shadow:0 2px 3px #000;opacity:0}#crosshair{font-size:27px;color:#ffffffdd}body:has(#hud:not([hidden])) #damageFeedback{pointer-events:none}

.career{border-left:3px solid #b9f55a;background:#1d3c46;padding:12px 15px;margin:18px 0;font-size:14px;line-height:1.6}.career span{display:block;color:#b7cbd2;font-size:13px}#matchDetails{position:absolute;left:30px;top:165px;font-size:13px;padding:8px 12px;background:#102c35cc;max-width:320px}.setting{display:flex;flex-direction:column;gap:10px;text-align:left;margin:22px 0;color:#d4e6e9;font-size:14px}.setting input[type=range]{width:100%}.setting.checkbox{flex-direction:row;align-items:center;gap:14px}.setting input[type=checkbox]{width:22px;height:22px}.touchActions #grenade{font-size:10px}.touchActions #crouch{font-size:10px}@media(pointer:coarse){.bottom{bottom:calc(284px + var(--safe-bottom))}#matchDetails{left:16px;top:calc(150px + var(--safe-top));max-width:208px;font-size:12px}.touchActions #fire{height:54px}}@media(pointer:coarse) and (orientation:landscape){.bottom{bottom:calc(16px + var(--safe-bottom));left:calc(145px + var(--safe-left));right:calc(210px + var(--safe-right))}#matchDetails{top:calc(138px + var(--safe-top));font-size:12px}.touchActions{grid-template-columns:repeat(3,50px);gap:5px}.touchActions button{height:44px}.touchActions #fire{height:44px}}

/* Character-led lobby: setup and the scout stay together at every screen size. */
#menu{background:linear-gradient(110deg,rgba(7,25,34,.97),rgba(7,25,34,.88));}
.lobbyLayout{display:grid;grid-template-columns:minmax(0,620px) minmax(280px,480px);gap:48px;max-width:1220px;margin:auto;align-items:start;padding:100px 36px 36px;}
.lobbyLayout .menuContent{padding:0;max-width:none;min-width:0;}
.characterCard{margin:0;position:sticky;top:30px;border:1px solid #46616b;border-radius:16px;overflow:hidden;background:#112d38;box-shadow:0 25px 70px #0005;}
.characterCard img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover;}
.characterCard figcaption{padding:18px 22px;background:#102c35;display:flex;flex-direction:column;gap:7px;}
.characterCard figcaption span{font-size:13px;letter-spacing:2px;color:#b9f55a;}
.characterCard figcaption b{font-size:22px;}
.modeSummary{font-size:14px;margin:0;color:#b9f55a;}
.lobbyLayout h1{font-size:clamp(34px,4.5vw,60px);}
.lobbyLayout label,.lobbyTools button,.lobbyTools>span{font-size:14px;}
.lobbyLayout .choices{margin:18px 0;}
.lobbyLayout select:disabled{opacity:.55;}
#retryOffline{background:#354754;color:#fff;}
.centered .panel{margin:16px;}
@media(max-width:900px){.lobbyLayout{gap:24px;padding:100px 24px 28px;grid-template-columns:minmax(0,1fr) minmax(220px,.7fr);}.characterCard img{min-height:380px;object-fit:cover;}.lobbyLayout .choices{gap:10px;}}
@media(max-width:650px){.lobbyLayout{display:flex;flex-direction:column;padding:90px max(20px,var(--safe-left)) calc(28px + var(--safe-bottom));gap:24px;}.characterCard{order:-1;position:relative;top:auto;width:100%;}.characterCard img{height:250px;min-height:0;object-position:center 25%;}.characterCard figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#071922);padding:32px 18px 16px;}.characterCard figcaption b{font-size:20px;}.lobbyLayout h1{font-size:clamp(32px,9vw,46px);}.lobbyLayout .menuContent{width:100%;}.lobbyLayout .choices label{min-width:125px;}}
@media(max-height:600px) and (min-width:651px){.lobbyLayout{padding-top:90px;}.characterCard{top:15px;}.characterCard img{max-height:380px;min-height:0;}}

/* Preserve the complete portrait: face, hair and boots stay inside the frame. */
.lobbyLayout .characterCard img{width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center;aspect-ratio:3 / 4;}
.lobbyLayout .characterCard figcaption{position:static;background:#102c35;padding:18px 22px;}
@media(max-width:650px){.lobbyLayout .characterCard{max-width:420px;align-self:center;}.lobbyLayout .characterCard img{height:auto;min-height:0;max-height:none;}.lobbyLayout .characterCard figcaption{padding:16px 18px;}}