/* Mobile play layout: the arena, status bars and finger controls occupy separate cells. */
.touch-mode.in-game{height:100dvh;overflow:hidden}
.touch-mode.in-game main{width:100%;max-width:none;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:grid;grid-template-rows:minmax(0,1fr) 166px;gap:0}
.touch-mode.in-game header{display:none}
.touch-mode.in-game .game-frame{display:grid;grid-template-rows:48px minmax(0,1fr) 35px;width:100%;height:100%;min-height:0;max-width:none;aspect-ratio:auto;margin:0;border:0;box-shadow:none;grid-column:1;grid-row:1}
.touch-mode.in-game #game{grid-row:2;grid-column:1;width:100%;height:100%;min-height:0;object-fit:fill}
.touch-mode.in-game #hud{display:contents}
.touch-mode.in-game .hud-top{grid-row:1;grid-column:1;align-items:center;padding:3px 6px;background:#111c16;border-bottom:1px solid #65724d;gap:6px}
.touch-mode.in-game .hud-bottom{grid-row:3;grid-column:1;align-items:center;justify-content:space-between;padding:2px 8px;background:#111c16;border-top:1px solid #65724d;gap:8px}
.touch-mode.in-game .vitals{width:145px;padding:0;border:0;background:none;display:grid;grid-template-columns:1fr 42px;gap:0 5px}
.touch-mode.in-game .vitals>span{font-size:12px;grid-column:1/3}
.touch-mode.in-game .vitals small{font-size:9px}.touch-mode.in-game .health-track{margin:5px 0}
.touch-mode.in-game .wave{display:block;border:0;background:none;padding:0}.touch-mode.in-game .wave small,.touch-mode.in-game .wave span{display:none}.touch-mode.in-game .wave b{font-size:9px;margin:0;letter-spacing:1px}
.touch-mode.in-game #pauseButton{min-height:38px;padding:8px;flex-shrink:0}
.touch-mode.in-game .hud-bottom .level{display:block;background:none;border:0;width:85px;padding:0}.touch-mode.in-game .level b{font-size:8px}.touch-mode.in-game .level small{display:none}.touch-mode.in-game .xp-track{margin:3px 0;height:3px}
.touch-mode.in-game .ability{width:min(260px,70%);padding:0;border:0;background:none;display:flex;flex-direction:column}.touch-mode.in-game .ability>span{display:none}.touch-mode.in-game .charge-track{height:4px;margin:2px 0}.touch-mode.in-game .ability small{font-size:9px}.touch-mode.in-game .stance{display:none}
.touch-mode.in-game #touchControls{position:static;inset:auto;grid-row:2;grid-column:1;display:flex;flex-direction:column;padding:6px 14px;background:#15221a;border-top:1px solid #405236;pointer-events:auto;min-height:0}
.touch-mode.in-game .touch-help{position:static;width:auto;margin:0 0 5px;font-size:10px;line-height:1.3}.touch-mode.in-game .touch-help br{display:none}
.touch-mode.in-game .touch-pad{position:static;inset:auto;display:flex;flex:1;width:100%;max-width:600px;align-items:center;justify-content:space-between;margin:0 auto;gap:8px}
.touch-mode.in-game #joystick{width:108px;height:108px}.touch-mode.in-game #stick{width:48px;height:48px}.touch-mode.in-game .touch-actions{flex-direction:row;gap:12px}.touch-mode.in-game #touchBlock{width:76px;height:76px}.touch-mode.in-game #touchAttack{width:94px;height:94px}
.touch-mode.in-game .controls-disabled .touch-pad>div{pointer-events:none}
.touch-mode.in-game .modal-card{width:min(400px,95%);padding:16px}.touch-mode.in-game #toast{top:60px;max-width:95%;white-space:normal}
@media(orientation:landscape){
 .touch-mode.in-game main{grid-template-rows:minmax(0,1fr);grid-template-columns:104px minmax(0,1fr) 104px;background:#15221a}
 .touch-mode.in-game .game-frame{grid-column:2;grid-row:1;grid-template-rows:44px minmax(0,1fr) 32px;border-left:1px solid #405236;border-right:1px solid #405236}
 .touch-mode.in-game #touchControls,.touch-mode.in-game .touch-pad{display:contents}
 .touch-mode.in-game .touch-help{display:none}
 .touch-mode.in-game #joystick{grid-column:1;grid-row:1;width:92px;height:92px;justify-self:center;align-self:center}
 .touch-mode.in-game .touch-actions{grid-column:3;grid-row:1;flex-direction:column;justify-self:center;align-self:center;gap:20px}
 .touch-mode.in-game #touchBlock{width:72px;height:72px}.touch-mode.in-game #touchAttack{width:88px;height:88px}
}
@media(orientation:landscape) and (max-width:700px){.touch-mode.in-game main{grid-template-columns:88px minmax(0,1fr) 88px}.touch-mode.in-game #joystick{width:80px;height:80px}.touch-mode.in-game #touchAttack{width:78px;height:78px}.touch-mode.in-game #touchBlock{width:66px;height:66px}.touch-mode.in-game .wave{display:none}}