/* One touch layout, replacing the accumulated desktop-position overrides. */
.mobile-only{display:none}#audio-options>summary,#pause-settings>summary{cursor:pointer;font:700 11px monospace;color:#c7dba9;padding:13px 0;letter-spacing:1px}#audio-options:not([open]){border-top:1px solid #51604e66}.mobile-picker{position:fixed;inset:0;z-index:9;background:#020909b8;display:flex;align-items:flex-end;justify-content:center;padding:12px 12px calc(12px + env(safe-area-inset-bottom));backdrop-filter:blur(4px)}.mobile-picker section{width:min(620px,100%);padding:18px;background:#152526;border:1px solid #7b966b;max-height:90dvh;overflow:auto}.mobile-picker-heading{display:flex;justify-content:space-between;align-items:center}.mobile-picker h2{font:700 15px monospace;color:#d4e6aa;margin:0}.mobile-picker-heading button{width:44px;height:44px;border:1px solid #71846b;background:#213733;color:#e7f1d6}.mobile-picker p{font-size:11px;color:#b3c6b9;line-height:1.5}#mobile-weapon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#mobile-weapon-list button{min-height:64px;padding:12px;text-align:left;color:#e3edda;background:#203737;border:1px solid #536e60}#mobile-weapon-list strong,#mobile-weapon-list small{display:block}#mobile-weapon-list strong{font:700 12px monospace}#mobile-weapon-list small{font-size:10px;color:#a9c3af;margin-top:6px}#mobile-weapon-list [aria-pressed=true]{border-color:#daeb99;background:#3c4d30}
.mobile-layout{--safe-top:max(10px,env(safe-area-inset-top));--safe-bottom:max(14px,env(safe-area-inset-bottom));--safe-left:max(12px,env(safe-area-inset-left));--safe-right:max(12px,env(safe-area-inset-right))}
.mobile-layout .mobile-only{display:block}.mobile-layout #hud .brand,.mobile-layout #hud-bottom,.mobile-layout .hud-right .stats,.mobile-layout #hud .minimap-wrap,.mobile-layout #hud .controls-hint,.mobile-layout #performance,.mobile-layout #team-roster,.mobile-layout #coop-connection,.mobile-layout #audio-btn,.mobile-layout #fullscreen-btn{display:none}
.mobile-layout .hud-top{left:var(--safe-left);top:var(--safe-top);gap:0}.mobile-layout .hud-wave{padding:5px 8px;width:112px;height:36px;backdrop-filter:none;border-left-width:2px}.mobile-layout .hud-wave>.eyebrow,.mobile-layout .wave-progress{display:none}.mobile-layout .wave-row{gap:6px;align-items:center;height:24px}.mobile-layout .wave-no{font:700 23px/1 monospace}.mobile-layout .wave-no:before{content:'R';font-size:10px;color:#a6b7a0;margin-right:3px}.mobile-layout .wave-state{font-size:8px;letter-spacing:0;padding:0;max-width:60px}.mobile-layout .hud-right{top:var(--safe-top);right:var(--safe-right);gap:0}.mobile-layout #pause-btn{width:44px;height:36px;font-size:18px}
.mobile-layout #mobile-status-bar{position:absolute;left:var(--safe-left);right:var(--safe-right);top:calc(var(--safe-top) + 44px);display:grid;grid-template-columns:minmax(80px,1fr) minmax(110px,1.2fr) 48px;gap:7px;height:54px}.mobile-health{padding:6px 8px;background:#101f22c9;border:1px solid #52665b66}.mobile-health>span{font:700 9px monospace;display:flex;justify-content:space-between;gap:4px}.mobile-health b{font-size:11px;white-space:nowrap}.mobile-health-track{height:4px;background:#433c3d;margin-top:6px}.mobile-health-track i{height:100%;display:block;width:100%;background:#f48783}.mobile-health>small{font:9px monospace;color:#a1c5c5;display:block;margin-top:4px}
#mobile-weapon-toggle,#mobile-reload{pointer-events:auto;background:#142728de;color:#d9e9ba;border:1px solid #647d6777;cursor:pointer;padding:4px 7px;min-height:48px}#mobile-weapon-toggle{display:grid;grid-template-columns:1fr auto;text-align:left;gap:2px}#mobile-weapon-toggle>span{font:bold 9px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;grid-column:1/-1}#mobile-weapon-toggle>strong{font:700 16px monospace;white-space:nowrap;grid-column:1/-1}#mobile-weapon-toggle>small{position:absolute;right:64px;top:7px;font:7px monospace;color:#9aae9c}#mobile-reload{font-size:22px;line-height:1}#mobile-reload small{font:bold 6px monospace;display:block;margin-top:4px}#mobile-reload:disabled{opacity:.45}
.mobile-layout #operation-hud{left:var(--safe-left);right:var(--safe-right);top:calc(var(--safe-top) + 106px);max-width:none;padding:6px 9px;border-left-width:2px;max-height:48px}.mobile-layout #operation-hud strong{font-size:9px;letter-spacing:.4px}.mobile-layout #operation-hud span{font-size:9px;line-height:1.3;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-layout #operation-hud .bar{height:3px;margin:3px 0 0}.mobile-layout #power-status{top:var(--safe-top);left:138px;right:calc(var(--safe-right) + 52px);max-width:none;transform:none;padding:5px;font:700 8px/1.4 monospace;min-height:34px}.mobile-layout #boss-container{top:calc(var(--safe-top) + 158px);width:150px;font-size:8px}.mobile-layout #bossbar{height:4px;margin-top:3px}.mobile-layout #hud-audio-recover{top:calc(var(--safe-top) + 184px);font-size:9px;padding:8px}
.mobile-layout #touch-ui.in-game{display:block}.mobile-layout #touch-ui .touch-stick{bottom:calc(var(--safe-bottom) + 8px);width:108px;height:108px;box-shadow:none;background:#0b1e1e50}.mobile-layout #touch-ui .touch-stick.left{left:var(--safe-left)}.mobile-layout #touch-ui .touch-stick.right{right:var(--safe-right)}.mobile-layout .touch-knob{width:43px;height:43px;box-shadow:none}.mobile-layout .touch-pad-label{bottom:8px;font-size:8px;letter-spacing:1px;opacity:.7}.mobile-layout #touch-dash,.mobile-layout #touch-knife,.mobile-layout #skill-btn{left:50%;right:auto;transform:translateX(-50%);top:auto;width:64px;height:44px;min-height:44px;padding:5px;border-radius:12px;font:700 10px/1.25 monospace;max-width:64px;touch-action:none;pointer-events:auto}.mobile-layout #touch-dash{bottom:var(--safe-bottom)}.mobile-layout #touch-knife{bottom:calc(var(--safe-bottom) + 52px)}.mobile-layout #skill-btn{bottom:calc(var(--safe-bottom) + 104px)}.mobile-layout #touch-dash:disabled,.mobile-layout #touch-knife:disabled{opacity:.45}
.mobile-layout #interact-btn,.mobile-layout #touch-revive{left:50%;right:auto;transform:translateX(-50%);top:auto;bottom:calc(var(--safe-bottom) + 164px);height:44px;width:210px;max-width:calc(100vw - 24px);border-radius:8px;padding:8px;font:700 10px monospace;touch-action:none}.mobile-layout #coop-help{display:none}.mobile-layout #coop-help[data-urgent=true]{display:block;bottom:calc(var(--safe-bottom) + 218px);max-width:calc(100vw - 24px);width:280px;padding:7px;font:10px/1.4 monospace}.mobile-layout #announcement{top:29%;min-width:0;width:calc(100vw - 32px)}.mobile-layout #announcement .large{font-size:27px;letter-spacing:2px}.mobile-layout #announcement .small{font-size:8px;letter-spacing:2px}.mobile-layout #announcement .desc{font-size:9px;letter-spacing:.6px}
.mobile-layout .mobile-pause-info{width:100%;font:11px/1.6 monospace;color:#bcd0b9}.mobile-pause-actions{display:flex;gap:8px;margin:10px 0}.mobile-pause-actions button{flex:1;min-height:44px;background:#213b36;color:#d7e9bc;border:1px solid #6c8668;font:700 9px monospace}.mobile-layout #pause-settings{width:100%;text-align:left}.mobile-layout #pause .menu-content>.menu-footer{display:none}.mobile-layout .overlay:not(#menu){align-items:flex-start;padding:14px 12px}.mobile-layout .overlay:not(#menu) .menu-shell{margin:auto 0;padding:18px}.mobile-layout .small-panel .mid-title{font-size:34px}.mobile-layout .small-panel .mid-desc{font-size:12px;margin-bottom:12px}.mobile-layout .settings{margin:8px 0}.mobile-layout .settings input{min-height:32px}.mobile-layout #field-workbench{top:18%;max-height:57dvh;overflow:auto;padding:12px;max-width:calc(100vw - 24px)}.mobile-layout .bench-grid button{min-height:50px}
.mobile-layout #menu{padding:10px 12px 84px;align-items:flex-start}.mobile-layout .selection-shell{padding:16px 12px;margin:0 auto;width:100%;max-width:650px}.mobile-layout .selection-heading{margin-bottom:12px}.mobile-layout .selection-heading h1{font-size:33px;margin:8px 0 3px}.mobile-layout .selection-heading .headline-tag{font-size:8px;letter-spacing:1px}.mobile-layout .selection-intro{display:none}.mobile-layout .identity-field{margin-bottom:10px;gap:5px;grid-template-columns:1fr}.mobile-layout .identity-field label{font-size:9px}.mobile-layout .identity-field input{padding:9px 10px;font-size:14px;min-height:40px}.mobile-layout .identity-field small{display:none}.mobile-layout .operation-options{padding:8px 0;margin-bottom:10px}.mobile-layout .operation-options label{font-size:9px;letter-spacing:1px;margin-bottom:5px}.mobile-layout .operation-options select{padding-top:9px;padding-bottom:9px;font-size:12px;min-height:40px}.mobile-layout .operation-options p{font-size:10px;margin:5px 0}.mobile-layout .selection-section-title{margin-bottom:8px}.mobile-layout .survivor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mobile-layout .survivor-card{aspect-ratio:.72;min-height:0}.mobile-layout .survivor-card-copy{left:6px;bottom:7px}.mobile-layout .survivor-card-copy strong{font-size:15px}.mobile-layout .survivor-card-copy small,.mobile-layout .survivor-number{display:none}.mobile-layout .survivor-detail{margin:8px 0;padding:7px;gap:8px}.mobile-layout #survivor-preview{width:54px;height:58px;flex-basis:54px}.mobile-layout .survivor-detail h3{font-size:16px;margin:3px 0}.mobile-layout .survivor-detail p,.mobile-layout #survivor-label{display:none}.mobile-layout .survivor-detail small{font-size:9px;line-height:1.5;display:block}.mobile-layout .threat-guide summary,.mobile-layout .online-options summary,.mobile-layout #audio-options>summary{font-size:9px;padding:11px 0;letter-spacing:.5px}.mobile-layout .selection-bottom{position:fixed;left:0;right:0;bottom:0;padding:10px var(--safe-right) calc(10px + env(safe-area-inset-bottom)) var(--safe-left);background:#0c1c20f5;border-top:1px solid #64765d55;z-index:2}.mobile-layout .selection-bottom .start-actions{display:block;max-width:650px;margin:0 auto}.mobile-layout #start-btn{width:100%;min-height:48px;padding:12px 16px;font-size:12px;justify-content:space-between}.mobile-layout #sound-test-btn,.mobile-layout .selection-bottom .menu-footer{display:none}.mobile-layout .soundtrack-controls{padding:10px;margin:4px 0 12px}.mobile-layout .soundtrack-controls p{font-size:11px}.mobile-layout .play-btn{touch-action:manipulation}.mobile-layout .room-shell .mid-title{font-size:30px}
@media(orientation:landscape){
.mobile-layout #mobile-status-bar{right:calc(var(--safe-right) + 54px);top:var(--safe-top);left:calc(var(--safe-left) + 124px);height:44px;grid-template-columns:minmax(90px,.8fr) minmax(160px,1.1fr) 48px;max-width:470px}.mobile-layout #mobile-weapon-toggle{min-height:44px;grid-template-columns:1fr 1fr;align-content:center}.mobile-layout #mobile-weapon-name{grid-column:1}.mobile-layout #mobile-ammo{grid-column:2;grid-row:1;font-size:14px;text-align:right}.mobile-layout #mobile-weapon-toggle>small{position:static;grid-column:1/-1;font-size:7px}.mobile-layout .mobile-health{padding:5px 8px}.mobile-layout .mobile-health-track{margin-top:4px}.mobile-layout .mobile-health>small{font-size:8px;margin-top:3px}.mobile-layout #mobile-reload{min-height:44px}.mobile-layout #power-status{top:calc(var(--safe-top) + 49px);left:var(--safe-left);right:auto;min-height:0;max-width:128px;padding:4px}.mobile-layout #operation-hud{top:calc(var(--safe-top) + 50px);left:calc(var(--safe-left) + 148px);right:calc(var(--safe-right) + 148px);padding:4px 8px;max-height:42px}.mobile-layout #operation-hud span{margin:2px 0}.mobile-layout #boss-container{top:100px;width:140px}.mobile-layout #hud-audio-recover{top:104px;padding:6px}.mobile-layout #touch-ui .touch-stick{width:100px;height:100px;bottom:var(--safe-bottom)}.mobile-layout #touch-dash,.mobile-layout #touch-knife,.mobile-layout #skill-btn{bottom:var(--safe-bottom);width:76px;max-width:76px}.mobile-layout #touch-dash{left:calc(50% + 84px)}.mobile-layout #touch-knife{left:50%}.mobile-layout #skill-btn{left:calc(50% - 84px)}.mobile-layout #interact-btn,.mobile-layout #touch-revive{bottom:calc(var(--safe-bottom) + 54px);width:210px}.mobile-layout #coop-help[data-urgent=true]{bottom:calc(var(--safe-bottom) + 108px);max-width:320px}.mobile-layout #announcement{top:33%;width:60vw}.mobile-layout #announcement .large{font-size:25px}.mobile-layout #field-workbench{top:18%;max-height:65dvh}.mobile-layout .selection-shell{max-width:760px}.mobile-layout .survivor-card{aspect-ratio:1.6}.mobile-layout #menu{padding-bottom:84px}.mobile-layout .selection-heading h1{font-size:29px}.mobile-layout .survivor-detail{max-width:100%}.mobile-layout #mobile-weapon-list{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-layout .mobile-picker section{padding:12px}.mobile-layout #mobile-weapon-list button{min-height:50px;padding:9px}.mobile-layout .mobile-picker p{margin:5px 0 10px}
}
@media(max-width:350px) and (orientation:portrait){.mobile-layout #touch-ui .touch-stick{width:98px;height:98px}.mobile-layout #touch-dash,.mobile-layout #touch-knife,.mobile-layout #skill-btn{width:58px;max-width:58px}.mobile-layout .survivor-card-copy strong{font-size:13px}.mobile-layout #mobile-status-bar{gap:5px;grid-template-columns:minmax(80px,1fr) minmax(105px,1.2fr) 44px}.mobile-layout #mobile-weapon-toggle>small{right:58px}}
/* Keep native form controls readable and prevent focus zoom on iOS. */
.mobile-layout .identity-field input,.mobile-layout .online-actions input,.mobile-layout .operation-options select,.mobile-layout .settings select{font-size:16px}
.mobile-layout #pause-btn{font-size:0}.mobile-layout #pause-btn:before{content:'';width:13px;height:15px;border-left:4px solid #d4e3c4;border-right:4px solid #d4e3c4}
.mobile-layout #start-btn{justify-content:center;gap:8px}.mobile-layout #start-btn>span[aria-hidden]{display:none}
.mobile-layout #skill-btn{overflow-wrap:anywhere}