/* public/css/bg-snake.css - Classic Snake (autonomous, multi-snake) */
.kq-bg-snake-overlay {
  position: absolute;
  inset: 0;
  left: 0; top: 0;
  width: 100%;
  height: 100%;
  z-index: 0 !important;               /* behind content */
  pointer-events: none !important;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kq-bg-snake-overlay[data-kq-bg-auto="1"] {
  position: absolute; }

/* attached mode is absolute inside attachEl */
.kq-bg-snake-overlay[data-kq-bg-attached="1"] { position: absolute; }

/* canvas fills the overlay */
.kq-bg-snake-overlay .kq-bg-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display:block;
  pointer-events: none;
  opacity: 1; /* make drawing consistent and not dim content */
  background: transparent;
}

/* small cell-grid "board" accent */
.kq-bg-snake-overlay .kq-bg-grid {
  position: absolute;
  inset: 0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:0;
}

/* ensure content remains above overlay */
.kq-bg-section .kq-bg-content,
.kq-leaderboard {
  position: relative;
  z-index: 100 !important;
}

/* mobile tweak */
@media (max-width:760px){
  .kq-bg-snake-overlay .kq-bg-canvas { opacity: 1; }
}