/* V21: bookshelf-only scene background replacement.
   Uses the user-approved vertical magic library scene at its natural aspect ratio.
   The image covers the whole viewport, including the safe-area background;
   content remains padded by env(safe-area-inset-*), so only the artwork extends underneath. */
:root{
  --shelf-scene-top:#170b4f;
}

/* Fallback behind iOS status/safe-area chrome. The actual shelf scene paints above it. */
html,body{
  background-color:var(--shelf-scene-top)!important;
}

#studentLibrary[data-view="shelf"]{
  background-color:var(--shelf-scene-top)!important;
  background-image:url('./shelf_library_bg_v21.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:cover!important;
}