/* Minimal background overlay — only the subtle bottom grid.
   HUD corners and floating formulas removed (UI audit). */

.fx-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
  user-select: none;
}

.fx-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(oklch(55% 0.16 285 / 0.025) 1px, transparent 1px),
    linear-gradient(90deg, oklch(55% 0.16 285 / 0.025) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse at center bottom, black 0%, transparent 70%);
  -webkit-mask-image: radial-gradient(ellipse at center bottom, black 0%, transparent 70%);
}

.app-shell { position: relative; z-index: 1; }