/* ═══════════════════════════════════════════════════════════════════════════
   BASE — CSS variables, reset, html/body
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  --pixel: 4px;
  --sky: #1a0533;
  --sky2: #0d0221;
  --neon-green: #39ff14;
  --neon-pink: #ff2d78;
  --neon-cyan: #00f5ff;
  --neon-yellow: #ffe600;
  --neon-purple: #bf00ff;
  --ground: #0a1628;
  --grass: #1a472a;
  --dirt: #3d2b1f;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: none;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--sky2);
}