/* Polar only — neon-base color mask (Snow uses token conversion in theme-liquid-aurora.css). */

html[data-ui-theme="polar-neon"] body:not(.tomato-mode) .app-shell {
  isolation: isolate;
}

html[data-ui-theme="polar-neon"] body:not(.tomato-mode) .app-shell::before,
html[data-ui-theme="polar-neon"] body:not(.tomato-mode) .app-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 12000;
}

html[data-ui-theme="polar-neon"] body:not(.tomato-mode) .app-shell::before {
  mix-blend-mode: soft-light;
  background:
    radial-gradient(ellipse 90% 70% at 18% 8%, rgba(94, 234, 220, 0.28), transparent 62%),
    radial-gradient(ellipse 80% 60% at 82% 12%, rgba(138, 100, 255, 0.22), transparent 58%),
    linear-gradient(180deg, rgba(8, 14, 24, 0.55) 0%, rgba(4, 8, 16, 0.82) 100%);
  opacity: 0.92;
}

html[data-ui-theme="polar-neon"] body:not(.tomato-mode) .app-shell::after {
  z-index: 12001;
  mix-blend-mode: color;
  background: #0e1a2e;
  opacity: 0.42;
}

html[data-ui-theme="polar-neon"] body:not(.tomato-mode) .map-panel {
  position: relative;
  z-index: 0;
}

/* Dark — neon-base color mask on main shell only (My Page stays default neon) */

html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .app-shell {
  isolation: isolate;
}

html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .app-shell::before,
html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .app-shell::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 12000;
}

html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .app-shell::before {
  mix-blend-mode: soft-light;
  background:
    radial-gradient(ellipse 88% 68% at 14% 6%, rgba(120, 120, 120, 0.22), transparent 62%),
    radial-gradient(ellipse 76% 58% at 86% 10%, rgba(80, 80, 80, 0.18), transparent 58%),
    linear-gradient(180deg, rgba(18, 18, 18, 0.62) 0%, rgba(8, 8, 8, 0.88) 100%);
  opacity: 0.9;
}

html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .app-shell::after {
  z-index: 12001;
  mix-blend-mode: color;
  background: #1a1a1a;
  opacity: 0.44;
}

html[data-ui-theme="ultra-symbiosis"] body:not(.tomato-mode) .map-panel {
  position: relative;
  z-index: 0;
}