.race-hud{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:3;min-width:230px;padding:14px 18px;background:#142328e8;border:1px solid #ffffff35;border-radius:8px;font-variant-numeric:tabular-nums;pointer-events:none}.race-hud>div{display:flex;justify-content:space-between;gap:20px}.race-hud b{font-size:12px;letter-spacing:1px;color:#ffca80}.race-hud>strong{display:block;font-size:34px;font-weight:500;margin:7px 0}.race-hud small{display:block;color:#c5d2d2;font-size:12px;line-height:1.7}.race-hud #race-delta{font-size:13px}.race-hud[hidden],.countdown[hidden],.race-notice[hidden],.play-control[hidden]{display:none}.countdown{position:fixed;inset:0;z-index:6;display:grid;place-items:center;font-size:110px;font-weight:bold;text-shadow:0 4px 20px #0009;color:#ffc873;pointer-events:none}.race-notice{position:fixed;bottom:135px;left:50%;transform:translateX(-50%);z-index:5;max-width:90vw;width:max-content;background:#17292ded;padding:12px 18px;border-radius:6px;border:1px solid #ffcb7755;color:#ffe4b9;font-size:14px;text-align:center;pointer-events:none}.race-notice.invalid{background:#563126ed;color:#fff2e1}.card .secondary{background:transparent;border:1px solid #ffffff40;color:#d8e2e2;padding:12px}.result-total small{color:#d8e1e1;font-size:12px;letter-spacing:2px}.result-total strong{display:block;font-size:38px;font-weight:500;color:#ffc873;margin:6px 0}.result-laps{padding:0;list-style:none}.result-laps li{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff22;padding:10px 0;font-size:15px}.result-laps b{font-variant-numeric:tabular-nums}.card .result-best{font-size:12px;display:flex;justify-content:space-between;gap:14px}.card .record{color:#9ee8b6;font-size:12px}.finished .controls,.finished .card>small{display:none}.finished h1{font-size:30px}.finished .card{padding:26px}.finished .card>p{font-size:14px}.race-hud #total-clock{color:#f6d5a5}@media(max-width:700px){.race-hud{top:86px;left:auto;right:16px;transform:none;min-width:0;width:155px;padding:10px}.race-hud>strong{font-size:25px;margin:5px 0}.race-hud b{font-size:11px;letter-spacing:0}.race-hud small{font-size:11px}.race-hud #race-delta{font-size:11px}.race-hud>div{gap:4px}.racing .speed{top:245px;bottom:auto;right:16px}.race-notice{bottom:180px;font-size:12px;max-width:92vw}.countdown{font-size:84px}}@media(max-width:360px){.race-hud{width:135px}.race-hud>strong{font-size:23px}.race-hud #race-delta{font-size:10px}}@media(max-height:500px) and (min-width:701px){.race-hud{top:20px;padding:9px 14px;min-width:200px}.race-hud>strong{font-size:28px}.race-hud small{display:inline;margin-right:8px;font-size:11px}.racing .speed{top:190px;right:18px}.countdown{font-size:80px}.race-notice{bottom:95px}}

.countdown{display:flex;flex-direction:column;justify-content:center;gap:20px}.start-lights{display:flex;gap:14px;padding:18px 22px;background:#142328ed;border:2px solid #ffffff35;border-radius:22px;box-shadow:0 8px 25px #0006}.start-lights i{width:48px;height:48px;border-radius:50%;background:#283136;border:3px solid #10191c}.start-lights i.red{background:#ff493c;box-shadow:0 0 24px #ff493caa}.start-lights i.green{background:#8bf15a;box-shadow:0 0 26px #8bf15aaa}.countdown b{font-size:76px}.race-hud #best-clock,.race-hud #last-clock{display:none}.finished .card{background:#142328dc}.finished.modal{background:#0002;align-items:flex-start;padding-top:50px}.finished .card{margin-left:auto;margin-right:24px;max-width:330px}@media(max-width:700px){.start-lights i{width:35px;height:35px}.finished .card{margin:0 auto;max-width:300px}.countdown b{font-size:60px}}

@media(min-width:701px) and (max-width:1000px){.race-hud{top:82px;left:auto;right:24px;transform:none;min-width:180px;padding:10px 14px}.race-hud>strong{font-size:26px}.arcade-hud{top:196px}.minimap{width:175px}.status{font-size:12px;max-width:240px}.speed{padding:10px 14px}.speed strong{font-size:36px}}.finished.modal{backdrop-filter:none}.race-hud b{font-size:14px}

.race-hud{top:106px;left:24px;right:auto;transform:none;min-width:230px;padding:12px 16px;background:linear-gradient(105deg,#14212aee,#14212ab0);border:0;border-left:4px solid #fa8b24;border-radius:0 0 20px 0}.race-hud>strong{font-size:33px;font-style:italic;font-weight:800;margin:5px 0}.race-hud b{color:#fff4df;font-size:12px}.race-hud small{font-size:10px}.race-hud #race-delta{font-size:11px}.race-notice{bottom:137px;background:#15232ee8;border:0;border-left:4px solid #ffae42;border-radius:0 0 12px 0;font-weight:700;letter-spacing:.3px;font-size:13px}.start-lights{border-radius:7px 7px 28px 7px;border:2px solid #afb2b4;border-bottom:5px solid #f29c32;padding:17px 21px}.countdown b{font-style:italic;font-weight:900;color:#fff4dd}.finished.modal{background:linear-gradient(270deg,#112031bb,transparent 85%);padding:40px 24px;justify-content:flex-end;align-items:center}.finished .card{border-left:4px solid #ffac3e;margin:0;max-width:340px;border-radius:0 0 30px 0}.finished h1{font-size:37px}.result-total strong{font-size:39px;font-weight:850;font-style:italic;color:#ffb751}.result-laps li{font-size:13px;padding:8px 0}.finished .card>p{font-size:13px}.card .secondary{border-radius:0 0 12px 0;border-color:#ffffff40;color:#e9e4dc}
@media(max-width:700px){.race-hud{top:92px;left:14px;right:auto;min-width:0;width:157px;padding:9px 10px}.race-hud>strong{font-size:25px}.race-hud b{font-size:10px}.race-hud #race-delta{font-size:9px}.race-hud small{font-size:9px}.race-notice{bottom:220px;max-width:86vw;font-size:11px;padding:9px 12px}.finished.modal{padding:18px;justify-content:center}.finished .card{max-width:320px}.finished h1{font-size:32px}}
@media(max-height:520px) and (min-width:701px){.race-hud{top:78px;left:24px;right:auto;width:206px;min-width:0;padding:8px 10px}.race-hud>strong{font-size:25px}.race-hud small{font-size:9px}.race-notice{bottom:105px;font-size:11px}.finished.modal{padding:16px 24px}.finished .card{max-width:335px;padding:18px 22px}.finished h1{font-size:29px}.result-total strong{font-size:29px;margin:4px 0}.result-laps{margin:8px 0}.result-laps li{padding:5px 0}.finished .card button{padding:9px}}
@media(max-width:360px){.race-hud{width:145px}.race-hud>strong{font-size:23px}}
.results-screen .race-hud,.results-screen .arcade-hud,.results-screen .minimap,.results-screen .speed,.results-screen .touch,.results-screen .status,.results-screen .actions{visibility:hidden}.finished .card{background:#14232df5}
.racing .speed{top:auto;bottom:24px;left:50%;right:auto;transform:translateX(-50%)}@media(max-width:700px){.racing .speed{top:auto;bottom:112px;left:50%;right:auto}}@media(max-height:520px) and (min-width:701px){.racing .speed{top:auto;bottom:16px;left:50%;right:auto}}
