.snake-page .game-panel { display: grid; gap: 1rem; }
.snake-ui { border: 1px solid rgba(132, 173, 255, 0.42); border-radius: 1.1rem; padding: 1rem; background: radial-gradient(circle at 15% 0%, rgba(37,236,255,0.22), transparent 32%), radial-gradient(circle at 84% 10%, rgba(255,79,198,0.18), transparent 30%), linear-gradient(160deg, rgba(20,48,86,0.95), rgba(14,20,56,0.9)); }
.snake-topbar { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .6rem; align-items: center; }
.snake-stat { border: 1px solid rgba(132, 173, 255, 0.42); border-radius: .8rem; background: rgba(18, 30, 77, 0.56); padding: .55rem .7rem; display:grid; gap:.25rem; }
.snake-stat span { font-size:.72rem; letter-spacing:.06em; text-transform:uppercase; color: #d2f7ff; }
.snake-stat strong { font-family:"Orbitron",system-ui,sans-serif; font-size:1.02rem; }
.snake-hint { margin:.8rem 0 0; color: #c8e9ff; font-size:.9rem; }
.snake-canvas-wrap { margin-top:.95rem; border:1px solid rgba(132, 173, 255, 0.42); border-radius:.95rem; padding:.5rem; background: linear-gradient(150deg, rgba(206,224,255,.11), rgba(255,255,255,.03)), linear-gradient(150deg, rgba(20,58,92,.76), rgba(18,26,68,.78)); }
#snakeCanvas { display:block; width:100%; max-width:420px; margin:0 auto; border-radius:.8rem; touch-action:none; }
#snakeCanvas,
.snake-ui,
.snake-canvas-wrap {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.snake-controls { margin-top:.85rem; display:grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap:.55rem; }
.snake-controls button { border:1px solid rgba(132,173,255,.52); border-radius:.65rem; background: rgba(21,35,86,.62); color:#efffff; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:.86rem; padding:.52rem; }
.snake-controls button:active { background: rgba(37,236,255,.24); }
@media (max-width:980px){ .snake-page .game-panel { padding:.8rem; } }
@media (max-width:720px){ .snake-topbar { grid-template-columns:repeat(2,minmax(0,1fr)); } .snake-hint { font-size:.84rem; } .snake-controls { grid-template-columns: repeat(3,minmax(0,1fr)); } }