/* Bálatologató – alapok */
:root {
  --sky: #9fdcf7;
  --ink: #4a3526;
  --wood: #a0673a;
  --wood-dark: #6b4222;
  --cream: #fffaf0;
  --pink: #f6a5b8;
  --pink-dark: #e07d97;
  --green: #6fbf4a;
  --yellow: #ffe14d;
  --btn: clamp(50px, 12vmin, 70px);
  --gap: clamp(6px, 1.6vmin, 12px);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body {
  margin: 0; height: 100%; overflow: hidden;
  background: var(--sky);
  font-family: 'Baloo 2', 'Trebuchet MS', system-ui, sans-serif;
  color: var(--ink);
  user-select: none; -webkit-user-select: none;
  touch-action: none;
  overscroll-behavior: none;
}

#scene { position: fixed; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }

svg { width: 100%; height: 100%; display: block; }

[hidden] { display: none !important; }