/* Base shell — reset, wallpaper, safe areas. See docs/BUILD-SPEC.md §2, §3, §7. */

* {
  margin: 0; padding: 0; box-sizing: border-box;
  -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
}
html { height: 100%; }
body {
  height: 100%;
  background: #000; color: #fff;
  overscroll-behavior: none;
  font-family: -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

/* Jack's wallpaper. Drop the real file at app/assets/wallpaper.jpg to replace the stand-in.
   Gradient fallback approximates the sunset so it never looks broken. */
#wallpaper {
  position: fixed; inset: 0; z-index: 0;
  background:
    linear-gradient(180deg, #1a2740 0%, #7a3b2e 42%, #d8632b 60%, #f2a13a 70%, #2a1a12 100%);
  background-image: url("../assets/wallpaper.jpg");
  background-size: cover; background-position: center;
}

#stage {
  position: fixed; inset: 0; z-index: 2;
  /* iOS draws the real system status bar over the top in standalone mode;
     screens that need to avoid it use var(--safe-top). */
}

/* Scrollable spacer only matters pre-install (Safari). Harmless once standalone. */
#spacer { position: absolute; top: 0; left: 0; width: 1px; height: 118dvh; z-index: -1; }

/* Prevent iOS pinch-zoom flicker */
:root { touch-action: manipulation; }