/* World capitals: reuses .flag-options / .flag-hints from style-games.css. */
.capital-badge { display: flex; align-items: center; justify-content: center; min-height: 96px; margin: 0 0 12px; }
.capital-flag { display: block; width: 100%; max-width: 200px; height: auto; aspect-ratio: 4 / 3; object-fit: contain; border: 1px solid #789cac; border-radius: 10px; background: #fff; }
.capital-icon { display: flex; align-items: center; justify-content: center; width: 96px; height: 96px; border: 1px solid #607c88; border-radius: 16px; background: #182e3b; color: #65dbea; font-size: 3rem; line-height: 1; }
.capital-flag[hidden], .capital-icon[hidden] { display: none; }
.capital-country { margin: 0; text-align: center; color: #f0f7fa; font-size: clamp(1.6rem, 7vw, 2.4rem); font-weight: 700; overflow-wrap: anywhere; }
.capital-question { margin: 4px 0 16px; text-align: center; color: var(--color-text-muted); font-size: .95rem; }
.capital-options button { min-height: 48px; border: 1px solid #607c88; border-radius: 12px; background: #142631; color: #f0f7fa; }
.capital-options button:hover:not(:disabled) { border-color: #789cac; background: #182e3b; }
.capital-options button:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 2px; }
.capital-options button[data-result="wrong"] { color: #ffb4b4; border-color: #c25b5b; background: #2a1a1f; text-decoration: line-through; opacity: .85; }
.capital-options button[data-result="correct"] { color: #f0f7fa; border: 2px solid #74ead0; background: #126356; opacity: 1; }