/* Full-screen canvas game, scaled smoothly (not pixel art). Browser gestures are switched off so little
   fingers can't zoom, scroll, pull to refresh or open long-press menus by accident.
   The font is bundled with the game (fonts/), as the Apple TV can't fetch fonts. */
@font-face { font-family: 'Fredoka'; src: url('../fonts/Fredoka_500Medium.ttf') format('truetype'); font-weight: 500; font-display: block; }
@font-face { font-family: 'Fredoka'; src: url('../fonts/Fredoka_600SemiBold.ttf') format('truetype'); font-weight: 600; font-display: block; }
@font-face { font-family: 'Fredoka'; src: url('../fonts/Fredoka_700Bold.ttf') format('truetype'); font-weight: 700; font-display: block; }
html, body { margin: 0; height: 100%; background: #f7c7da; overflow: hidden; overscroll-behavior: none; touch-action: none;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; }
html { position: fixed; inset: 0; }
body { display: flex; align-items: center; justify-content: center; box-sizing: border-box;
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
canvas { display: block; flex: none; background: #ffe6ef; cursor: pointer; touch-action: none; outline: none;
  -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
#loading { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; color: #a07087;
  font: 600 32px Fredoka, system-ui, sans-serif; background: #ffe6ef; }