/* Mobile battle layout and drag usability overrides. */
.board{touch-action:none!important;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.board *{touch-action:none!important;-webkit-user-drag:none}
.drag-cursor{position:absolute;z-index:30;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid rgba(255,235,133,.95);border-radius:50%;background:rgba(88,219,198,.3);box-shadow:0 0 0 5px rgba(255,224,109,.16),0 2px 8px rgba(0,0,0,.35);pointer-events:none;opacity:0;transform:scale(.65);transition:opacity .08s,transform .08s}
.drag-cursor.visible{opacity:1;transform:scale(1)}
.board.dragging .cell{transition:none}
@media (max-width:760px){
  .game-layout{padding:5px 6px 84px}
  .hud-left{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:3px 6px;padding:5px 7px}
  .hud-head{grid-column:1;grid-row:1;font-size:13px}
  .hud-chapter{display:none}
  .hero-health{grid-column:2;grid-row:1;grid-template-columns:27px auto;padding:2px 5px;gap:3px;background:transparent}
  .hero-health img{width:27px;height:27px}
  .hero-health small{display:none}
  .heart{font-size:13px}
  .hearts{margin:0}
  .stat-cards{grid-column:1/-1;grid-row:2;gap:3px}
  .stat-cards div{padding:3px 5px}
  .stat-cards small{font-size:8px}
  .stat-cards b{font-size:12px}
  .phase-card{grid-column:1/-1;grid-row:3;padding:4px 6px}
  .phase-card strong{display:inline;margin-left:6px;font-size:13px}
  .phase-track{height:6px;margin-top:3px}
  .battle-top{margin-top:2px;min-height:38px;padding:1px 3px 3px}
  .board{width:min(94vw,calc(100dvh - 238px));height:min(94vw,calc(100dvh - 238px));min-width:278px;min-height:278px;gap:2px;padding:5px}
  .cell{border-radius:8px}
  .cell.selected{transform:scale(.95);box-shadow:inset 0 0 0 3px #ffe06d,0 0 10px rgba(255,224,109,.38)}
}