/* ZORELO v3.6.0 – layout consolidation / larger art / fewer frames */

/* --- HERO: keep all three columns inside the available width --- */
.zorelo-home-v14 .zorelo-v14-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(250px,.68fr) minmax(360px,.92fr)!important;
  gap:clamp(20px,2.2vw,38px)!important;
  width:100%!important;
  max-width:100%!important;
}
.zorelo-home-v14 .zorelo-v14-hero-copy,
.zorelo-home-v14 .zorelo-v14-emblem,
.zorelo-home-v14 .zorelo-v14-toplist{min-width:0!important;max-width:100%!important;}
.zorelo-home-v14 .zorelo-v14-toplist{width:100%!important;overflow:hidden!important;}
.zorelo-home-v14 .zorelo-v14-toprow{grid-template-columns:32px 34px minmax(0,1fr) minmax(46px,auto)!important;}
.zorelo-home-v14 .zorelo-v14-toprow .name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.zorelo-home-v14 .zorelo-v14-toprow .score{text-align:right!important;white-space:nowrap!important;}

/* --- HERO Z: use the generated Z, but make it feel like an emblem instead of a pasted square --- */
.zorelo-home-v14 .zorelo-v14-emblem.is-clean{min-height:330px!important;display:grid!important;place-items:center!important;}
.zorelo-home-v14 .zorelo-v14-badge{
  width:220px!important;height:220px!important;
  border-radius:42% 58% 46% 54% / 52% 44% 56% 48%!important;
  overflow:hidden!important;
  transform:rotate(-6deg)!important;
  filter:drop-shadow(0 26px 34px rgba(10,22,93,.24))!important;
  background:transparent!important;
}
.zorelo-home-v14 .zorelo-v14-badge img{
  width:116%!important;height:116%!important;
  margin:-8%!important;
  object-fit:cover!important;object-position:center!important;
  display:block!important;
  border-radius:inherit!important;
}
.zorelo-home-v14 .zorelo-v14-ring.ring-a{width:270px!important;height:270px!important;opacity:.58!important;}
.zorelo-home-v14 .zorelo-v14-ring.ring-b{display:none!important;}

/* --- WORLDS: 9 categories as a calm, symmetrical 3 x 3 grid --- */
.zorelo-home-v14 .zorelo-v14-worlds{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
}
.zorelo-home-v14 .zorelo-v14-world{min-height:250px!important;border-radius:26px!important;overflow:hidden!important;}
.zorelo-home-v14 .zorelo-v14-world .art{height:172px!important;min-height:172px!important;}
.zorelo-home-v14 .zorelo-v14-world .copy{min-height:78px!important;padding:13px 16px 15px!important;}
.zorelo-home-v14 .zorelo-v14-world .title{font-size:1.18rem!important;line-height:1.12!important;}
.zorelo-home-v14 .zorelo-v14-world .count{font-size:.95rem!important;}

/* --- GAME PAGE: one clean visual hierarchy instead of frame-inside-frame --- */
.zorelo-game-page-v14 .zorelo-v14-section.is-game-content{padding-top:28px!important;}
.zorelo-game-page-v14 .zorelo-v14-play-wrap{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.zorelo-game-page-v14 .zorelo-v14-play-wrap:before{display:none!important;}
.zorelo-game-page-v14 .zorelo-game-toolbar{
  margin:0 0 14px!important;
  padding:0!important;
  border-bottom:0!important;
}
.zorelo-game-page-v14 .zorelo-game-root{
  border:0!important;
  border-radius:30px!important;
  box-shadow:0 18px 48px rgba(30,58,118,.09)!important;
  min-height:600px!important;
}
.zorelo-game-page-v14 .zorelo-game-root:before{opacity:.28!important;}
.zorelo-game-page-v14 .zo-game{min-height:600px!important;padding:46px 48px!important;}

/* The second generated image should be a major part of the intro, not a small picture in a frame. */
.zorelo-game-page-v14 .zo-intro-layout{
  display:grid!important;
  grid-template-columns:minmax(360px,.86fr) minmax(500px,1.14fr)!important;
  gap:clamp(42px,5vw,78px)!important;
  align-items:center!important;
  width:min(1380px,100%)!important;
  margin:0 auto!important;
}
.zorelo-game-page-v14 .zo-intro-copy{max-width:none!important;min-width:0!important;}
.zorelo-game-page-v14 .zo-intro-art{
  width:100%!important;
  max-width:760px!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  padding:0!important;
  border:0!important;
  border-radius:30px!important;
  background:transparent!important;
  box-shadow:0 24px 58px rgba(31,61,127,.18)!important;
  overflow:hidden!important;
  transform:rotate(.35deg)!important;
}
.zorelo-game-page-v14 .zo-intro-art:after{display:none!important;}
.zorelo-game-page-v14 .zo-intro-art img{
  width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;
  border-radius:30px!important;
  background:transparent!important;
  display:block!important;
}
.zorelo-game-page-v14 .zo-intro-art:hover{transform:translateY(-3px) rotate(0)!important;}

/* Header art remains clear and generous without stacked outlines. */
.zorelo-game-page-v14 .zorelo-v17-game-visual{
  width:340px!important;height:205px!important;min-width:340px!important;
  padding:0!important;border:0!important;border-radius:25px!important;
  background:transparent!important;box-shadow:0 18px 42px rgba(14,31,95,.20)!important;
}
.zorelo-game-page-v14 .zorelo-v17-game-visual img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  border-radius:25px!important;background:transparent!important;
}

/* Remove secondary decorative frames where the section itself already defines the space. */
.zorelo-game-page-v14 .zorelo-leaderboard,
.zorelo-game-page-v14 .zorelo-game-explainer,
.zorelo-game-page-v14 .zorelo-v14-info-card{
  border:0!important;
  box-shadow:0 14px 36px rgba(36,64,126,.065)!important;
}
.zorelo-game-page-v14 .zorelo-game-tool{box-shadow:none!important;}

@media(max-width:1350px){
  .zorelo-home-v14 .zorelo-v14-hero-grid{grid-template-columns:minmax(0,1fr) minmax(220px,.58fr) minmax(320px,.82fr)!important;gap:18px!important;}
  .zorelo-home-v14 .zorelo-v14-badge{width:190px!important;height:190px!important;}
  .zorelo-home-v14 .zorelo-v14-ring.ring-a{width:240px!important;height:240px!important;}
  .zorelo-game-page-v14 .zo-intro-layout{grid-template-columns:minmax(320px,.9fr) minmax(440px,1.1fr)!important;gap:34px!important;}
}

@media(max-width:1050px){
  .zorelo-home-v14 .zorelo-v14-hero-grid{grid-template-columns:1fr 1fr!important;}
  .zorelo-home-v14 .zorelo-v14-hero-copy{grid-column:1/-1!important;}
  .zorelo-home-v14 .zorelo-v14-worlds{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;}
  .zorelo-game-page-v14 .zo-intro-layout{grid-template-columns:1fr!important;gap:28px!important;}
  .zorelo-game-page-v14 .zo-intro-art{max-width:760px!important;margin:0 auto!important;order:-1!important;}
  .zorelo-game-page-v14 .zorelo-v17-game-visual{width:290px!important;min-width:290px!important;height:180px!important;}
}

@media(max-width:780px){
  .zorelo-home-v14 .zorelo-v14-hero-grid{grid-template-columns:1fr!important;}
  .zorelo-home-v14 .zorelo-v14-emblem.is-clean{min-height:235px!important;}
  .zorelo-home-v14 .zorelo-v14-badge{width:160px!important;height:160px!important;}
  .zorelo-home-v14 .zorelo-v14-ring.ring-a{width:205px!important;height:205px!important;}
  .zorelo-home-v14 .zorelo-v14-worlds{grid-template-columns:1fr!important;gap:13px!important;}
  .zorelo-home-v14 .zorelo-v14-world{min-height:220px!important;}
  .zorelo-home-v14 .zorelo-v14-world .art{height:145px!important;min-height:145px!important;}
  .zorelo-game-page-v14 .zorelo-game-root,.zorelo-game-page-v14 .zo-game{min-height:470px!important;}
  .zorelo-game-page-v14 .zo-game{padding:28px 18px!important;}
  .zorelo-game-page-v14 .zo-intro-art{width:100%!important;aspect-ratio:4/3!important;border-radius:24px!important;}
  .zorelo-game-page-v14 .zo-intro-art img{border-radius:24px!important;}
  .zorelo-game-page-v14 .zorelo-v17-game-visual{width:100%!important;max-width:540px!important;min-width:0!important;height:auto!important;aspect-ratio:16/9!important;}
}

@media(prefers-reduced-motion:reduce){
  .zorelo-game-page-v14 .zo-intro-art{transform:none!important;}
}