/*
 * tank.css — the sprite layer, ported from src/renderer/overlay/overlay.css.
 *
 * The app's transparent-window rules are gone: on a page the tank is an
 * ordinary element with a background. What survives is the positioning, the
 * pixelated scaling, the z-layers, and the cursor swap while food is in hand.
 */

.dt-sprite {
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  image-rendering: pixelated;
  pointer-events: none;
  border: none;
  box-shadow: none;
  will-change: transform;
}

/* Layers, not DOM order. The planting sits at 1 (site.css), behind all three,
 * so the tank's scenery never hides the thing the page is about. */
.dt-food {
  z-index: 2;
}

#shrimp {
  z-index: 3;
}

#carried {
  z-index: 5;
}

.dt-sprite.dt-hidden {
  display: none;
}

/* The pellet stands in for the pointer — the effect that reads as feeding. */
#tank.dt-feeding {
  cursor: none;
}

/* ...except over the copy and the buttons, which are still clickable UI. */
#tank.dt-feeding .dt-ui {
  cursor: default;
}

#tank.dt-feeding a.dt-ui,
#tank.dt-feeding button.dt-ui {
  cursor: pointer;
}