/* Are We There Yet? theme for the classic games.
   Loaded after each game's own styles. It swaps the old page chrome for the
   shared top bar and brings buttons, chips and cards onto one palette.
   Games marked .arcade keep their own dark play area and only get the chrome. */

/* Old chrome that the top bar replaces */
.suite-nav,.bg-sun,.cloud,.star,.pwa-banner{display:none!important}

body.awty-game{padding:0 0 36px!important;align-items:stretch!important;color:var(--ink)}
body.awty-game:not(.arcade){background:var(--sky)!important}
body.awty-game .gamebar{position:sticky;top:0;z-index:50;width:100%}
body.awty-game .page-wrapper{margin:0 auto;padding:12px 12px 0;animation:none}

body.awty-game .site-header{margin:2px 0 12px!important;animation:none!important;text-align:center}
body.awty-game .site-header p{font-weight:700;font-size:1rem;margin:0}
body.awty-game:not(.arcade) .site-header p{color:var(--ink-soft)!important}

/* Calm the entrance animations so the game is ready to tap straight away */
body.awty-game .setup-bar,body.awty-game .game-grid{animation:none!important}

/* Choice chips: age, topic, size, grade, mode */
body.awty-game:not(.arcade) :is(.cat-btn,.mode-btn,.diff-btn,.grade-btn,.cfg-btn,.tbl-btn){
  background:#fff;color:var(--ink);border:2px solid #D7E2EC;box-shadow:none;font-size:.9rem;min-height:40px;transform:none}
body.awty-game:not(.arcade) :is(.cat-btn,.mode-btn,.diff-btn,.grade-btn,.cfg-btn,.tbl-btn):hover{transform:none;border-color:#9FB6C9}
body.awty-game:not(.arcade) :is(.cat-btn,.mode-btn,.diff-btn,.grade-btn,.cfg-btn,.tbl-btn).active{
  background:var(--sign);border-color:var(--sign);color:#fff;box-shadow:none}

/* Main action buttons */
body.awty-game:not(.arcade) :is(.btn-start,.btn-start-game,.btn-play-again,.btn-new,.btn-next-game,.btn-go){
  background:var(--tomato);color:#fff;border:0;box-shadow:0 4px 0 #C93D33;border-radius:999px;font-family:var(--display)}
body.awty-game:not(.arcade) :is(.btn-start,.btn-start-game,.btn-play-again,.btn-new,.btn-next-game,.btn-go):hover{transform:translateY(-1px);box-shadow:0 5px 0 #C93D33}
body.awty-game:not(.arcade) :is(.btn-start,.btn-start-game,.btn-play-again,.btn-new,.btn-next-game,.btn-go):active{transform:translateY(3px);box-shadow:0 1px 0 #C93D33}
body.awty-game:not(.arcade) :is(.btn-submit,.btn-next){background:var(--sign);color:#fff;border:0;box-shadow:0 4px 0 var(--sign-dark)}

/* Cards and panels */
body.awty-game:not(.arcade) .stat-card{box-shadow:none;border:2px solid #E1EAF2}
body.awty-game .stat-label{text-transform:none;letter-spacing:0;font-size:.8rem}
body.awty-game:not(.arcade) .panel{box-shadow:0 3px 0 rgba(22,48,74,.08);border:2px solid rgba(22,48,74,.06)}

/* Footer */
body.awty-game .game-footer{margin-top:28px;color:var(--ink-soft);font-weight:700}
body.awty-game .game-footer a{color:var(--ink);font-weight:800}
body.awty-game.arcade .game-footer,body.awty-game.arcade .game-footer a{color:#C9D6E3}

@media (prefers-reduced-motion:reduce){body.awty-game *{animation:none!important}}