.floating-lines-container {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.site-floating-lines {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  /* No CSS mask — masking a live WebGL layer is expensive */
  opacity: 0.92;
}

.site-floating-lines-canvas,
.check-floating-lines-canvas {
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: normal;
  opacity: 1;
  contain: strict;
}

html[data-theme="alt"],
html[data-theme="alt"] body {
  background:
    radial-gradient(ellipse 75% 55% at 68% 42%, rgba(148, 163, 184, 0.16), transparent 62%),
    radial-gradient(ellipse 55% 45% at 18% 78%, rgba(99, 102, 241, 0.14), transparent 55%),
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(255, 255, 255, 0.06), transparent 50%),
    #0a0a0e !important;
}

html[data-theme="alt"] body.floating-lines-paused {
  background:
    radial-gradient(ellipse 75% 55% at 68% 42%, rgba(148, 163, 184, 0.18), transparent 62%),
    radial-gradient(ellipse 55% 45% at 18% 78%, rgba(99, 102, 241, 0.12), transparent 55%),
    #0a0a0e !important;
}

/* FloatingLines disabled — ferrofluid + CSS fallback own the backdrop. */

html[data-theme="alt"] .site-floating-lines:not(.is-hidden) {
  visibility: visible;
}

html[data-theme="alt"] .site-floating-lines.is-hidden {
  visibility: hidden;
}

/* Kill blur/compositing over the animated canvas — main FPS killer */
html[data-theme="alt"] body.floating-lines-active,
html[data-theme="alt"] body.floating-lines-active * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-theme="alt"] body.floating-lines-active .card:not(.border-glow-card),
html[data-theme="alt"] body.floating-lines-active .panel .card:not(.border-glow-card),
html[data-theme="alt"] body.floating-lines-active .ocean-card,
html[data-theme="alt"] body.floating-lines-active .modal-content,
html[data-theme="alt"] body.floating-lines-active .verdict-panel,
html[data-theme="alt"] body.floating-lines-active .border-glow-card,
html[data-theme="alt"] body.floating-lines-active .auth-card {
  background: rgba(8, 10, 16, 0.94) !important;
}

html[data-theme="alt"] body.floating-lines-active .app-topbar,
html[data-theme="alt"] body.floating-lines-active .site-footer,
html[data-theme="alt"] body.floating-lines-active .rb-sidebar,
html[data-theme="alt"] body.floating-lines-active .card-nav {
  background: rgba(3, 4, 8, 0.96) !important;
}

html[data-theme="alt"] body.floating-lines-active .alt-pane {
  background: transparent !important;
}

html[data-theme="alt"] body.floating-lines-active #authScreen,
html[data-theme="alt"] body.floating-lines-active #appRoot,
html[data-theme="alt"] body.floating-lines-active .app-layout,
html[data-theme="alt"] body.floating-lines-active .app-main,
html[data-theme="alt"] body.floating-lines-active .app-main-scroll {
  background: transparent !important;
}

html[data-theme="alt"] #tab-check > .check-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  position: relative;
  z-index: 1;
  overflow: visible !important;
  border-radius: 0 !important;
}

html[data-theme="alt"] #tab-check > .check-card::after {
  display: none !important;
  content: none !important;
}

html[data-theme="alt"] #cardNavMount.card-nav-mount {
  position: sticky;
  top: 0;
  z-index: 120;
}

html[data-theme="alt"] body.floating-lines-active .rb-page-title,
html[data-theme="alt"] body.floating-lines-active .rb-page-desc,
html[data-theme="alt"] body.floating-lines-active .rb-breadcrumb,
html[data-theme="alt"] body.floating-lines-active .check-hero-title,
html[data-theme="alt"] body.floating-lines-active .check-hero-lead,
html[data-theme="alt"] body.floating-lines-active .check-hero-sub,
html[data-theme="alt"] body.floating-lines-active .auth-card h1,
html[data-theme="alt"] body.floating-lines-active .auth-tagline {
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.7);
}

/* Disable expensive border-glow layers while ribbons run */
html[data-theme="alt"] body.floating-lines-active .border-glow-card::before,
html[data-theme="alt"] body.floating-lines-active .border-glow-card::after,
html[data-theme="alt"] body.floating-lines-active .border-glow-card > .edge-light {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="alt"] .site-floating-lines {
    display: none !important;
  }
}