/* Wachtel-Ausbruch – Stil der Webseite (aus index.html, werkzeuge/baue-web.js) */
/* Fredoka (SIL Open Font License, schrift/OFL.txt) als Datei statt von Google Fonts */
@font-face {
  font-family: 'Fredoka'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('schrift/fredoka.woff2') format('woff2');
}
/* Eine Leinwand über den ganzen Bildschirm; Knöpfe, Texte und Steuerung zeichnet js/spiel.js.
   Bewusst nur ein dunkles Stall-Aussehen, unabhängig vom Hell/Dunkel-Modus. */
:root { --grund: #0e0905; --creme: #f6ead0; color-scheme: dark; }
html, body { height: 100%; }
body {
  background: var(--grund); color: var(--creme); overflow: hidden; overscroll-behavior: none;
  user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
#buehne {
  position: fixed;
  top: env(safe-area-inset-top, 0px); bottom: env(safe-area-inset-bottom, 0px);
  left: env(safe-area-inset-left, 0px); right: env(safe-area-inset-right, 0px);
}
#spiel {
  display: block; width: 100%; height: 100%; outline: none;
  touch-action: none; user-select: none; -webkit-user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
}
noscript p { padding: 16px; font-family: system-ui, sans-serif; }