.mobile-help{display:none}#touch-controls[hidden]{display:none}#touch-controls{position:fixed;inset:0;z-index:5;pointer-events:none;touch-action:none}.touch-stick{position:absolute;width:112px;height:112px;border-radius:50%;border:2px solid #c7d39a66;background:#17211e99;pointer-events:auto;touch-action:none;bottom:max(18px,env(safe-area-inset-bottom));user-select:none}.touch-stick b{position:absolute;bottom:9px;width:100%;text-align:center;font:9px monospace;color:#dae2b1;pointer-events:none}.stick-thumb{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:50%;background:#cad79366;border:1px solid #e5ecba;pointer-events:none}#move-stick{left:max(18px,env(safe-area-inset-left))}#aim-stick{right:max(18px,env(safe-area-inset-right))}.touch-actions{position:absolute;left:150px;right:150px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(8,minmax(40px,1fr));gap:5px;pointer-events:auto}.touch-actions button{width:auto;min-height:42px;margin:0;padding:5px 2px;background:#17221edb;border:1px solid #889773aa;color:#e2e9bb;font:bold 9px monospace;letter-spacing:0;text-align:center;touch-action:none;user-select:none}.touch-actions button.held,.touch-actions button[aria-pressed=true]{background:#708547;color:#fff}
body.mobile{touch-action:none;overscroll-behavior:none}body.mobile canvas{touch-action:none}body.mobile header{top:max(8px,env(safe-area-inset-top));left:12px;right:12px}body.mobile .brand{font-size:20px}body.mobile .brand small,body.mobile .tag,body.mobile footer,body.mobile #telemetry,body.mobile #run-info{display:none}body.mobile #hud{top:42px;left:12px;gap:12px;max-width:55%;flex-wrap:nowrap}body.mobile #hud>div:first-child,body.mobile #hud>div:last-child,body.mobile #hud>div:nth-child(3){display:none}body.mobile #hud small{font-size:7px;margin-bottom:3px;letter-spacing:.5px}body.mobile #hud strong{font-size:14px}body.mobile #hud .ammo{padding-left:10px}body.mobile #weapon-state{max-width:145px;font-size:7px}body.mobile .character-switch{right:12px;top:8px;max-width:55%;font-size:8px;padding:8px}body.mobile #survivors{top:47px;right:12px;left:auto;bottom:auto;gap:6px}body.mobile .survivor-card{width:145px;height:51px;padding:4px;gap:5px}body.mobile .survivor-portrait{flex-basis:30px;height:41px}body.mobile .survivor-portrait img{height:140px}body.mobile .survivor-vitals{gap:3px}body.mobile .survivor-heading{font-size:8px}body.mobile .survivor-heading strong{font-size:14px}body.mobile .survivor-health{height:7px}body.mobile .survivor-vitals>span{font-size:6px;min-height:8px}body.mobile .incapacitated .survivor-portrait img{height:41px;width:41px;transform:translate(-6px,0) rotate(-90deg)}body.mobile #context{bottom:118px;font-size:9px}body.mobile #announcement{top:29%;font-size:10px;padding:0 10%}body.mobile #zoey-dialogue{bottom:122px;right:145px;left:145px;max-width:none;font-size:9px;padding:5px 8px;line-height:1.3}body.mobile .mobile-help{display:inline;color:#d4de89}body.mobile .instructions,body.mobile .note{display:none}body.mobile .panel{max-height:94dvh;overflow-y:auto;touch-action:pan-y;width:min(590px,96vw)}body.mobile #intro p{font-size:10px;line-height:1.6}body.mobile h1{font-size:42px;margin:14px 0}body.mobile .panel button{min-height:44px;margin:10px 0;padding:12px}body.mobile #intro .panel{padding:16px}
@media(orientation:portrait){body.mobile #hud{top:43px;max-width:90%}body.mobile #survivors{top:108px;left:12px;right:12px;justify-content:space-between}body.mobile .survivor-card{width:calc((100vw - 30px)/2)}body.mobile .touch-actions{left:12px;right:12px;grid-template-columns:repeat(6,1fr)}body.mobile .touch-stick{bottom:164px}body.mobile #context{bottom:285px}body.mobile #zoey-dialogue{bottom:294px;left:12px;right:12px}body.mobile #announcement{top:24%}}
body.mobile canvas{height:100dvh;width:100vw}
.touch-actions button{min-height:44px}@media(orientation:landscape) and (max-width:740px){body.mobile .touch-actions{grid-template-columns:repeat(7,minmax(0,1fr));left:140px;right:140px;gap:4px}body.mobile .touch-actions button{font-size:8px}body.mobile .touch-stick{width:104px;height:104px}}

/* Compact phone controls: two sticks, a jump bar and direct-use shortcuts. */
body.mobile .touch-actions{grid-template-columns:repeat(4,minmax(0,1fr));left:140px;right:140px;gap:5px}body.mobile .touch-actions button{min-height:44px;font-size:10px}body.mobile .touch-actions .jump-bar{grid-column:1/-1;min-height:48px;font-size:14px;background:#728249e8;border-color:#d4e4a0;border-radius:8px}body.mobile .touch-actions button:disabled{opacity:.4}body.mobile #mobile-pause{position:absolute;top:8px;left:150px;width:44px;min-height:36px;margin:0;padding:4px;pointer-events:auto;background:#17221edb;color:#e2e9bb;border:1px solid #889773aa;font-size:19px;touch-action:none}body.mobile #context{bottom:170px}body.mobile #zoey-dialogue{bottom:176px}body.mobile #weapon-state{max-width:145px}
@media(orientation:portrait){body.mobile .touch-actions{left:12px;right:12px;grid-template-columns:repeat(4,minmax(0,1fr))}body.mobile .touch-stick{bottom:178px}body.mobile #context{bottom:302px}body.mobile #zoey-dialogue{bottom:313px}}
@media(orientation:landscape) and (max-width:740px){body.mobile .touch-actions{left:130px;right:130px;grid-template-columns:repeat(4,minmax(0,1fr))}body.mobile .touch-actions button{font-size:9px}}

@media(orientation:landscape){body.mobile #survivors{flex-direction:column}}
@media(orientation:portrait){body.mobile .survivor-card{width:calc((100vw - 36px)/3)}body.mobile .survivor-portrait{flex-basis:24px}body.mobile .survivor-heading{font-size:7px}body.mobile .survivor-heading strong{font-size:12px}}

body.mobile .auto-use-toggle{top:8px;left:204px;right:auto;width:108px;min-height:44px;padding:6px 3px;font-size:7px}body.mobile .character-switch{width:134px;max-width:134px;font-size:7px;min-height:44px;padding:6px 3px}body.mobile #hud{top:58px}body.mobile #survivors{top:58px}

@media(orientation:portrait){body.mobile .auto-use-toggle{top:56px;left:68px}body.mobile #mobile-pause{top:56px;left:12px;min-height:44px}body.mobile #hud,body.mobile #survivors{top:106px}}
/* Portrait phones look into the same world through a close camera window. */
.portrait-only{display:none}
body.mobile.portrait-mobile header,body.mobile.portrait-mobile #hud,body.mobile.portrait-mobile .auto-use-toggle{display:none}
body.mobile.portrait-mobile #survivors{top:max(8px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(62px,calc(env(safe-area-inset-right) + 62px));bottom:auto;gap:4px;flex-direction:row;justify-content:stretch}
body.mobile.portrait-mobile .survivor-card{width:0;flex:1;min-width:0;height:48px;padding:4px;gap:4px;background:#101a17b8}
body.mobile.portrait-mobile .survivor-portrait{flex-basis:24px;height:36px}
body.mobile.portrait-mobile .survivor-vitals{flex:1;min-width:0}
body.mobile.portrait-mobile .survivor-heading{font-size:7px;letter-spacing:0}
body.mobile.portrait-mobile .survivor-heading strong{font-size:11px}
body.mobile.portrait-mobile .survivor-vitals>span{font-size:5px}
body.mobile.portrait-mobile #mobile-pause{top:max(8px,env(safe-area-inset-top));left:auto;right:max(10px,env(safe-area-inset-right));width:44px;min-height:44px;border-radius:8px;background:#101a17b8}
body.mobile.portrait-mobile .character-switch{top:max(64px,calc(env(safe-area-inset-top) + 62px));left:10px;right:auto;width:132px;max-width:132px;min-height:36px;background:#101a1780;border-color:#73866a66}
body.mobile.portrait-mobile #portrait-threats{display:block;position:absolute;top:max(72px,calc(env(safe-area-inset-top) + 70px));right:10px;max-width:52%;text-align:right;color:#c8d0b8;font:9px/1.4 monospace;text-shadow:0 2px 3px #000;pointer-events:none}
body.mobile.portrait-mobile .touch-stick{width:88px;height:88px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px));opacity:.5;transition:opacity .15s;background:#15221a55;border-color:#c7d39a55}
body.mobile.portrait-mobile .touch-stick.active{opacity:1}
body.mobile.portrait-mobile .stick-thumb{width:32px;height:32px;background:#cad79344}
body.mobile.portrait-mobile #move-stick{left:max(12px,env(safe-area-inset-left))}
body.mobile.portrait-mobile #aim-stick{right:max(12px,env(safe-area-inset-right))}
body.mobile.portrait-mobile .touch-actions{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(178px,calc(env(safe-area-inset-bottom) + 170px));display:flex;justify-content:space-between;gap:8px;pointer-events:none}
body.mobile.portrait-mobile .touch-actions button{pointer-events:auto;flex:0 1 100px;width:100px;min-height:44px;border-radius:8px;background:#15221a80;border-color:#9aa68066;font-size:10px;opacity:.62}
body.mobile.portrait-mobile .touch-actions .jump-bar{grid-column:auto;font-size:11px;min-height:44px}
body.mobile.portrait-mobile .touch-actions [data-touch=light],body.mobile.portrait-mobile .touch-actions [data-touch=gun],body.mobile.portrait-mobile .touch-actions [data-touch=grenade],body.mobile.portrait-mobile .touch-actions [data-touch=pills],body.mobile.portrait-mobile .touch-actions [data-touch=adrenaline],body.mobile.portrait-mobile .touch-actions [data-touch=kit]{display:none!important}
body.mobile.portrait-mobile .touch-actions button.held{opacity:1;background:#708547bd}
body.mobile.portrait-mobile #portrait-shelf{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:6px;position:absolute;bottom:max(8px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));pointer-events:auto}
body.mobile.portrait-mobile #portrait-shelf button,body.mobile.portrait-mobile #portrait-items button,body.mobile.portrait-mobile .portrait-reload{min-height:44px;width:auto;margin:0;padding:7px 3px;background:#101c188c;border:1px solid #93a47877;border-radius:8px;color:#dbe2c2;font:bold 10px monospace;letter-spacing:0;touch-action:none}
body.mobile.portrait-mobile #portrait-shelf button.held,body.mobile.portrait-mobile #portrait-items button.held{background:#708547;opacity:1}
body.mobile.portrait-mobile #portrait-items{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;position:absolute;bottom:max(62px,calc(env(safe-area-inset-bottom) + 60px));left:12px;right:12px;padding:10px;background:#081510f5;border:1px solid #93a47877;border-radius:10px;pointer-events:auto;z-index:8}
body.mobile.portrait-mobile #portrait-items[hidden],body.mobile.portrait-mobile .portrait-only[hidden]{display:none}
body.mobile.portrait-mobile .portrait-reload{display:block;position:absolute;right:12px;bottom:max(128px,calc(env(safe-area-inset-bottom) + 128px));min-width:88px;pointer-events:auto;z-index:6}
body.mobile.portrait-mobile #context{bottom:max(232px,calc(env(safe-area-inset-bottom) + 226px));left:12px;right:12px;max-width:none;font-size:10px;background:#0b1714a8;padding:6px;border-radius:5px}
body.mobile.portrait-mobile #context:empty{display:none}
body.mobile.portrait-mobile #zoey-dialogue{bottom:max(240px,calc(env(safe-area-inset-bottom) + 234px));left:12px;right:12px;font-size:10px;background:#0b1714bf}
body.mobile.portrait-mobile #announcement{top:19%;font-size:11px;padding:0 8%;text-shadow:0 2px 4px #000}
body.mobile.portrait-mobile #controller-status{top:108px;font-size:9px}
/* Reference composition: nearby teammates, circular thumb actions, supplies left/ammo right. */
.portrait-glyph{display:none}
body.mobile.portrait-mobile .portrait-glyph{display:block;line-height:0;margin:0 auto 2px;width:24px;height:24px}
body.mobile.portrait-mobile .portrait-glyph svg{width:24px;height:24px}
body.mobile.portrait-mobile .touch-actions{display:block;height:150px;bottom:max(72px,calc(env(safe-area-inset-bottom) + 64px))}
body.mobile.portrait-mobile .touch-actions button{position:absolute;width:48px;height:48px;min-height:48px;min-width:48px;border-radius:50%;padding:4px 2px;font-size:7px;line-height:9px;letter-spacing:0;background:#14201999}
body.mobile.portrait-mobile .touch-actions .jump-bar{right:100px;bottom:54px;min-height:48px;font-size:7px}
body.mobile.portrait-mobile .touch-actions [data-touch=shove]{right:0;bottom:110px}
body.mobile.portrait-mobile .touch-actions [data-touch=use]{left:50%;transform:translateX(-50%);bottom:110px;width:88px;border-radius:8px;font-size:10px}
body.mobile.portrait-mobile .portrait-reload{right:70px;bottom:max(184px,calc(env(safe-area-inset-bottom) + 176px))}
body.mobile.portrait-mobile #portrait-shelf{grid-template-columns:1fr 1fr 1.6fr}
body.mobile.portrait-mobile #portrait-health{grid-column:1;grid-row:1}
body.mobile.portrait-mobile #portrait-shelf [data-touch=grenade]{grid-column:2;grid-row:1}
body.mobile.portrait-mobile #portrait-weapon{grid-column:3;grid-row:1}
body.mobile.portrait-mobile #portrait-threats{white-space:pre-line}
body.mobile.portrait-mobile #aim-stick .stick-thumb{background:#13201866;border-color:#ccd3bd99}
body.mobile.portrait-mobile #aim-stick .stick-thumb::before,body.mobile.portrait-mobile #aim-stick .stick-thumb::after{content:'';position:absolute;background:#ccd3bd99;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
body.mobile.portrait-mobile #aim-stick .stick-thumb::before{height:1px;width:42px}
body.mobile.portrait-mobile #aim-stick .stick-thumb::after{width:1px;height:42px}
body.mobile.portrait-mobile .touch-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center}
body.mobile.portrait-mobile .touch-actions button[hidden]{display:none}