body { background: linear-gradient(120deg, #f7971e 0%, #ffd200 100%); font-family: 'Segoe UI', Arial, sans-serif; margin: 0; }
h1 { text-align: center; color: #f7971e; margin-top: 28px; }
#game-container { display: flex; flex-direction: column; align-items: center; margin-top: 18px; }
#ludo-board { background: #fffbe7; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.13); margin-bottom: 18px; }
#controls { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
#roll { background: #f7971e; color: #fff; border: none; border-radius: 8px; padding: 8px 22px; font-size: 1em; cursor: pointer; transition: background 0.15s; }
#roll:hover { background: #ffd200; color: #b8884b; }
#dice { font-size: 1.3em; font-weight: bold; color: #b8884b; margin-left: 8px; }
#turn { font-size: 1.1em; color: #333; margin-left: 12px; }
footer { text-align: center; margin-bottom: 18px; color: #fffbe7; }
@media (max-width: 600px) { #ludo-board { width: 90vw; height: 90vw; } }