.snake-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(100%,500px)}.snake-meta>div{display:flex;gap:8px}.snake-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:2px;width:min(100%,500px);aspect-ratio:1;padding:7px;border:1px solid rgba(139,167,255,.18);border-radius:15px;background:rgba(5,11,29,.82)}.snake-cell{min-width:0;border-radius:3px;background:rgba(47,62,108,.28)}.snake-cell.is-snake{background:#78b9ff;box-shadow:0 0 6px rgba(105,169,255,.3)}.snake-cell.is-head{background:#dcecff;box-shadow:0 0 9px rgba(157,202,255,.65)}.snake-cell.is-food{border-radius:50%;background:#fff4a8;box-shadow:0 0 10px rgba(255,230,111,.75)}.snake-direction-pad{flex:0 0 auto}@media(max-width:620px){.snake-grid{width:min(100%,390px);gap:1px;padding:5px}.snake-meta{align-items:flex-start}.snake-meta>div{flex-direction:column}.snake-meta button{padding:8px 10px}}