/* style.css — Vine Climber */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: #0a0a1a;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

body {
  font-family: ui-monospace, 'SF Mono', Consolas, 'Courier New', monospace;
  color-scheme: dark;
}

canvas {
  display: block;
  width: 100vw;
  height: 100vh;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  touch-action: none;
}

/* Theme support */
:root {
  --bg: #0a0a1a;
  --text: #ffffff;
  --accent: #ff66aa;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #e8e0f0;
    --text: #1a1a2e;
    --accent: #cc4488;
  }
  body { color-scheme: light; }
}

html[data-theme="dark"] {
  --bg: #0a0a1a;
  --text: #ffffff;
  --accent: #ff66aa;
  color-scheme: dark;
}

html[data-theme="light"] {
  --bg: #e8e0f0;
  --text: #1a1a2e;
  --accent: #cc4488;
  color-scheme: light;
}

canvas:focus {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}