/* ===================================================================
   BRAIN ROT RUNNER - styles
   Full-screen canvas, no scroll, black bg, ad banner pinned to bottom.
   =================================================================== */

/* Expose the top safe-area inset as a CSS var so game.js can offset the HUD
   below a notch / status bar (read in resize()). */
:root {
  --sat: env(safe-area-inset-top, 0px);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;            /* no scrollbars, ever */
  background: #000;
  /* Kill mobile tap highlights / text selection / callouts */
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  overscroll-behavior: none;   /* stop pull-to-refresh / bounce */
  touch-action: none;          /* stop scroll/zoom gestures on the page */
  font-family: 'Trebuchet MS', 'Comic Sans MS', Impact, system-ui, sans-serif;
}

body {
  display: flex;
  flex-direction: column;
  /* Use the dynamic viewport unit when supported so mobile browser chrome
     (address bar) doesn't crop the game; fall back to vh. */
  height: 100vh;
  height: 100dvh;
}

/* Game fills all space above the ad banner */
#game-container {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;               /* allow flex child to shrink correctly */
  width: 100%;
  background: #000;
  overflow: hidden;
}

#game {
  display: block;
  width: 100%;
  height: 100%;
  touch-action: none;
  background: #000;
}