#test-screen .drive-hud,#test-screen .pad,#test-screen .subtitle,#test-screen .topbar b,#touch-dot{display:none!important}
#test-screen .topbar{justify-content:flex-end}#test-screen #pause{width:38px;min-width:38px;height:38px;position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top));z-index:2}
.race-instruments{position:absolute;inset:0 16px;pointer-events:none;color:#fff1d0;text-shadow:0 1px 3px #102438}
.dial{width:112px;height:112px;position:absolute;left:0;top:calc(18% + 76px)}.dial svg{width:100%;height:100%;display:block}.dial b{position:absolute;top:70%;left:0;width:100%;text-align:center;font:600 15px monospace;line-height:1}.dial small{position:absolute;top:87%;width:100%;text-align:center;font-size:8px}
.race-clock{position:absolute;left:0;right:auto;top:18%;width:108px}.race-clock span{font-size:11px;display:block}.race-clock strong{font:750 34px monospace;display:block;margin-top:3px;letter-spacing:-1px}.race-clock small{font-size:10px;display:block;min-height:14px}.race-clock.urgent{color:#ffac90}
.race-route{display:flex;gap:12px;align-items:center;position:absolute;left:0;right:52px;top:calc(31px + env(safe-area-inset-top));margin:0;font-size:11px}.race-route span{min-width:72px}.route-line{flex:1;height:3px;background:#ffe1b04d;position:relative;margin-right:10px}.route-line i{display:block;height:100%;background:#a5f4df;position:relative}.route-line i:after{content:'';position:absolute;right:-3px;top:-2px;width:7px;height:7px;border-radius:50%;background:#fff1d0}.route-line b{position:absolute;right:-10px;top:-10px;font-size:18px}
#split-delta{top:38%!important;left:8px;right:8px;text-align:center;font-size:13px;white-space:normal;color:#ffe1b0;text-shadow:0 2px 7px #102438,0 1px 2px #102438}
#split-delta b{font:italic 800 38px monospace;display:block;line-height:1.1}#split-delta span{font-size:12px}
@media(max-width:350px),(max-height:620px){.dial{width:98px;height:98px;top:calc(16% + 66px)}.race-clock{top:16%;width:98px}.race-clock strong{font-size:30px}.dial b{font-size:13px}.race-route{gap:6px}}

.race-clock strong .num-fraction{font-size:.62em!important}
.race-clock.hard-clock{left:auto;right:0;top:17%;width:156px;text-align:right;padding:10px 12px;border-radius:12px;background:linear-gradient(110deg,#10243838,#102438c4)}
.race-clock.hard-clock span{font-size:13px;letter-spacing:1px}.race-clock.hard-clock strong{font-size:56px;line-height:1.05;letter-spacing:-2px;font-variant-numeric:tabular-nums}.race-clock.hard-clock small{font-size:11px;min-height:16px;margin-top:5px}
.deadline-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .35s ease}
.deadline-vignette:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 42%,#e32b3866 70%,#ef233fee 100%);box-shadow:inset 0 0 46px #ff294ccc}
.deadline-pulse:before{animation:deadline-breathe 1s ease-in-out infinite}
.deadline-final:before{animation-duration:.8s}
@keyframes deadline-breathe{0%,100%{opacity:1}50%{opacity:.16}}
@media(max-width:350px),(max-height:620px){.race-clock.hard-clock{top:16%;width:146px}.race-clock.hard-clock strong{font-size:50px}}
@media(prefers-reduced-motion:reduce){.deadline-pulse:before{animation:none}.deadline-vignette{transition:none}}