.theme-clock { background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%); }
.theme-clock .game-header h1 { color: #1565c0; }
#clock-canvas { display: block; margin: 15px auto; }
.clock-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; max-width: 350px; margin: 15px auto; padding: 0 15px; }
.clock-opt { padding: 14px; border: 2px solid #bbdefb; border-radius: 14px; background: white; text-align: center; font-size: 1.2rem; font-family: 'Baloo 2', cursive; font-weight: 700; cursor: pointer; transition: all 0.2s; }
.clock-opt:hover { background: #e3f2fd; border-color: #42a5f5; }
.clock-opt.correct { background: #e8f5e9; border-color: #4caf50; }
.clock-opt.wrong { background: #ffebee; border-color: #f44336; }
.clock-opt.disabled { pointer-events: none; opacity: 0.6; }