/* Snake game styles */
body{background:#1a1f2e;color:#FAF9F5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.snake-container{max-width:760px;margin:48px auto;padding:28px;background:rgba(26,31,46,0.6);border-radius:12px;box-shadow:0 12px 36px rgba(2,6,23,0.6);text-align:center}
.snake-container h1{margin-bottom:6px}
.snake-container .lead{color:rgba(250,250,250,0.85);margin-bottom:14px}
.game-area{display:flex;gap:18px;align-items:flex-start;justify-content:center}
#snakeCanvas{background:#0b1220;border-radius:8px;border:6px solid rgba(255,255,255,0.03);box-shadow:inset 0 4px 18px rgba(2,6,23,0.6)}
.hud{display:flex;flex-direction:column;gap:8px;color:#cfe9ff;text-align:left;margin-left:12px;font-weight:600}
.controls{margin-top:14px}
.controls button{padding:10px 16px;margin:0 8px;border-radius:8px;border:none;background:linear-gradient(135deg,#5DA9FF,#2b8cff);color:#fff;cursor:pointer}
.controls button:active{transform:translateY(1px)}
.legend{margin-top:14px;color:#cfe9ff}
.legend .food{display:inline-block;padding:6px 8px;border-radius:6px;margin-left:8px;font-weight:600}
.legend .normal{background:#0f766e}
.legend .bonus{background:#dc2626}
.legend .speed{background:#f59e0b}
.legend .poison{background:#6b7280}
.note{margin-top:12px;color:rgba(250,250,250,0.7)}

.game-over-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:22px 28px;border-radius:12px;background:linear-gradient(135deg,rgba(0,0,0,0.6),rgba(26,31,46,0.85));color:#fff;z-index:10002;box-shadow:0 24px 60px rgba(2,6,23,0.7);display:none}
.game-over-overlay.show{display:block}
.game-over-overlay .title{font-size:22px;font-weight:800;margin-bottom:8px}
.game-over-overlay .sub{opacity:0.9}