/* PS2-style boot towers behind the game box, drawn on <canvas class="ps2-towers"> by
   scripts/gameTowers.js. Everything you'd want to tweak is here: the script reads these
   custom properties, so no JavaScript edits are needed. Colours are "R G B" with no commas. */

.ps2-towers {
  /* The field */
  --towers-spacing: 0.9;        /* distance between tower centres */
  --towers-width: 0.62;         /* tower width (keep below spacing so there are gaps) */
  --towers-max-height: 3;       /* tallest tower */
  --towers-min-height: 0.3;     /* shortest tower */
  --towers-gap-chance: 0.14;    /* 0 to 1, how many spots are left empty */
  --towers-breathe: 0.3;        /* how much towers rise and fall (0 = frozen heights) */

  /* The camera: looks down at the field and drifts across it */
  --towers-cam-height: 7;       /* higher = more top-down and smaller towers */
  --towers-cam-pitch: 62;       /* degrees of downward tilt: 90 is straight down, lower is flatter */
  --towers-drift-speed: 0.5;    /* how fast the camera moves forward */
  --towers-sway: 1.2;           /* side-to-side camera movement */
  --towers-zoom: 0.95;          /* field of view: higher = closer / more zoomed in */
  --towers-view-distance: 14;   /* how far ahead towers are drawn before they fade out */

  /* Floating glass cubes */
  --towers-cube-count: 6;       /* 0 to turn them off */
  --towers-cube-size: 0.55;
  --towers-cube-spin: 0.6;      /* tumbling speed */
  --towers-cube-color: 200 218 255;
  --towers-cube-refraction: 0.18; /* how much the glass magnifies/bends what is behind it, 0 = off */
  --towers-cube-shine: 1;         /* strength of the moving reflection highlight */

  /* Glowing dots (they cycle through the four colours below) */
  --towers-dot-count: 24;       /* 0 to turn them off */
  --towers-dot-size: 1.8;
  --towers-dot-speed: 1;        /* how fast they fly around */
  --towers-dot-roam: 1;         /* how far they fly from their home spot */
  --towers-dot-trail: 12;       /* trail length in segments, 0 = no trail */
  --towers-dot-1: 255 70 70;
  --towers-dot-2: 70 255 110;
  --towers-dot-3: 190 100 255;
  --towers-dot-4: 110 160 255;

  /* Look */
  --towers-opacity: 0.55;       /* overall brightness, so the game box stays readable */
  --towers-top: 205 228 255;
  --towers-front: 140 190 255;
  --towers-side: 60 105 215;
  --towers-bg-top: 2 4 11;
  --towers-bg-bottom: 7 18 51;

  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0; /* behind the game box, caption and scanlines */
  pointer-events: none;
}