#touchDock,#touchUtilities,#touchContext,#touchHint,#touchPlacement,#touchQuick,#touchPanelHead,#touchManageActions,#touchAimSettings,#touchPovMore,#touchLookHint,#touchProduction,#touchSelectSurface{display:none}
.touch-layout #game{min-height:0}.touch-layout .resources>div{min-width:0;grid-template-columns:16px auto;grid-template-rows:22px 14px}.touch-layout #toast{top:auto}.touch-layout .pov-move{border:1px solid #99ceb888;border-radius:50%;background:#10362a70}.touch-layout .pov-move span{position:absolute;top:-22px;left:0;width:100%;text-align:center;font-size:11px}.touch-layout .pov-move b{position:absolute;left:50%;top:50%;width:42px;height:42px;border:1px solid #b0e5d388;border-radius:50%;background:#9bdbc366;transform:translate(-50%,-50%)}
.touch-layout #touchProduction{display:grid;gap:8px;padding:10px;border-bottom:1px solid #668f7160;background:#183b31}.touch-layout #touchProduction b{font-size:12px}.touch-layout #touchProduction small{font-size:11px}.touch-layout #touchProduction>div{display:flex;gap:6px;overflow:auto}.touch-layout #touchProduction button{min-height:44px;padding:8px;font-size:12px;border:1px solid #699777;border-radius:6px;flex:none}.touch-layout #touchProduction>div button{font-size:11px}.touch-management #touchProduction{display:none!important}
.touch-layout{--hud:56px;--sidebar:248px;--touch-bottom:calc(62px + env(safe-area-inset-bottom,0px));--touch-context:108px;overscroll-behavior:none}
.touch-layout button{touch-action:manipulation}.touch-layout button:focus-visible{outline:2px solid #f1d287;outline-offset:2px}
.touch-layout.touch-group-mode #touchSelectSurface{display:block;position:absolute;inset:0;z-index:5;touch-action:none;user-select:none;cursor:crosshair;background:linear-gradient(#72dcb70b,#72dcb704);box-shadow:inset 0 0 0 2px #83d8b066}.touch-layout.touch-group-mode #touchSelectSurface::before{content:attr(data-label);position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:6px 12px;border:1px solid #9dd8bd88;border-radius:20px;background:#122e2ced;color:#eaf5e8;font-size:11px;font-weight:700;white-space:nowrap;pointer-events:none}.touch-layout.touch-group-mode #selectionBox{z-index:6;border:2px solid #9affd7;background:#4bc69732;box-shadow:0 0 18px #5ce0b780}
.touch-layout .hud{height:var(--hud);padding:0 8px;gap:8px;justify-content:space-between}.touch-layout .brand{display:none}.touch-layout .resources{gap:12px;flex:1;justify-content:space-around}.touch-layout .resources>div{gap:3px}.touch-layout .resources strong{font-size:17px}.touch-layout .resources small{font-size:8px}.touch-layout .resource-icon{font-size:15px}.touch-layout .top-actions{gap:4px}.touch-layout .top-actions button{width:38px;height:44px;min-width:38px}.touch-layout #timer{font-size:12px}.touch-layout #audioSettings,.touch-layout #help{display:none}
.touch-layout .mission-strip,.touch-layout .control-groups,.touch-layout .bottom-hint,.touch-layout #cameraControls,.touch-layout .sector,.touch-layout #location{display:none!important}
.touch-layout:not(.touch-management) .command>.command-heading,.touch-layout:not(.touch-management) .command>.objective,.touch-layout:not(.touch-management) .command>.game-speed,.touch-layout:not(.touch-management) .command>.gameplay-panel,.touch-layout:not(.touch-management) .command>.army-command,.touch-layout:not(.touch-management) .command>.battle-progress,.touch-layout:not(.touch-management) .command>.daily-battle,.touch-layout .command>.sidebar-footer,.touch-layout .command>.tabs{display:none!important}
.touch-layout .command{width:var(--sidebar);bottom:var(--touch-bottom);top:var(--hud);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:8;max-height:none;padding-bottom:8px}.touch-layout .command>*{flex-shrink:0}.touch-layout .command .catalog{height:auto;max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}.touch-layout .unit-card{min-height:180px;padding:8px}.touch-layout .unit-card img{height:66px;object-fit:contain}.touch-layout .unit-card .unit-name{font-size:12px;line-height:1.5}.touch-layout .unit-card .unit-role{font-size:10px;line-height:1.5}.touch-layout .unit-card .unit-bottom{min-height:30px}.touch-layout .unit-card .unit-bottom>span{font-size:17px}.touch-layout .locked-label{position:static!important;font-size:10px;line-height:1.5;margin-top:5px;white-space:normal}.touch-layout .command .army-filters{flex-wrap:wrap;display:flex;position:static}.touch-layout .army-filters button{min-height:44px;min-width:42px;flex:1;font-size:11px}.touch-layout .army-filters[hidden]{display:none!important}.touch-layout .tech-card{grid-column:1/-1;min-height:116px}.touch-layout .queue-section{position:static;flex-shrink:0}.touch-layout .queue{flex-wrap:nowrap;overflow-x:auto;max-height:90px}.touch-layout .queue-item{flex:none;min-width:52px;min-height:56px}
.touch-layout #touchPanelHead{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;gap:8px;background:#142a2e;position:sticky;top:0;z-index:3;border-bottom:1px solid #548175}.touch-layout #touchPanelHead b{font-size:15px}.touch-layout #touchPanelHead button{min-height:44px;padding:8px 12px;border:1px solid #517366;color:#d8eee3;background:#263d38;border-radius:6px}.touch-layout #touchManageActions{display:none}.touch-layout.touch-management #touchManageActions{display:flex;gap:8px;padding:12px}.touch-layout #touchManageActions button{flex:1;min-height:44px}.touch-layout.touch-management #catalog,.touch-layout.touch-management #armyFilters,.touch-layout.touch-management #buildFilters,.touch-layout.touch-management .queue-section{display:none!important}.touch-layout .gameplay-panel[open]{position:static;width:auto;margin:8px;box-shadow:none}.touch-layout .gameplay-panel>.gameplay-content{max-height:none}.touch-layout .gameplay-content button,.touch-layout .army-command-content button,.touch-layout .gameplay-content select,.touch-layout .army-command-content select{min-height:44px;font-size:13px}
.touch-layout #touchDock{display:flex;position:fixed;right:0;bottom:0;width:var(--sidebar);min-height:62px;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));box-sizing:border-box;gap:6px;background:#10232bef;border-top:1px solid #629487;z-index:12}.touch-layout #touchDock button{flex:1;min-width:0;min-height:48px;border:1px solid #527467;border-radius:9px;background:#213c37;color:#e2f4e7;font:600 13px Heebo,Arial,sans-serif}.touch-layout #touchDock button[aria-expanded=true]{background:#91d5b5;color:#122b23;border-color:#b4f0d3}
.touch-layout #touchUtilities{display:flex;position:fixed;top:calc(var(--hud) + 8px);left:8px;gap:5px;z-index:7}.touch-layout #touchUtilities button{width:46px;height:46px;border:1px solid #688c7c;border-radius:9px;background:#173b34ed;color:#eaf6df;font-size:20px}.touch-layout #touchUtilities #touchGroup{width:98px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;padding:4px 7px}.touch-layout #touchGroup b{font-size:20px}.touch-layout #touchGroup small{font-size:9px;line-height:1.15;white-space:normal;color:#dcebdd}.touch-layout #touchGroup[aria-pressed=true]{background:#d9b962;color:#15261f}.touch-layout #touchGroup[aria-pressed=true] small{color:#15261f;font-weight:700}.touch-layout [aria-pressed=true]{outline:2px solid #ebc96f;outline-offset:-2px}
.touch-layout #touchHint{display:block;position:fixed;bottom:calc(12px + var(--touch-context));left:12px;right:calc(var(--sidebar) + 12px);pointer-events:none;background:#132a2ec9;border-radius:5px;padding:4px 8px;font-size:11px;line-height:1.6;text-align:center;color:#e6e9c7;z-index:4}.touch-layout #touchContext{display:block;position:fixed;bottom:8px;left:8px;right:calc(var(--sidebar) + 8px);padding:8px;background:#142c2df5;border:1px solid #79a58e88;border-radius:11px;z-index:9;box-sizing:border-box;box-shadow:0 9px 30px #0007}.touch-layout #touchContext>div:first-child{display:grid;grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:8px;padding-bottom:7px}.touch-layout #touchSelectedPortrait{width:42px;height:38px;object-fit:contain;border-radius:5px;background:#0c211e;border:1px solid #63897955}.touch-layout #touchContext>div:first-child>div{display:flex;min-width:0;flex-direction:column}.touch-layout #touchSelectedName{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.touch-layout #touchContext small{font-size:10px;white-space:nowrap}.touch-layout #touchClearSelection{width:38px;height:38px;border-radius:50%;font-size:19px;background:#2c403b;border-color:#769387;color:#d9e9df}.touch-layout #touchActions{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding:1px}.touch-layout #touchActions button{flex:1 0 auto;min-height:48px;min-width:64px;background:#27483f;border:1px solid #688c77;border-radius:8px;color:#edf4db;font:600 12px Heebo,Arial,sans-serif;padding:8px 11px}.touch-layout #touchMove,.touch-layout #touchAttack{min-width:82px;background:#356150;border-color:#8ac2a5}.touch-layout #touchAttack{background:#654437;border-color:#bd8267}
.touch-layout .selection-panel{display:none!important}.touch-layout.touch-details-open .selection-panel{display:flex!important;position:fixed;left:8px;right:calc(var(--sidebar) + 8px);bottom:120px;max-height:48dvh;min-height:0;overflow:auto;padding:12px;flex-wrap:wrap;z-index:11;gap:10px}.touch-layout .selection-panel .selected-info{flex:1;min-width:150px}.touch-layout .selection-panel h2{font-size:16px}.touch-layout .selection-panel .orders{display:flex;flex-wrap:wrap;width:100%;gap:7px}.touch-layout .selection-panel button{min-height:44px;font-size:12px}.touch-layout .selection-panel kbd{display:none}.touch-layout .selected-portrait{width:56px;height:56px}.touch-layout #productionRecipePanel small{font-size:11px}.touch-layout #productionRecipePanel button{min-height:44px}
.touch-layout .radar{width:96px!important;height:auto;box-sizing:border-box;padding:4px;top:calc(var(--hud) + 8px);right:calc(var(--sidebar) + 8px);left:auto;bottom:auto;z-index:4;opacity:.92}.touch-layout .radar canvas{width:100%;height:72px}.touch-layout .radar-heading,.touch-layout .radar-footer,.touch-layout #intelLegend{display:none}.touch-layout #alertFocus{left:8px;top:calc(var(--hud) + 60px);right:calc(var(--sidebar) + 108px);width:auto;font-size:11px}.touch-layout #toast{bottom:calc(var(--touch-context) + 38px);max-width:calc(100% - var(--sidebar) - 24px);font-size:12px;pointer-events:none;z-index:20}.touch-layout #modeHint{display:none!important}.touch-layout #turretDefensePanel{top:calc(var(--hud) + 92px);right:calc(var(--sidebar) + 8px);left:auto;width:min(260px,calc(100vw - var(--sidebar) - 24px));max-height:35dvh;box-sizing:border-box}
.touch-layout #touchPlacement{display:flex;align-items:center;gap:8px;position:fixed;bottom:12px;left:12px;right:calc(var(--sidebar) + 12px);padding:12px;background:#183633fa;border:1px solid #a3d6b8;border-radius:12px;z-index:13;flex-wrap:wrap;box-shadow:0 12px 42px #0009}.touch-layout #touchPlacement span{flex-basis:100%;font-size:13px;font-weight:600;text-align:center}.touch-layout #touchPlacement button{flex:1;min-height:52px;font:700 15px Heebo,Arial,sans-serif;border-radius:9px;border:1px solid #749778;background:#25473e;color:#edf5da}.touch-layout #touchConfirmBuild{background:#8eddad;color:#112b1e}.touch-layout #touchConfirmBuild:disabled{opacity:.45}.touch-layout.touch-placing #touchContext{display:none!important}
.touch-layout #touchQuick{display:grid;grid-template-columns:1fr auto;position:fixed;top:calc(var(--hud) + 60px);left:8px;width:min(370px,calc(100vw - var(--sidebar) - 16px));max-height:55dvh;overflow:auto;background:#132d30f5;border:1px solid #699b85;border-radius:10px;padding:10px;gap:8px;z-index:13;box-sizing:border-box}.touch-layout #touchQuick>button{min-height:44px;padding:7px;background:#284b41;color:#edf5dd;border:1px solid #6d967d;border-radius:6px}.touch-layout #touchQuickList{grid-column:1/-1;display:grid;gap:7px}.touch-layout #touchQuickList button{min-height:62px;text-align:start;display:grid;grid-template-columns:52px 1fr;gap:3px 8px;align-items:center;background:#24443e;color:#e7f5dc;border:1px solid #4d7266;padding:7px;border-radius:7px}.touch-layout #touchQuickList img{width:48px;height:48px;object-fit:contain;grid-row:1/3}.touch-layout #touchQuickList b{font-size:12px}.touch-layout #touchQuickList small{font-size:11px;line-height:1.5}
#touchChoice{width:min(440px,92vw);max-height:80dvh;overflow:auto;color:#e6f4de;background:#18342f;border:1px solid #83b496;border-radius:12px;padding:18px;box-sizing:border-box}#touchChoice::backdrop{background:#031d2377}#touchChoice h2{font-size:20px}#touchChoice button{width:100%;display:flex;align-items:center;gap:12px;min-height:52px;margin:7px 0;padding:10px;border:1px solid #688f75;border-radius:7px;background:#2a4b3e;color:#f2f5dc;font:inherit;text-align:start}#touchChoice img{width:52px;height:48px;object-fit:contain}
.touch-layout [hidden]{display:none!important}.touch-layout:not(.touch-playing) #touchDock,.touch-layout:not(.touch-playing) #touchContext,.touch-layout:not(.touch-playing) #touchUtilities,.touch-layout:not(.touch-playing) #touchHint,.touch-layout:not(.touch-playing) #touchQuick,.touch-layout:not(.touch-playing) #touchPlacement{display:none!important}
.touch-layout.touch-phone{--sidebar:0px;--touch-context:126px}.touch-phone #viewport{left:0;right:0;top:var(--hud);bottom:0;width:100%}.touch-phone .command{display:none;position:fixed;top:auto;left:6px;right:6px;width:auto;bottom:calc(var(--touch-bottom) + 6px);max-height:min(76dvh,680px);border:1px solid #76a18f;border-radius:14px 14px 5px 5px;box-shadow:0 -15px 60px #0009}.touch-phone.touch-panel-open .command{display:flex}.touch-phone #touchDock{width:100%}.touch-phone #touchContext{bottom:calc(var(--touch-bottom) + 6px);right:6px;left:6px}.touch-phone #touchHint{bottom:calc(var(--touch-bottom) + 126px);right:12px;left:12px}.touch-phone:not(.touch-has-selection) #touchHint{bottom:calc(var(--touch-bottom) + 10px)}.touch-phone .radar{right:8px}.touch-phone #touchPlacement{bottom:calc(var(--touch-bottom) + 7px);right:7px;left:7px}.touch-phone #touchQuick{width:calc(100vw - 16px)}.touch-phone.touch-details-open .selection-panel{right:8px;bottom:calc(var(--touch-bottom) + 126px)}.touch-phone #toast{bottom:calc(var(--touch-bottom) + 136px);max-width:calc(100% - 24px)}.touch-phone.touch-panel-open #touchContext,.touch-phone.touch-panel-open #touchHint{display:none!important}.touch-phone .top-actions #timer{display:none}.touch-phone .resources{gap:6px}.touch-phone .resources strong{font-size:16px}
.touch-layout.pov-active #viewport{left:0;right:0;top:var(--hud);bottom:0;width:100%}.touch-layout.pov-active .pov-top{padding:8px;gap:8px}.touch-layout.pov-active .pov-top>div{padding:7px 9px}.touch-layout.pov-active .pov-top small,.touch-layout.pov-active .pov-top span{display:none}.touch-layout.pov-active .pov-top b{font-size:16px}.touch-layout #povHUD #exitPOV{min-height:44px;font-size:11px;padding:7px 10px}.touch-layout .pov-look{display:none!important}.touch-layout .pov-move{display:block;position:absolute;left:16px;right:auto;bottom:calc(30px + env(safe-area-inset-bottom,0px));width:112px;height:112px;pointer-events:auto;touch-action:none}.touch-layout #povHUD #povFire{display:block;position:absolute;right:18px;left:auto;bottom:calc(38px + env(safe-area-inset-bottom,0px));width:86px;height:86px;min-height:86px;font-size:23px;background:#7c4b2ee8;border:2px solid #edc278;border-radius:50%}.touch-layout .pov-help,.touch-layout #povLock{display:none!important}.touch-layout .pov-bottom{left:50%;right:auto;transform:translateX(-50%);bottom:8px;width:calc(100% - 268px);min-width:106px;padding:4px;background:#102724c9;border:0;pointer-events:none}.touch-layout .pov-health{display:grid;font-size:10px;gap:3px}.touch-layout .pov-health meter{width:100%;max-width:130px;height:10px;margin:auto}.touch-layout #povWeapon{font-size:11px}.touch-layout #povMessage{font-size:10px;max-height:42px;overflow:hidden}.touch-layout .pov-actions{margin:0}.touch-layout .pov-actions>button{display:none}.touch-layout #povHUD #povPersonal{display:block;position:fixed;right:20px;bottom:145px;width:88px;min-height:50px;font-size:12px!important}.touch-layout #povHUD #povAction:not([hidden]){display:block;position:fixed;left:16px;bottom:172px;width:112px;min-height:44px;font-size:11px!important}.touch-layout #touchPovMore{display:block;position:absolute;left:16px;bottom:225px;min-height:44px;font-size:12px;padding:8px}.touch-layout #touchLookHint{display:block;position:absolute;right:20px;bottom:215px;color:#e6ebce;background:#132d2966;font-size:11px;pointer-events:none}.touch-layout .pov-instruments{left:12px;right:auto;top:72px;bottom:auto;width:88px}.touch-layout #povMini{width:80px;height:80px}.touch-layout #povMotion{font-size:9px}.touch-layout .pov-tactics{display:none}.touch-layout #touchAimSettings{display:block;position:absolute;top:68px;right:12px;max-width:240px;background:#102a2ae8;border:1px solid #597f73;border-radius:7px;pointer-events:auto;padding:8px;font-size:12px}.touch-layout #touchAimSettings summary{min-height:28px;cursor:pointer}.touch-layout #touchAimSettings label{display:flex;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}.touch-layout #touchAimSensitivity{width:100%;height:38px}.touch-layout #touchLeftHand{width:22px;height:22px}.touch-layout #povHUD.touch-pov-more .pov-actions{display:flex;position:fixed;left:16px;right:16px;bottom:275px;max-height:40dvh;overflow:auto;padding:12px;background:#102b2af5;border:1px solid #8bbda4;border-radius:8px;pointer-events:auto}.touch-layout #povHUD.touch-pov-more .pov-actions>button{display:block;min-height:44px!important;font-size:12px!important;position:static!important;width:auto!important}.touch-layout #povHUD.touch-pov-more .pov-tactics{display:block;position:absolute;right:14px;top:125px;max-height:32dvh;overflow:auto;pointer-events:auto}.touch-layout.touch-left-handed .pov-move{right:16px;left:auto}.touch-layout.touch-left-handed #povHUD #povFire{left:18px;right:auto}.touch-layout.touch-left-handed #povHUD #povPersonal{left:20px;right:auto}.touch-layout.touch-left-handed #povHUD #povAction{right:16px;left:auto}.touch-layout.touch-left-handed #touchPovMore{right:16px;left:auto}.touch-layout.touch-left-handed #touchLookHint{left:20px;right:auto}
@media(max-height:540px){.touch-phone{--hud:48px;--touch-context:125px}.touch-phone #touchHint{display:none!important}.touch-phone .command{max-height:calc(100dvh - 115px);left:auto;right:8px;width:min(390px,65vw)}.touch-phone #touchContext{right:8px;left:auto;width:min(470px,65vw)}.touch-phone #touchContext>div:first-child{padding-bottom:3px}.touch-phone .radar{width:76px!important}.touch-phone .radar canvas{height:52px}.touch-layout #touchPovMore{bottom:170px}.touch-layout #touchLookHint{bottom:210px}.touch-layout #povHUD #povPersonal{bottom:140px}.touch-layout .pov-instruments{display:none}.touch-layout #povHUD.touch-pov-more .pov-actions{bottom:85px;left:150px;right:120px;max-height:55dvh}.touch-layout #touchAimSettings{top:8px;right:42%;max-width:210px}.touch-layout #povHUD.touch-pov-more .pov-tactics{top:70px;right:12px}.touch-layout #povHUD #povAction:not([hidden]){bottom:128px}.touch-phone.touch-details-open .selection-panel{left:8px;right:auto;width:60vw;bottom:calc(var(--touch-bottom) + 5px);max-height:65dvh}}

.touch-layout .pov-bottom{left:134px;right:134px;width:auto;min-width:0;transform:none}
.touch-layout #alertFocus{transform:none}.touch-tablet #touchProduction{position:sticky;top:63px;z-index:2}