/**
 * AI-themed doodle background
 * Add class "ai-doodle-bg" to body for subtle, page-compatible background
 */
body.ai-doodle-bg {
  position: relative;
}

body.ai-doodle-bg::before {
  content: '';
  position: fixed;
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../assets/ai-doodle-bg.svg');
  background-repeat: repeat;
  background-size: 260px 260px;
  background-position: 0 0;
  opacity: 0.4;
  pointer-events: none;
  z-index: 0;
}

/* Keep page content above the doodle layer (do NOT target overlays — they must stack above) */
/* Exclude fixed tooltips (e.g. #shai-hover-hint) — giving them position:relative breaks position:fixed
   and injects them into document flow, causing a second scrollbar on hover. */
body.ai-doodle-bg > *:not(.pp-modal):not(.mode-overlay):not(.shai-hover-hint) {
  position: relative;
  z-index: 1;
}