/*
 * Pre-mount splash styles. Kept as an EXTERNAL stylesheet on purpose: any
 * inline <style> element in an HTML file Tauri serves makes Tauri append a
 * runtime nonce to the CSP's style-src, which per the CSP spec disables
 * 'unsafe-inline' for the whole document — silently breaking every library
 * that injects runtime <style> tags (NumberFlow, sonner, addon CSS, ...) in
 * packaged builds only. Do not move these rules back inline.
 */

/* Prevent mobile viewport bouncing */
html,
body {
  touch-action: pan-x pan-y;
  overscroll-behavior: none;
}

/* Simulate a Splash screen before react app mount */
body {
  background-color: #09090b;
  background-image: url("/logo-gold.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100px auto;
  background-attachment: fixed;
}

/*
 * Ensure root content sits above the background. NOTE: the z-index here pairs
 * with the addon parking layer's z-index in addon-iframe-manager.ts
 * (getParkingRoot) — if this changes, that must too.
 */
#root {
  position: relative;
  z-index: 1;
  background-color: transparent;
}