/* Dittuu unified background v2: pixel-identical wallpaper images, no re-generation. */
.scene {
  background-image:url('./dittuu-bg-desktop-exact.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
/* Retain readability without putting the text in an opaque glass box. */
.scene-shade {
  background:linear-gradient(90deg,rgba(16,12,26,.61) 0%,rgba(16,12,26,.32) 25%,rgba(16,12,26,.04) 53%,transparent 72%),linear-gradient(0deg,rgba(14,9,23,.25),transparent 22%)!important;
}
@media(max-width:780px){
  .scene {background-image:url('./dittuu-bg-mobile-exact.webp')!important;background-position:center center!important;background-size:cover!important;}
  .scene-shade {background:linear-gradient(0deg,rgba(18,11,28,.77) 0%,rgba(18,11,28,.44) 23%,transparent 49%)!important;}
}
/* Static Cloudflare staff.html uses a separate body / layout. */
html:not(:has(.scene)) { background:#171122!important; }
body:not(:has(.scene)) {
  min-height:100vh;
  background-color:#171122!important;
  background-image:linear-gradient(90deg,rgba(15,10,26,.65),rgba(15,10,26,.30)),url('./dittuu-bg-desktop-exact.webp')!important;
  background-position:center center,center center!important;
  background-size:cover,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
}
body:not(:has(.scene)) .landing-shell {background:transparent!important;}
@media(max-width:780px){
 body:not(:has(.scene)){
  background-image:linear-gradient(0deg,rgba(15,10,26,.65),rgba(15,10,26,.12)),url('./dittuu-bg-mobile-exact.webp')!important;
  background-attachment:scroll,scroll!important;
  background-position:center center,center center!important;
 }
}