/* V65 – touchfreundliche Snake-Steuerung für iPad/Handy */
.snake-controls{
  grid-template-columns:repeat(3,78px)!important;
  grid-template-rows:repeat(2,64px)!important;
  gap:10px!important;
  margin:16px auto 0!important;
  touch-action:manipulation;
  -webkit-user-select:none;
  user-select:none;
}
.snake-control{
  min-width:78px;
  min-height:64px;
  border-radius:16px!important;
  font-size:1.8rem!important;
  line-height:1!important;
  box-shadow:0 5px 12px rgba(24,64,43,.10);
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
.snake-control:active,.snake-control.is-pressed{
  transform:scale(.94);
  background:#e8f5ed!important;
}
#snakeCanvas{
  touch-action:none!important;
  -webkit-user-select:none;
  user-select:none;
  overscroll-behavior:contain;
}
.snake-message::before{content:"👆 ";}
@media (pointer:coarse), (max-width:760px){
  .snake-wrap{width:min(100%,560px)!important}
  .snake-controls{
    grid-template-columns:repeat(3,86px)!important;
    grid-template-rows:repeat(2,70px)!important;
    gap:11px!important;
  }
  .snake-control{min-width:86px;min-height:70px;font-size:2rem!important}
}
@media (max-width:360px){
  .snake-controls{grid-template-columns:repeat(3,76px)!important;grid-template-rows:repeat(2,64px)!important}
  .snake-control{min-width:76px;min-height:64px}
}