/* ZORELO v3.1.0 – mobile shell + result UX */

/* GeneratePress / theme chrome must never leak into engine views. */
body.zorelo-engine-home .site-header,
body.zorelo-engine-home #site-navigation,
body.zorelo-engine-home .main-navigation,
body.zorelo-engine-home .mobile-menu-control-wrapper,
body.zorelo-engine-home .menu-toggle,
body.zorelo-engine-game .site-header,
body.zorelo-engine-game #site-navigation,
body.zorelo-engine-game .main-navigation,
body.zorelo-engine-game .mobile-menu-control-wrapper,
body.zorelo-engine-game .menu-toggle,
body.zorelo-engine-games .site-header,
body.zorelo-engine-games #site-navigation,
body.zorelo-engine-games .main-navigation,
body.zorelo-engine-games .mobile-menu-control-wrapper,
body.zorelo-engine-games .menu-toggle,
body.zorelo-engine-leaderboards .site-header,
body.zorelo-engine-leaderboards #site-navigation,
body.zorelo-engine-leaderboards .main-navigation,
body.zorelo-engine-leaderboards .mobile-menu-control-wrapper,
body.zorelo-engine-leaderboards .menu-toggle,
body.zorelo-engine-stats .site-header,
body.zorelo-engine-stats #site-navigation,
body.zorelo-engine-stats .main-navigation,
body.zorelo-engine-stats .mobile-menu-control-wrapper,
body.zorelo-engine-stats .menu-toggle,
body.zorelo-engine-legal .site-header,
body.zorelo-engine-legal #site-navigation,
body.zorelo-engine-legal .main-navigation,
body.zorelo-engine-legal .mobile-menu-control-wrapper,
body.zorelo-engine-legal .menu-toggle{display:none!important}

/* Result screen: text and controls centered on every button/link. */
.zo-result-screen .zo-actions{display:flex!important;justify-content:center!important;align-items:stretch!important;gap:12px!important;width:min(900px,100%)!important;margin-left:auto!important;margin-right:auto!important}
.zo-result-screen .zo-actions>.zo-start,
.zo-result-screen .zo-actions>.zo-secondary,
.zo-result-screen .zo-actions>a.zo-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:68px!important;line-height:1.15!important;padding:0 24px!important;white-space:normal!important}
.zo-result-screen .zo-actions>.zo-start{min-width:180px!important}
.zo-result-screen .zo-actions>.zo-secondary,
.zo-result-screen .zo-actions>a.zo-secondary{min-width:170px!important}

.zo-publish{display:grid!important;grid-template-columns:minmax(220px,1fr) auto!important;gap:12px!important;align-items:center!important;margin-left:auto!important;margin-right:auto!important}
.zo-publish input{width:100%!important;box-sizing:border-box!important;text-align:left!important}
.zo-publish .zo-publish-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:58px!important;padding:0 24px!important;white-space:nowrap!important}
.zo-publish-status{grid-column:1/-1;text-align:center!important;min-height:1.3em;color:#4b6482}

/* Retention block: only appears for returning players. */
.zorelo-recent-section[hidden]{display:none!important}
.zorelo-recent-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.zorelo-daily-status{display:inline-flex;align-items:center;gap:6px;color:#fff!important}
.zorelo-daily-status[hidden]{display:none!important}

@media(max-width:760px){
  /* Our navigation behaves like a native app bar, never a sideways scroller. */
  .zorelo-sitebar{width:100%!important;min-width:0!important;overflow:visible!important}
  .zorelo-main-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important;flex-wrap:unset!important}
  .zorelo-main-nav a{min-width:0!important;width:100%!important;min-height:54px!important;padding:6px 2px!important;white-space:normal!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;font-size:.72rem!important;line-height:1.08!important;text-align:center!important;border-radius:12px!important}
  .zorelo-main-nav a span:first-child{font-size:1.02rem!important;line-height:1!important}
  .zorelo-main-nav a span:last-child{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}

  .zo-result-screen .zo-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .zo-result-screen .zo-actions>.zo-start,
  .zo-result-screen .zo-actions>.zo-secondary,
  .zo-result-screen .zo-actions>a.zo-secondary{width:100%!important;min-width:0!important;min-height:60px!important;padding:8px 10px!important;font-size:1rem!important}
  .zo-publish{grid-template-columns:1fr!important;padding:14px!important}
  .zo-publish .zo-publish-btn{width:100%!important;white-space:normal!important}
  .zo-publish-status{grid-column:1!important}
  .zorelo-recent-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:440px){
  .zorelo-main-nav{gap:3px!important}
  .zorelo-main-nav a{font-size:.66rem!important;min-height:52px!important;padding:5px 1px!important}
  .zo-result-screen .zo-actions{grid-template-columns:1fr!important}
  .zorelo-recent-grid{grid-template-columns:1fr!important}
}