/* Zvířátková dílna — AI illustrations of the world (docs/ILLUSTRACE.md)
   js/world-art.js adds .has-art / .has-world-bg only when the image exists. */

/* Home: the illustration fills the card, the name sits on a soft shade at the bottom */
#home .mode.has-art{
  background:var(--art) center/cover no-repeat,var(--g);
}
#home .mode.has-art::before{
  background:
    radial-gradient(circle at 15% 3%,rgba(255,255,255,.28),transparent 40%),
    linear-gradient(180deg,rgba(40,26,64,0) 38%,rgba(40,26,64,.46) 100%);
}
#home .mode.has-art .mode-art{display:none}
#home .mode.has-art .mode-txt{margin-top:auto}
#home .mode.wide.has-art{align-items:flex-end}
#home .mode.has-art .mode-name,
#home .mode.has-art .mode-sub{text-shadow:0 2px 6px rgba(30,18,48,.55)}

/* Landscape cards are short: shade the left side instead of the bottom */
@media (orientation:landscape) and (max-height:520px){
  #home .mode.has-art::before{
    background:linear-gradient(90deg,rgba(40,26,64,.5) 0%,rgba(40,26,64,.18) 55%,rgba(40,26,64,0) 80%);
  }
  #home .mode.has-art .mode-txt{margin-top:0}
  #home .mode.wide.has-art{align-items:center}
}