/* style.css — Base/reset styles: page, typography, scrollbars, global element defaults.
   Extracted verbatim from index.html (v4.96) lines 29–92; order preserved via main.css. */

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

    html,
    body {
      height: 100%;
      margin: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      background: var(--bg0);
      color: var(--text);
      font-size: 13px;
      overflow: hidden;
    }

    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }

    ::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, .14);
      border-radius: 8px;
    }

    ::-webkit-scrollbar-thumb:hover {
      background: rgba(255, 255, 255, .24);
    }

    ::-webkit-scrollbar-track {
      background: transparent;
    }

    .app {
      position: relative;
      height: 100vh;
      height: 100dvh;
      overflow: hidden;
    }

    .map-wrap {
      position: absolute;
      inset: 0;
      background: #0d1522;
      perspective: 1600px;
    }

    #tiltStage {
      position: absolute;
      inset: 0;
      transform-origin: 50% 62%;
      will-change: transform;
    }

    #map {
      position: absolute;
      inset: 0;
    }