/* ZORELO v2.3.0 - larger, fully visible game artwork + larger start controls */

/* Header artwork on every individual game: 30% larger and never cropped. */
.zorelo-v17-game-visual{
  width:338px!important;
  height:190px!important;
  padding:10px!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(255,255,255,.52)!important;
  border-radius:30px!important;
  overflow:hidden!important;
}
.zorelo-v17-game-visual img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:22px!important;
}
.zorelo-v15-game-subhead{
  grid-template-columns:338px minmax(0,1fr) auto!important;
  gap:34px!important;
  align-items:center!important;
}

/* The repeated artwork inside the start stage: 50% larger and always complete. */
.zo-intro-layout{
  width:min(1420px,100%)!important;
  grid-template-columns:minmax(0,1fr) minmax(520px,645px)!important;
  gap:64px!important;
  align-items:center!important;
}
.zo-intro-art{
  width:100%!important;
  height:368px!important;
  padding:12px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border:1px solid #dce6f1!important;
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:0 22px 46px rgba(24,54,120,.16)!important;
}
.zo-intro-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:24px!important;
}

/* Start buttons on every game: clearly about twice the visual size. */
.zo-start{
  min-width:180px!important;
  min-height:86px!important;
  padding:0 44px!important;
  border-radius:20px!important;
  font-size:1.34rem!important;
  line-height:1.15!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.zo-intro-copy .zo-start{margin-top:24px!important;}

/* Give the larger artwork enough room without making the whole stage feel empty. */
.zorelo-game-root,.zo-game{min-height:600px!important;}
.zo-game{padding:44px 42px!important;}

@media(max-width:1200px){
  .zorelo-v17-game-visual{width:286px!important;height:161px!important;}
  .zorelo-v15-game-subhead{grid-template-columns:286px minmax(0,1fr) auto!important;gap:26px!important;}
  .zo-intro-layout{grid-template-columns:minmax(0,1fr) minmax(430px,520px)!important;gap:38px!important;}
  .zo-intro-art{height:300px!important;}
}
@media(max-width:850px){
  .zorelo-v15-game-subhead{grid-template-columns:1fr!important;}
  .zorelo-v17-game-visual{width:100%!important;max-width:520px!important;height:245px!important;}
  .zo-intro-layout{grid-template-columns:1fr!important;gap:28px!important;}
  .zo-intro-art{width:100%!important;height:285px!important;order:-1!important;}
  .zo-start{min-width:170px!important;min-height:78px!important;font-size:1.2rem!important;}
  .zorelo-game-root,.zo-game{min-height:0!important;}
}
@media(max-width:560px){
  .zorelo-v17-game-visual{height:205px!important;}
  .zo-intro-art{height:230px!important;padding:8px!important;}
  .zo-game{padding:28px 18px!important;}
  .zo-start{width:100%!important;min-height:72px!important;padding:0 22px!important;}
}