/* Slovra V6 Part 7.6 — home scroll performance pass
   Paint/composite cost is reduced without removing home features. */

/* Sticky live blur was the biggest scroll repaint surface on Home. */
#screen-home .game-header{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#1b1b1e!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
body.light-mode #screen-home .game-header,
body.light #screen-home .game-header,
html[data-theme="light"] #screen-home .game-header{
  background:#f8f7fb!important;
  box-shadow:0 8px 20px rgba(42,45,58,.10)!important;
}

/* One continuous cheap canvas. The previous performance pass painted Home inside
   the centered app shell while the viewport kept the old colorful body background,
   which created visible side/band seams. Use the same flat canvas everywhere. */
html,
body{
  background:#121214!important;
  background-image:none!important;
  background-attachment:scroll!important;
}
#app-container{
  background:transparent!important;
  background-image:none!important;
}
#screen-home{
  background:#121214!important;
  background-image:none!important;
}
body.light-mode,
body.light,
html[data-theme="light"],
html[data-theme="light"] body{
  background:#f5f4f7!important;
  background-image:none!important;
  background-attachment:scroll!important;
}
body.light-mode #app-container,
body.light #app-container,
html[data-theme="light"] #app-container{
  background:transparent!important;
  background-image:none!important;
}
body.light-mode #screen-home,
body.light #screen-home,
html[data-theme="light"] #screen-home{
  background:#f5f4f7!important;
  background-image:none!important;
}

/* Keep visible cards simple: no costly live filters or oversized shadows. */
#screen-home .hero-banner,
#screen-home .slovra-static-hero-card,
#screen-home .slovra-simple-focus,
#screen-home .slovra-home-preview,
#screen-home .slovra-tool-dock,
#screen-home .slovra-preview-unit,
#screen-home #v21-feature-panel.p64-tool-rail,
#screen-home #v21-feature-panel.p64-tool-rail .home-feature-grid,
#screen-home #v21-feature-panel.p64-tool-rail .home-feature-tile,
#screen-home #v21-feature-panel.p64-tool-rail .home-feature-icon{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  will-change:auto!important;
}
#screen-home .slovra-simple-focus,
#screen-home .slovra-preview-unit,
#screen-home .slovra-tool-dock{
  box-shadow:none!important;
}

/* Keep layout isolation, but do not use paint/content-visibility containment on
   the Home bands. Paint containment clipped/segmented the continuous background. */
#screen-home .slovra-home-preview,
#screen-home #v21-feature-panel.p64-tool-rail,
#screen-home #v21-feature-panel.p64-tool-rail .home-feature-grid{
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
  contain:layout style!important;
}

/* Tool rail stays colorful but uses flat cheap surfaces. */
#screen-home #v21-feature-panel.p64-tool-rail .home-feature-icon,
#screen-home #v21-feature-panel.p64-tool-rail #slovra-simple-classes .home-feature-icon{
  background:rgba(167,124,255,.10)!important;
  border:1px solid rgba(167,124,255,.24)!important;
  box-shadow:none!important;
  transition:none!important;
}
#screen-home #v21-feature-panel.p64-tool-rail .home-feature-tile:hover .home-feature-icon{
  transform:none!important;
  box-shadow:none!important;
}

/* Home does not need ambient animations while the user is scrolling. */
#screen-home .overall-progress-fill,
#screen-home .slovra-preview-skeleton,
#screen-home .focusflight-home-resume::after{
  animation:none!important;
}
#screen-home .focusflight-home-resume::after{display:none!important;content:none!important}
#screen-home .focusflight-home-resume{box-shadow:none!important}

/* Isolate the main blocks so changes in one do not invalidate the whole home layout. */
#screen-home .hero-banner-container,
#screen-home .slovra-simple-home{
  contain:layout style;
}

@media(max-width:720px){
  #screen-home .game-header{box-shadow:0 5px 14px rgba(0,0,0,.14)!important}
  body.light-mode #screen-home .game-header,
  body.light #screen-home .game-header,
  html[data-theme="light"] #screen-home .game-header{box-shadow:0 5px 14px rgba(42,45,58,.08)!important}
}