/* A quiet paper timing instrument. The dial never animates. */
.inner-clock-page{--clock-ink:#17263a;--clock-blue:#d6eaf0;--clock-coral:#f6beb7}
.inner-clock-page .br-game-title-group h1{font-size:clamp(18px,2.6vw,36px);line-height:1.05;max-width:180px}
.inner-clock-page .br-game-board{background:#fffdf5;border:3px solid var(--clock-ink);box-shadow:7px 7px 0 var(--clock-ink);padding:clamp(18px,4vw,38px);overflow:visible}
#clock-notice:empty{display:none}#clock-notice,.clock-note,.clock-intro{color:#526273;line-height:1.6}
.clock-kicker,.clock-stage-label,.clock-unit,.clock-metrics span,.clock-recap{font:700 12px/1.5 var(--font-mono,monospace);letter-spacing:.08em}
.clock-kicker{margin:0 0 12px}.clock-heading{font:800 clamp(25px,4vw,39px)/1.15 var(--font-body,Arial,sans-serif);margin:0 0 25px;letter-spacing:-.04em;color:var(--clock-ink)}
.clock-stage{display:grid;justify-items:center;background:var(--clock-blue);border:2px solid var(--clock-ink);padding:24px 16px 18px;position:relative;isolation:isolate}
.clock-stage::before,.clock-stage::after{content:'';position:absolute;width:8px;height:8px;background:var(--clock-ink);top:9px;left:9px}.clock-stage::after{left:auto;right:9px}
.clock-stage-label{margin:0 0 6px}.clock-target{font:800 clamp(64px,15vw,98px)/1 var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:var(--clock-ink);letter-spacing:-.07em;text-shadow:3px 3px 0 #91c7dc}.clock-unit{margin:6px 0 18px}
.clock-dial{width:104px;height:104px;border:3px solid var(--clock-ink);border-radius:50%;position:relative;background:#fffdf5;box-shadow:4px 4px 0 #91c7dc;margin:0 0 15px;flex:none}
.clock-dial i{position:absolute;width:3px;height:8px;left:calc(50% - 1.5px);top:5px;background:var(--clock-ink);transform-origin:1.5px 44px;transform:rotate(calc(var(--tick)*30deg))}.clock-hand{position:absolute;width:4px;height:30px;left:calc(50% - 2px);bottom:50%;background:var(--clock-ink);transform-origin:bottom;transform:rotate(40deg)}.clock-hand::after{content:'';position:absolute;width:9px;height:9px;bottom:-5px;left:-2px;background:#ee6557;border:2px solid var(--clock-ink)}
.clock-instruction{text-align:center;max-width:370px;margin:0;line-height:1.6;font-size:16px}
.inner-clock-page .clock-action{display:block;width:100%;min-height:68px;margin:20px 0 12px;font-size:18px;touch-action:manipulation}.clock-running .clock-action{background:#f6beb7!important}.clock-running [data-daily-countdown]{visibility:hidden}.clock-running .daily-reset-card p{font-size:0}.clock-running .daily-reset-card p::after{content:'Hidden while timing.';font-size:12px}
.clock-live,.clock-note{text-align:center;font-size:13px;margin:12px 0}.clock-live{min-height:24px;color:#17263a}.clock-review{border:2px solid var(--clock-ink);background:var(--clock-blue);padding:22px 14px}.clock-feedback{font:800 clamp(26px,5vw,40px)/1.2 var(--font-mono,monospace);margin:0;color:#2f6d56}.clock-miss{font-size:20px;line-height:1.5;margin:12px 0 20px}.clock-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.clock-metrics div{border-top:2px solid #17263a;padding:12px 0;min-width:0}.clock-metrics span{display:block;font-size:10px;letter-spacing:.03em}.clock-metrics strong{display:block;font:800 clamp(14px,3vw,22px)/1.5 var(--font-mono,monospace);overflow-wrap:anywhere}
.clock-actions{display:grid;gap:14px;margin:24px 0}.clock-actions .button{min-height:52px;width:100%;white-space:normal;text-align:center}.clock-total{font:800 clamp(50px,10vw,80px)/1.1 var(--font-mono,monospace);letter-spacing:-.07em;margin:30px 0 0;color:#2f6d56}.clock-total+.clock-intro{text-align:left;margin:10px 0 28px}.clock-recap{list-style:none;padding:0;margin:26px 0;letter-spacing:0}.clock-recap li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:16px 0;border-bottom:1px dashed #526273}.clock-recap strong{color:#17263a}.clock-recap li span:last-child{text-align:right}.clock-share{width:100%;min-height:140px;font:14px/1.6 monospace}.clock-warning{padding:12px;background:#f9e2a7;border:2px solid #17263a}
@media(max-width:480px){.inner-clock-page .br-game-title-group h1{max-width:75px}.clock-recap li{grid-template-columns:1fr auto}.clock-recap li span:last-child{grid-column:1/-1;text-align:left}.clock-metrics{gap:6px}.clock-stage{padding-inline:10px}.clock-instruction{font-size:14px}}