/* ZORELO v3.9.0 – larger play typography, cleaner progress copy, richer colour system */

/* Progress / round labels: larger, spaced and readable. */
.zorelo-game-page-v14 .zo-timer,
.zorelo-game-page-v14 .zo-progress-copy,
.zorelo-game-page-v14 .zo-game > .zorelo-kicker{
  font-size:1.15rem!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  color:color-mix(in srgb,var(--zo-theme) 82%,#1f2f59)!important;
}
.zorelo-game-page-v14 .zo-progress-copy{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.38em!important;
  padding:13px 19px!important;
  border:1px solid color-mix(in srgb,var(--zo-theme) 18%,#d8e0ee)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 25px rgba(32,48,94,.07)!important;
}
.zorelo-game-page-v14 .zo-progress-copy strong{
  font:inherit!important;
  color:#172d64!important;
}

/* Make the actual game feel larger and more colourful, without reducing clarity. */
.zorelo-game-page-v14 .zorelo-game-root{
  background:
    radial-gradient(circle at 8% 14%,color-mix(in srgb,var(--zo-theme) 13%,transparent),transparent 28%),
    radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--zo-theme2) 16%,transparent),transparent 28%),
    linear-gradient(145deg,#fff 0%,color-mix(in srgb,var(--zo-theme-soft) 62%,#fff) 100%)!important;
}
.zorelo-game-page-v14 .zo-game{
  position:relative!important;
  isolation:isolate!important;
  min-height:560px!important;
  padding:46px 42px!important;
}
.zorelo-game-page-v14 .zo-game:before,
.zorelo-game-page-v14 .zo-game:after{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:999px;
  filter:blur(2px);
  opacity:.46;
}
.zorelo-game-page-v14 .zo-game:before{
  width:220px;height:220px;
  left:-72px;bottom:-80px;
  background:color-mix(in srgb,var(--zo-theme) 16%,transparent);
}
.zorelo-game-page-v14 .zo-game:after{
  width:180px;height:180px;
  right:-54px;top:-50px;
  background:color-mix(in srgb,var(--zo-theme2) 16%,transparent);
}

/* Questions and task statements should be the visual focus. */
.zorelo-game-page-v14 .zo-question{
  width:min(1050px,100%)!important;
  padding:30px 34px!important;
  border:1px solid color-mix(in srgb,var(--zo-theme) 16%,#dce4f0)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.93)!important;
  box-shadow:0 18px 42px rgba(27,43,91,.08)!important;
  font-size:clamp(2rem,3.5vw,3.15rem)!important;
  line-height:1.15!important;
  color:#11265a!important;
}
.zorelo-game-page-v14 .zo-game h2{
  font-size:clamp(2.25rem,3.7vw,3.5rem)!important;
  line-height:1.1!important;
  color:#12285e!important;
}
.zorelo-game-page-v14 .zo-game p,
.zorelo-game-page-v14 .zo-note{
  font-size:1.18rem!important;
  line-height:1.62!important;
}

/* Answers: much larger touch targets and stronger colour cues. */
.zorelo-game-page-v14 .zo-choice,
.zorelo-game-page-v14 .zo-duel button,
.zorelo-game-page-v14 .zo-option-grid button,
.zorelo-game-page-v14 .zo-choice-grid button,
.zorelo-game-page-v14 .zo-poll-option{
  min-height:76px!important;
  padding:17px 23px!important;
  border:1px solid color-mix(in srgb,var(--zo-theme) 20%,#d8e0ed)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--zo-theme-soft) 64%,#fff))!important;
  color:#14295b!important;
  font-size:1.18rem!important;
  line-height:1.3!important;
  box-shadow:0 11px 26px rgba(26,43,88,.065)!important;
}
.zorelo-game-page-v14 .zo-choice:hover,
.zorelo-game-page-v14 .zo-duel button:hover,
.zorelo-game-page-v14 .zo-option-grid button:hover,
.zorelo-game-page-v14 .zo-choice-grid button:hover,
.zorelo-game-page-v14 .zo-poll-option:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--zo-theme) 55%,#fff)!important;
  box-shadow:0 17px 34px color-mix(in srgb,var(--zo-theme) 12%,rgba(25,42,89,.08))!important;
}
.zorelo-game-page-v14 .zo-choice.primary{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--zo-theme),var(--zo-theme2))!important;
}

/* Inputs deserve the same visual weight as buttons. */
.zorelo-game-page-v14 .zo-answer-input,
.zorelo-game-page-v14 .zo-number-input,
.zorelo-game-page-v14 .zo-alpha-input,
.zorelo-game-page-v14 .zo-typing-input{
  min-height:64px!important;
  padding:16px 20px!important;
  border:2px solid color-mix(in srgb,var(--zo-theme) 22%,#d9e0eb)!important;
  border-radius:19px!important;
  background:#fff!important;
  color:#12285e!important;
  font-size:1.18rem!important;
  box-shadow:0 12px 26px rgba(28,46,93,.055)!important;
}
.zorelo-game-page-v14 .zo-answer-input:focus,
.zorelo-game-page-v14 .zo-number-input:focus,
.zorelo-game-page-v14 .zo-alpha-input:focus,
.zorelo-game-page-v14 .zo-typing-input:focus{
  outline:0!important;
  border-color:var(--zo-theme)!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--zo-theme) 13%,transparent),0 14px 30px rgba(28,46,93,.07)!important;
}

/* Richer feedback: answers should teach something rather than just flash right/wrong. */
.zorelo-game-page-v14 .zo-feedback{
  width:min(920px,100%)!important;
  padding:24px 27px!important;
  border-radius:22px!important;
  font-size:1.13rem!important;
  line-height:1.68!important;
  box-shadow:0 14px 34px rgba(24,42,88,.06)!important;
}
.zorelo-game-page-v14 .zo-feedback-rich{
  text-align:left!important;
}
.zorelo-game-page-v14 .zo-feedback-rich .zo-feedback-label{
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  color:#1d376b!important;
  font-size:.86rem!important;
  letter-spacing:.05em!important;
}
.zorelo-game-page-v14 .zo-feedback-rich p{
  margin:0!important;
  font-size:1.12rem!important;
  line-height:1.68!important;
}
.zorelo-game-page-v14 .zo-fact-line{
  display:block!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid rgba(22,51,100,.10)!important;
  color:#314b77!important;
  font-size:.96rem!important;
}

/* Memory and precision games – stronger, app-like stages. */
.zorelo-game-page-v14 .zo-memory-number,
.zorelo-game-page-v14 .zo-memory-word,
.zorelo-game-page-v14 .zo-flag{
  font-size:clamp(4rem,9vw,7.8rem)!important;
  line-height:1!important;
  padding:26px 32px!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 20px 46px rgba(26,42,86,.08)!important;
}
.zorelo-game-page-v14 .zo-clue{
  padding:18px 21px!important;
  border-radius:18px!important;
  font-size:1.08rem!important;
  line-height:1.5!important;
}
.zorelo-game-page-v14 .zo-sort-item{
  min-height:66px!important;
  font-size:1.08rem!important;
}

/* Keep big UI usable on tablets and phones. */
@media(max-width:900px){
  .zorelo-game-page-v14 .zo-game{min-height:500px!important;padding:34px 24px!important;}
  .zorelo-game-page-v14 .zo-question{font-size:clamp(1.75rem,6vw,2.65rem)!important;padding:24px 21px!important;}
  .zorelo-game-page-v14 .zo-game h2{font-size:clamp(2rem,7vw,2.9rem)!important;}
  .zorelo-game-page-v14 .zo-choice,
  .zorelo-game-page-v14 .zo-duel button,
  .zorelo-game-page-v14 .zo-option-grid button,
  .zorelo-game-page-v14 .zo-choice-grid button,
  .zorelo-game-page-v14 .zo-poll-option{font-size:1.08rem!important;min-height:68px!important;}
}
@media(max-width:560px){
  .zorelo-game-page-v14 .zo-game{padding:27px 16px!important;}
  .zorelo-game-page-v14 .zo-timer,
  .zorelo-game-page-v14 .zo-progress-copy,
  .zorelo-game-page-v14 .zo-game > .zorelo-kicker{font-size:1rem!important;}
  .zorelo-game-page-v14 .zo-question{font-size:1.75rem!important;}
  .zorelo-game-page-v14 .zo-feedback{padding:20px 18px!important;}
}