.game-review { margin: 12px 0 18px; padding: 14px 12px; border-block: 1px solid #52604f; }
.review-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.review-settings label { display: grid; gap: 6px; font-size: 12px; color: #c2ccba; }
.review-settings select { width: 100%; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #bfc8b9; border-radius: 8px; background: #f8f8f2; color: #233329; font: inherit; font-size: 14px; }
.game-review p { font-size: 12px; line-height: 1.6; color: #c2ccba; margin: 8px 0; overflow-wrap: anywhere; }
.review-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.review-actions button { min-height: 44px; }
.game-review progress { display: block; width: 100%; height: 8px; margin-top: 12px; accent-color: #65735b; }
.game-review [hidden] { display: none; }
.review-badge { display: inline-block; margin-left: 6px; font-size: 12px; font-weight: 700; }
.review-best { color: #c4d9b4; }
.review-good { color: #c2ccba; }
.review-inaccuracy { color: #e0c38c; }
.review-mistake, .review-blunder { color: #f0aa9e; }
.notation-move[aria-current="step"] .review-badge { color: #202a22; }
#review-move-detail { color: #eef1e8; }
#review-move-detail:empty { display: none; }
@media (max-width: 600px) { .game-review { padding: 12px 10px; } .review-settings { gap: 10px; } }