/* ZORELO v1.7.0 – typography, complete game artwork and homepage editorial section */

/* Subpage headlines: noticeably calmer than v1.6, without shrinking normal content. */
.zorelo-v15-subhead{max-width:none!important;width:100%!important}
.zorelo-v15-subhead h1{font-size:clamp(2.35rem,3.45vw,3.75rem)!important;line-height:1!important;margin:4px 0 12px!important}
.zorelo-v15-subhead p{max-width:none!important;width:100%!important;font-size:1.18rem!important;line-height:1.58!important}
.zorelo-v15-game-subhead h1{font-size:clamp(2.3rem,3.4vw,3.65rem)!important;line-height:1!important}
.zorelo-v15-game-subhead p{max-width:none!important;width:100%!important;font-size:1.16rem!important;line-height:1.58!important}

/* Let text use the available line before wrapping. Avoid artificial narrow columns and hyphenation. */
.zorelo-home-v14 p,
.zorelo-games-page-v14 p,
.zorelo-game-page-v14 p,
.zorelo-leaderboards-page-v14 p,
.zorelo-stats-page-v14 p,
.zorelo-home-v14 h1,.zorelo-home-v14 h2,.zorelo-home-v14 h3,
.zorelo-games-page-v14 h1,.zorelo-games-page-v14 h2,.zorelo-games-page-v14 h3,
.zorelo-game-page-v14 h1,.zorelo-game-page-v14 h2,.zorelo-game-page-v14 h3,
.zorelo-leaderboards-page-v14 h1,.zorelo-leaderboards-page-v14 h2,.zorelo-leaderboards-page-v14 h3,
.zorelo-stats-page-v14 h1,.zorelo-stats-page-v14 h2,.zorelo-stats-page-v14 h3,
.zorelo-card-desc,.zorelo-card-title,.zorelo-v14-world .title{
  max-width:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-wrap:wrap!important;
}
.zorelo-v14-featured .zorelo-card-desc,
.zorelo-v14-all-grid .zorelo-card-desc,
.zorelo-v14-related-grid .zorelo-card-desc{
  display:block!important;
  -webkit-line-clamp:unset!important;
  overflow:visible!important;
}

/* Every game now has artwork. Keep image areas consistent and useful everywhere. */
.zorelo-v14-featured .zorelo-card-art-image,
.zorelo-v14-all-grid .zorelo-card-art-image,
.zorelo-v14-related-grid .zorelo-card-art-image{
  object-fit:cover!important;
  object-position:center!important;
}
.zorelo-v14-featured .zorelo-card.has-image .zorelo-card-art,
.zorelo-v14-all-grid .zorelo-card.has-image .zorelo-card-art,
.zorelo-v14-related-grid .zorelo-card.has-image .zorelo-card-art{
  background:#eef3ff!important;
}

/* Individual game pages reuse the same game artwork instead of a generic icon. */
.zorelo-v17-game-visual{
  width:190px!important;
  height:112px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  display:block!important;
  box-shadow:0 12px 28px rgba(17,43,111,.16)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  background:rgba(255,255,255,.12)!important;
}
.zorelo-v17-game-visual img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.zorelo-v15-game-subhead{grid-template-columns:190px minmax(0,1fr) auto!important;align-items:center!important}

/* Category descriptions and explainer copy should use the room they have. */
.zorelo-v14-game-group p,
.zorelo-v14-ranking-group p,
.zorelo-game-explainer p,
.zorelo-v14-info-card p{max-width:none!important;width:100%!important}

/* Homepage editorial area requested for a fuller explanation of what users can play. */
.zorelo-home-text-section{background:linear-gradient(180deg,#f7f9fd 0%,#ffffff 100%)!important;padding-top:46px!important;padding-bottom:54px!important;border-top:1px solid #e5ebf5!important}
.zorelo-home-text-intro{max-width:1240px;margin:0 0 28px}
.zorelo-home-text-intro h2{font-size:clamp(2rem,2.7vw,3rem)!important;line-height:1.08!important;color:#16346d!important;margin:7px 0 16px!important}
.zorelo-home-text-intro p{font-size:1.12rem!important;line-height:1.72!important;color:#50617d!important;margin:0!important}
.zorelo-home-text-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.zorelo-home-text-grid article{background:#fff;border:1px solid #dfe7f3;border-radius:24px;padding:28px 30px;box-shadow:0 8px 24px rgba(35,62,122,.045)}
.zorelo-home-text-grid h2{font-size:1.62rem!important;line-height:1.16!important;color:#173b7a!important;margin:0 0 13px!important}
.zorelo-home-text-grid p{font-size:1.04rem!important;line-height:1.7!important;color:#52617d!important;margin:0 0 13px!important}
.zorelo-home-text-grid p:last-child{margin-bottom:0!important}

/* Slightly more room for card body text now that descriptions are not clipped. */
.zorelo-v14-featured .zorelo-card,
.zorelo-v14-all-grid .zorelo-card,
.zorelo-v14-related-grid .zorelo-card{min-height:390px!important}
.zorelo-v14-featured .zorelo-card-body,
.zorelo-v14-all-grid .zorelo-card-body,
.zorelo-v14-related-grid .zorelo-card-body{padding:18px 19px 17px!important}

@media(max-width:1100px){
  .zorelo-v15-game-subhead{grid-template-columns:160px minmax(0,1fr)!important}
  .zorelo-v17-game-visual{width:160px!important;height:98px!important}
  .zorelo-v15-game-subhead .duration{grid-column:1/-1!important;justify-self:start!important}
  .zorelo-home-text-grid{grid-template-columns:1fr!important}
}

@media(max-width:680px){
  .zorelo-v15-subhead h1{font-size:2.15rem!important}
  .zorelo-v15-game-subhead h1{font-size:2.1rem!important}
  .zorelo-v15-subhead p,.zorelo-v15-game-subhead p{font-size:1.02rem!important}
  .zorelo-v15-game-subhead{grid-template-columns:1fr!important}
  .zorelo-v17-game-visual{width:100%!important;height:150px!important;max-width:360px!important}
  .zorelo-home-text-section{padding-top:34px!important;padding-bottom:38px!important}
  .zorelo-home-text-grid article{padding:22px 20px!important;border-radius:20px!important}
  .zorelo-home-text-grid h2{font-size:1.42rem!important}
  .zorelo-home-text-grid p,.zorelo-home-text-intro p{font-size:1rem!important}
}