/* Practice mode: reuses the arena/prompt/checks styles from style.css; only the extras live here. */
.pr-setup { max-width: 560px; margin: 28px auto; padding: 0 16px; }
.pr-setup .panel { padding: 22px; }
.pr-clock { font: 900 26px/1 var(--f-ui); font-stretch: 125%; padding: 4px 10px; border: var(--bw) solid var(--ink); background: var(--paper-hi); }
.pr-clock.done { background: var(--pass); color: var(--paper-hi); }
.pr-arena { height: calc(100vh - 62px - 32px); }
.pr-done { margin-top: 12px; padding: 14px; border: var(--bw) solid var(--ink); background: var(--pass); color: var(--paper-hi); box-shadow: 5px 5px 0 var(--ink); }
.pr-done__big { font: 400 34px/1 var(--f-display); text-transform: uppercase; }
.pr-done__sub { margin-top: 6px; font-weight: 800; }
.pr-done .row { margin-top: 12px; gap: 8px; flex-wrap: wrap; }
.pr-done .btn { color: var(--ink); }
.pr-stamp { display: inline-block; margin-top: 8px; background: var(--accent); color: var(--ink); border: 2px solid var(--ink); padding: 2px 8px; font: 900 12px var(--f-ui); letter-spacing: .1em; text-transform: uppercase; transform: rotate(-2deg); }
.pr-hint-free { font: 800 11px var(--f-ui); letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 1100px) { .pr-arena { height: auto; } }
@media (max-width: 860px) { .pr-clock { font-size: 20px; } }