/* Practice uses the same shell as Learn & Explore. */
.clock-practice-page #settings-dialog label:has(#preference-analog,#preference-digital,#preference-speed){display:none}
.clock-practice .practice-exercise{border:1px solid var(--line);border-radius:20px;background:white;padding:24px;text-align:center}
.direction-switch{display:flex;flex-direction:column;gap:8px;width:100%}.direction-switch button{padding:12px 8px;font-size:17px;font-weight:800}.direction-switch [aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}
.clock-practice #question{border:0;background:transparent;font-size:clamp(21px,2vw,28px);font-weight:900;margin:0 0 18px;padding:4px 12px;line-height:1.3}
.clock-practice #prompt{max-width:340px;margin:0 auto 24px}.clock-practice #prompt svg,.clock-practice #answers svg{width:100%;display:block}.clock-practice svg text{fill:var(--navy);font-weight:800}
.clock-practice .digital-time{display:block;font-size:clamp(48px,5vw,86px);line-height:1.2;font-weight:900;color:var(--navy)}
.clock-practice #practice-time{width:100%;min-width:0;margin:0;padding:0;border:0;background:transparent;text-align:center;cursor:text}.clock-practice #practice-time[aria-invalid=true]{outline:2px solid #b33b23}
.clock-practice #prompt:has(.digital-time){padding:26px 18px;border:1px solid var(--line);border-radius:18px;background:var(--pale)}
.clock-practice #answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.clock-practice #answers button{min-width:0;padding:18px;background:#f6fbff;border:1.5px solid var(--line);border-radius:16px}.clock-practice #answers svg{max-width:240px;margin:auto}.clock-practice #answers .digital-time{font-size:clamp(30px,3vw,52px);padding:10px 0}
.clock-practice #answers [aria-pressed=true]{border:2px solid var(--blue);background:#dceeff}.clock-practice #answers .correct{border:2px solid #238342;background:#eef9ef}.clock-practice #exercise[hidden],.clock-practice #finished[hidden]{display:none}
.clock-practice #feedback{font-size:22px;min-height:30px;margin:24px 0 18px}.clock-practice .lesson-footer{margin-top:0}
@media(max-width:1199px){.clock-practice .practice-exercise{padding:18px}.clock-practice #answers{gap:10px}.clock-practice #answers button{padding:10px}.clock-practice #feedback{font-size:20px}.direction-switch button{font-size:15px}}
@media(max-width:900px){.clock-practice .practice-exercise{padding:16px}.clock-practice #answers{gap:8px}.clock-practice #answers button{padding:8px}.clock-practice #answers .digital-time{font-size:28px}.clock-practice #prompt{max-width:280px}.clock-practice #feedback{font-size:18px}}
@media(max-width:640px){.direction-switch{flex-direction:row;flex-basis:100%;gap:8px}.direction-switch button{flex:1;font-size:16px}.clock-practice .practice-exercise{padding:16px 10px}.clock-practice #question{font-size:21px;margin-bottom:14px}.clock-practice #prompt{max-width:220px;margin-bottom:18px}.clock-practice #prompt:has(.digital-time){padding:18px 8px}.clock-practice .digital-time{font-size:52px}.clock-practice #answers{gap:6px}.clock-practice #answers button{padding:8px 3px;border-radius:12px;min-height:64px}.clock-practice #answers .digital-time{font-size:25px}.clock-practice #feedback{font-size:18px;margin:18px 0 12px}.clock-practice~.action-rail strong{font-size:13px}}
@media(max-width:640px){.clock-practice #answers:has(svg){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clock-practice #answers:has(svg) button:last-child{grid-column:1/-1;width:calc((100% - 8px)/2);justify-self:center}}