/* Специфичные стили змейки (общая тема — в css/common.css) */
canvas#game{background:#0b101e}

/* Режимы */
.modes{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mode{
  display:flex;flex-direction:column;gap:3px;
  background:var(--panel);border:1px solid var(--line);color:var(--text);
  border-radius:14px;padding:10px 16px;cursor:pointer;min-width:120px;transition:.15s;
  font-family:inherit;
}
.mode b{font-size:15px}
.mode i{font-style:normal;font-size:11px;color:var(--muted)}
.mode:hover{transform:translateY(-1px);border-color:#3a4c74}
.mode.active{border-color:var(--accent);background:rgba(52,245,165,.08);box-shadow:0 0 18px rgba(52,245,165,.15)}
.mode.active b{color:var(--accent)}

/* Комбо */
.combo{
  align-self:center;
  background:rgba(255,209,102,.12);border:1px solid rgba(255,209,102,.45);
  color:var(--gold);font-weight:800;border-radius:999px;padding:6px 12px;font-size:14px;
  opacity:0;transform:scale(.8);transition:opacity .18s,transform .18s;
}
.combo.show{opacity:1;transform:scale(1)}
.combo.pop{animation:pop .25s ease}
@keyframes pop{40%{transform:scale(1.3)}}