#touchControls{position:fixed;inset:0;z-index:5;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none}#lookZone{position:absolute;right:0;top:0;width:65%;height:100%;pointer-events:auto;touch-action:none}#moveStick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(35px,env(safe-area-inset-bottom));width:116px;height:116px;border:2px solid #dce8de45;border-radius:50%;background:#11212970;pointer-events:auto;touch-action:none}#moveKnob{position:absolute;left:50%;top:50%;width:48px;height:48px;border:1px solid #e3f3dca0;border-radius:50%;background:#d9f65b36;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0005}#moveStick span{position:absolute;bottom:-23px;width:100%;text-align:center;color:#d2dfdb;font-size:9px;letter-spacing:1px}.touch-button{position:absolute;pointer-events:auto;touch-action:none;min-width:48px;height:48px;border-radius:50%;border:1px solid #f0f5e47a;background:#10222bba;color:#f0f4e9;font-size:10px;font-weight:700;box-shadow:0 2px 12px #0004;padding:4px;user-select:none}.touch-button[aria-pressed=true]{background:#d9f65b96;color:#101a08;border-color:#e9ffa0}.touch-button:disabled{opacity:.3;cursor:default}#touchFire{right:calc(20px + env(safe-area-inset-right));bottom:65px;width:74px;height:74px;font-size:14px;border:2px solid #e3f796;background:#506539a6}#touchAim{right:calc(105px + env(safe-area-inset-right));bottom:112px}#touchJump{right:calc(20px + env(safe-area-inset-right));bottom:151px}#touchCrouch{right:calc(105px + env(safe-area-inset-right));bottom:45px}#touchReload{right:calc(170px + env(safe-area-inset-right));bottom:45px}#touchWeapon{right:calc(172px + env(safe-area-inset-right));bottom:112px}#touchGrenade{right:calc(235px + env(safe-area-inset-right));bottom:45px}#touchInteract{right:calc(237px + env(safe-area-inset-right));bottom:112px;width:76px;border-radius:18px;color:#ffdb83}.touch-menu{position:absolute;top:calc(9px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));display:flex;gap:7px;pointer-events:auto}.touch-menu button{position:static;height:40px;min-width:44px;border-radius:10px;font-size:9px}
.touch-device{overscroll-behavior:none}.touch-device #game{touch-action:none}.touch-device .play-help{display:none}.touch-device #lobby{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.touch-device header{padding:16px 20px;gap:10px}.touch-device .lobby-layout{padding:24px 20px;gap:24px}.touch-device .intro h1{font-size:49px}.touch-device .callsign{margin-top:16px}.touch-device .team-preference{margin:10px 0}.touch-device footer{font-size:11px;gap:12px;padding:16px}.touch-device .desktop-controls{display:none}.touch-device .mobile-hint{display:block}.mobile-hint{display:none}.touch-device dialog{max-height:calc(100dvh - 20px);padding:22px;overscroll-behavior:contain}.touch-device .pause-card{max-height:calc(100dvh - 24px);overflow-y:auto;padding:20px}.touch-device .pause-card h2{font-size:28px;margin:8px 0}.touch-device .pause-card p{font-size:13px;margin:8px 0}.touch-device .pause-card button{padding:12px;margin-top:8px}.touch-device .match-top{top:calc(8px + env(safe-area-inset-top));left:43%;}.touch-device .team{min-width:67px;padding:5px 9px;gap:7px;font-size:10px}.touch-device .team b{font-size:24px}.touch-device .clock{min-width:86px;padding:3px 9px}.touch-device .clock b{font-size:20px}.touch-device .clock span{max-width:100px;font-size:8px}.touch-device #radar{width:82px;height:82px;left:14px;top:72px}.touch-device #network{top:159px;left:15px;font-size:9px}.touch-device #killfeed{top:60px;right:12px;font-size:9px}.touch-device #killfeed>div{padding:5px 8px}.touch-device .bottom-hud{left:150px;right:310px;bottom:12px}.touch-device .health>b{font-size:28px}.touch-device .health small{font-size:8px}.touch-device .health>div{width:58px}.touch-device .equipment strong{font-size:23px}.touch-device .equipment strong small{font-size:16px}.touch-device .equipment>span{font-size:8px}.touch-device #reloadHint{display:none}.touch-device #notice{top:25%;font-size:20px;max-width:55%;width:55%}.touch-device #economy{left:150px;bottom:60px;font-size:9px}.touch-device #economy>b{font-size:18px}.touch-device #grenadeHud{display:none}.touch-device #objective{bottom:18px;font-size:10px;padding:7px 12px;max-width:38%;}.touch-device .round-status{top:64px;font-size:9px}.touch-device #spectatorHelp{bottom:16px!important;font-size:10px!important;white-space:normal;max-width:42%;text-align:center}.touch-device .score-card{max-height:90dvh;overflow-y:auto}.touch-device #scope{pointer-events:none}.rotate-tip{display:none}.touch-device .rotate-tip{display:block;font-size:12px;color:#b9c9c9}.touch-device #toast{bottom:14px;font-size:12px;padding:10px 14px;max-width:70%}.touch-device .connection{font-size:10px}.touch-device #settingsButton{padding:8px;font-size:12px}
@media(orientation:landscape) and (max-height:550px){.touch-device .lobby-layout{grid-template-columns:.85fr 1.15fr;align-items:start}.touch-device .intro h1{font-size:36px;margin:14px 0}.touch-device .intro>p,.touch-device .map-caption{display:none}.touch-device .intro>.primary,.touch-device .intro>.outline{padding:13px;max-width:100%;font-size:12px}.touch-device #rooms{height:260px}.touch-device .room-name{max-width:180px}.touch-device .panel-heading{padding:14px}.touch-device .panel-heading h2{font-size:24px}.touch-device footer{padding:10px 20px}.touch-device .brand{font-size:26px}.touch-device .brand small{font-size:8px}.touch-device .team-preference select,.touch-device .callsign input{padding:9px}.touch-device .callsign{margin-bottom:8px}}
@media(orientation:portrait){.touch-device .match-top{left:50%;top:58px}.touch-menu{top:12px}.touch-device #radar{top:111px}.touch-device #network{top:197px}.touch-device #killfeed{top:111px}.touch-device #touchGrenade{right:172px;bottom:177px}.touch-device #touchInteract{right:156px;bottom:240px}.touch-device .bottom-hud{left:18px;right:20px;bottom:300px}.touch-device #economy{left:18px;bottom:353px}.touch-device #objective{bottom:370px;max-width:80%}.touch-device #notice{top:35%;font-size:22px;max-width:86%;width:86%}.touch-device .round-status{top:92px}.touch-device #spectatorHelp{bottom:310px!important;max-width:86%}.touch-device .lobby-layout{grid-template-columns:1fr}.touch-device .room-name{max-width:190px}}

#mobileSettings{border:1px solid #42565d;margin:18px 0;padding:14px}#mobileSettings legend{color:#d9f65b}
#touchControls[data-layout=left]{transform:scaleX(-1)}#touchControls[data-layout=left]> *{transform:scaleX(-1)}
#touchControls[data-layout=wide]>.touch-button{translate:-16px 0}
#spectatorOptions{position:fixed;z-index:7;left:50%;top:110px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px;background:#10222bea;max-width:95vw;border-radius:10px;font-size:12px}#spectatorOptions[hidden],#recoveryPanel[hidden]{display:none}#spectatorOptions button{min-height:44px;padding:8px;white-space:nowrap}#spectatorName{min-width:90px;text-align:center}#recoveryPanel{position:fixed;z-index:30;top:10px;left:50%;transform:translateX(-50%);background:#142832;color:#fff;padding:14px;display:flex;gap:16px;align-items:center;width:min(90vw,480px)}#recoveryPanel button{min-height:44px}
.touch-device #spectatorOptions{top:85px;font-size:10px}.touch-device #spectatorHelp{pointer-events:none}
@media(orientation:portrait){.touch-device #spectatorOptions{top:220px}}
#combatFeedback{position:fixed;inset:0;pointer-events:none;z-index:8}#damageBearing{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);color:#ff664c;text-shadow:0 0 8px #ff321a}#damageBearing b{position:absolute;top:0;left:calc(50% - 10px);font-size:24px}#matchResults{width:min(850px,95vw);max-height:90dvh}#matchResults p{font-size:12px}#matchResults table{width:100%;border-collapse:collapse}#matchResults td,#matchResults th{padding:10px;text-align:left;white-space:nowrap}.result-scroll{overflow:auto;max-height:55dvh}#matchResults tr:nth-child(even){background:#ffffff08}#practiceWeapons{margin:12px 0}.touch-device #damageBearing{width:125px;height:125px}
#profileCard{display:grid;gap:5px;width:350px;max-width:100%;padding:12px;border:1px solid #ffffff22;background:#0a1318aa}#profileCard span,#profileCard small{display:block;color:#aab9b9;font-size:11px}#profileCard select{padding:7px;margin-top:4px}#utilityBar{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:6;display:flex;gap:5px}#utilityBar button{background:#13242cdd;color:#d8e4df;padding:8px;border:1px solid #ffffff22;font-size:10px}#utilityBar button.selected{border-color:#d9f65b;color:#d9f65b}#flashEffect{position:fixed;inset:0;background:white;opacity:0;pointer-events:none;z-index:40;transition:opacity .08s}#killcam{position:fixed;top:18%;left:50%;transform:translateX(-50%);z-index:25;background:#111d;color:#fff;border-top:3px solid #ff765f;padding:14px 22px;font-weight:800}.inside-smoke #game{filter:contrast(.6) brightness(.55) blur(2px)}#mapVoteButtons{display:grid;gap:8px;margin-bottom:18px}.touch-device #utilityBar{bottom:4px}.touch-device #utilityBar button{font-size:8px;padding:6px}

/* Keep browser gestures off the play surface; menus retain scrolling. */
html{touch-action:manipulation}.touch-device{touch-action:manipulation;-webkit-text-size-adjust:100%}
.touch-device button,.touch-device a{touch-action:manipulation}
.touch-device #touchControls,.touch-device #touchControls *,.touch-device #game{touch-action:none;-webkit-touch-callout:none}
#touchControls{--edge-right:calc(12px + env(safe-area-inset-right));--edge-bottom:calc(12px + env(safe-area-inset-bottom))}
.touch-device #moveStick{left:calc(12px + env(safe-area-inset-left));bottom:calc(30px + env(safe-area-inset-bottom));width:104px;height:104px}
.touch-device #touchFire{right:var(--edge-right);bottom:calc(var(--edge-bottom) + 70px);width:72px;height:72px}
.touch-device #touchAim{right:var(--edge-right);bottom:calc(var(--edge-bottom) + 158px);width:54px;height:54px}
.touch-device #touchJump{right:calc(var(--edge-right) + 82px);bottom:calc(var(--edge-bottom) + 82px)}
.touch-device #touchCrouch{right:var(--edge-right);bottom:var(--edge-bottom)}
.touch-device #touchReload{right:calc(var(--edge-right) + 64px);bottom:var(--edge-bottom)}
.touch-device #touchWeapon{right:calc(var(--edge-right) + 128px);bottom:var(--edge-bottom)}
.touch-device #touchGrenade{right:calc(var(--edge-right) + 192px);bottom:var(--edge-bottom)}
.touch-device #touchInteract{right:calc(var(--edge-right) + 146px);bottom:calc(var(--edge-bottom) + 82px)}
.touch-device .bottom-hud{left:132px;right:160px;bottom:80px}
.touch-device #economy{left:132px;bottom:130px}
.touch-device #utilityBar{left:calc(130px + env(safe-area-inset-left));bottom:var(--safe-bottom,12px);transform:none}
@media(orientation:portrait){.touch-device .bottom-hud{left:18px;right:20px;bottom:275px}.touch-device #economy{left:18px;bottom:330px}.touch-device #utilityBar{left:12px;bottom:225px}.touch-device #touchGrenade{right:calc(var(--edge-right) + 64px);bottom:calc(var(--edge-bottom) + 158px)}.touch-device #touchWeapon{right:calc(var(--edge-right) + 64px);bottom:calc(var(--edge-bottom) + 218px)}.touch-device #touchInteract{right:var(--edge-right);bottom:calc(var(--edge-bottom) + 280px)}}