/* V0.9.1: one action per purpose, mobile-first training entry. */
.games-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px;scroll-margin-top:18px}
.games-heading h2{margin:0;color:#173b61;font-size:21px}.games-heading p{margin:4px 0 0;color:#6b8299;font-size:12px}
.games-settings-link{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid #a8cbee;background:#e5f4ff;color:#1464a3;border-radius:12px;padding:9px 12px;font-weight:850;font-size:13px;white-space:nowrap}
.games-settings-link:hover,.games-settings-link:focus-visible{background:#cfebff}
.games-column{display:flex;flex-direction:column;min-width:0}
.games-column .mode-grid{flex:1;height:auto;min-height:0}
.equipped-title{display:inline-flex;align-items:center;justify-content:center;gap:9px}
/* Avatars are edited by tapping the portrait only; nickname via header; title via title pill. */
.quick-replay{background:#fff;border-top:1px solid #e3ecf6;padding:17px;display:flex;flex-direction:column;gap:11px}
.quick-replay>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.quick-replay>div strong{font-size:16px;color:#173a60}.quick-replay small{color:#7c92a5;font-size:11px}
#quickReplay{display:flex;justify-content:space-between;align-items:center;min-height:49px;width:100%;border-radius:12px;border:1px solid #aed4f2;background:linear-gradient(100deg,#e9f5ff,#f6fbff);color:#186baf;padding:12px 14px;font-weight:850;font-size:15px}
#quickReplay:hover,#quickReplay:focus-visible{background:#dbeeff}
#savedHint{font-size:12px;color:#b2352d}
#savedHint:empty{display:none}
/* Strip out confusing duplicate "mode + start" controls. Only count + one village selector remain. */
.training-settings{scroll-margin-top:20px;padding:18px 21px}
.training-settings .quick-settings{display:block}
.training-settings .compact-question-count{display:grid;grid-template-columns:auto minmax(66px,95px) 1fr;gap:10px 15px;align-items:center;padding:13px 14px;background:#f6faff}
.compact-question-count .count-icon{display:none}
.compact-question-count label{font-size:15px}
.compact-question-count input{width:85px;min-width:0;flex:auto;font-size:17px}
.compact-question-count small{display:block;grid-column:1/-1;font-size:12px;color:#687f98}
.compact-question-count .count-presets{justify-self:end;display:flex;gap:7px;margin:0}
.count-presets button{min-width:53px;min-height:40px;font-size:13px}
.training-settings .village-selector{border:1px solid #bcdbf0;background:#f0f8ff;padding:0;margin-top:13px;overflow:hidden}
.training-settings .village-selector-head{display:flex;flex-direction:column;align-items:stretch;gap:0}
.training-settings .village-selector-head>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px 9px}
.training-settings .village-selector-head h3{font-size:17px;margin:0!important}
.training-settings .village-selector-head p{font-size:12px;margin:0!important}
.training-settings .toggle-village{display:flex;width:100%;align-items:center;justify-content:center;background:#dbeeff;border:0;border-top:1px solid #bcd9ef;border-radius:0;min-height:52px;color:#125b92;font-size:16px;font-weight:900;cursor:pointer}
.training-settings .toggle-village:hover,.training-settings .toggle-village:focus-visible{background:#c9e6fb}
.training-settings .village-presets,.training-settings .village-options,.training-settings .village-notice{margin:13px 16px!important}
.training-settings .village-options{grid-template-columns:repeat(6,minmax(0,1fr))}
.training-settings .village-notice{font-size:12px}
.training-settings .footnote{margin-top:9px}
.nav-action{min-width:70px}
/* mobile: show games first, immediately after the compact header. */
@media(max-width:700px){
 .home{display:flex;flex-direction:column;gap:12px}
 .dashboard-grid{display:contents}
 .games-column{order:1;min-width:0}
 .training-settings{order:2;margin:0}
 .profile-column{order:3}
 .side-column{order:4}
 .games-heading{padding:2px 3px;margin-bottom:9px}
 .games-heading h2{font-size:20px}
 .games-settings-link{font-size:12px;padding:7px 8px;min-height:38px;white-space:normal;text-align:center}
 .mode-grid{min-height:0!important}
 .training-settings .compact-question-count{grid-template-columns:1fr 95px;gap:10px}
 .compact-question-count .count-presets{grid-column:1/-1;justify-self:stretch;display:grid;grid-template-columns:repeat(4,1fr)}
 .count-presets button{min-width:0}
 .training-settings .village-options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .training-settings .village-selector-head>div{padding:13px 11px 9px}
 .quick-replay{padding:13px}
 .growth-hero{padding-top:15px}
 .top-nav{gap:7px}
 .header-profile{min-width:70px;justify-content:end}
}
@media(min-width:701px) and (max-width:1100px){.training-settings .village-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:385px){.games-heading h2{font-size:18px}.games-heading p{font-size:11px}.games-settings-link{font-size:11px}.training-settings .village-selector-head h3{font-size:15px}}
/* Avoid stretching the shorter profile card into a tall empty column. */
@media(min-width:701px){.dashboard-grid{align-items:start}.profile-column>.growth-card{flex:initial}}
/* Keep presets beside the count on desktop; on mobile stack them in one clear row. */
@media(min-width:701px){.compact-question-count .count-presets{grid-column:3;grid-row:1;justify-self:end}.compact-question-count small{grid-row:2}}
@media(max-width:700px){.compact-question-count .count-presets{grid-column:1/-1;grid-row:auto}.compact-question-count small{grid-column:1/-1;grid-row:auto}}