body { margin: 42px 0; }
button { font: inherit; border: 0; cursor: pointer; }
.restart-button { min-height: 44px; }
button:focus-visible, a:focus-visible { outline: 3px solid #645847; outline-offset: 4px; }
.score-container::after { content: "Счёт"; }
.best-container::after { content: "Рекорд"; }
.score-container, .best-container { min-width: 42px; }
.game-intro { line-height: 1.5; }
.game-explanation { margin-top: 28px; }
h2 { font-size: 21px; margin: 0 0 12px; }
.game-explanation p { font-size: 16px; line-height: 1.6; margin: 0 0 12px; }
footer { margin-top: 26px; padding-top: 16px; border-top: 1px solid #d8d4c8; }
footer p { font-size: 13px; line-height: 1.6; margin: 0 0 8px; }
.game-container { touch-action: none; }
.game-message button { background: #8f7a66; border-radius: 3px; padding: 0 14px; color: #f9f6f2; height: 42px; margin: 0 3px; }
.game-container .game-message p { font-size: 40px; }
@media (max-width: 520px) {
 body { margin: 24px 0; padding: 0 16px; }
 h1.title { font-size: 58px; }
 .scores-container { margin-top: 5px; }
 .score-container, .best-container { padding-left: 12px; padding-right: 12px; }
 .above-game { margin-top: 16px; }
 .game-intro { font-size: 15px; width: 51%; }
 .restart-button { font-size: 14px; padding: 0 12px; width: auto; }
 .game-container { margin-top: 22px; }
 .game-container .game-message p { font-size: 25px; }
 .game-message .lower { display: flex; justify-content: center; }
 .game-message button { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
 *, *::before, *::after { animation: none !important; transition: none !important; }
}