html, body {
    margin: 0; padding: 0; background: #1a1a2e; overflow: hidden;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    width: 100%; height: 100%;
  }
  #game-container { display:flex; justify-content:center; align-items:center; width:100vw; height:100vh; }
  canvas { max-width: 100%; max-height: 100%; image-rendering: pixelated; image-rendering: crisp-edges; }
  #fullscreen-btn {
    position: fixed; top: 10px; right: 10px; z-index: 10;
    background: #000000aa; color: #fff; border: 2px solid #ffffff55;
    border-radius: 6px; padding: 6px 12px; font-family: 'Trebuchet MS', sans-serif;
    font-size: 13px; cursor: pointer;
  }
  #fullscreen-btn:hover { background: #000000dd; }
  /* Intro cinematic lettering (js/intro-cinematic-scene.js) — Pixel Operator Mono 8 Bold, CC0. */
  @font-face {
    font-family: 'PixelOperatorMono8';
    src: url('../assets/ui/fonts/pixel-operator-mono8-bold.ttf') format('truetype');
    font-display: block;
  }
  /* UI windows (js/ui-windows.js): Reactor7 (Caveras, CC BY-NC-SA 3.0, see
     assets/ui/fonts/reactor7-LICENSE.txt) for dialogue/body text, Pixeloid Sans
     Bold (GGBotNet, SIL OFL) for gold titles. Pixel fonts at 16px multiples. */
  @font-face { font-family: 'Reactor7'; src: url('../assets/ui/fonts/reactor7.ttf') format('truetype'); font-display: block; }
  @font-face { font-family: 'PixeloidSansBold'; src: url('../assets/ui/fonts/pixeloid-sans-bold.ttf') format('truetype'); font-display: block; }