body[data-app="hover"]{--game-accent:#c54736;--arcade-ink:#193c41;background:#f4f8f5}
.arcade-header{height:58px;padding:7px 20px}.arcade-header h1{font-size:17px}
.arcade-stage{height:calc(100svh - 58px - 92px - 44px);min-height:360px}
.arcade-hud{left:22px;transform:none;top:20px;border-radius:5px;background:#f7faf4eb;border:0;box-shadow:none}
.arcade-stat{padding:9px 17px;min-width:92px;align-items:flex-start}.arcade-stat>strong{font-size:21px}.arcade-stat>span{font-size:10px;letter-spacing:0}
.race-progress{position:absolute;top:0;left:0;right:0;height:4px;background:#ffffff50;z-index:3;pointer-events:none}.race-progress span{display:block;height:100%;background:#ee674d;width:0}
.race-map{position:absolute;right:20px;top:15px;width:154px;padding:6px;pointer-events:none;background:#f5faf2df;border-radius:5px;color:#244a4a;text-align:center}
.race-map canvas{width:100%;height:auto;display:block}.race-map span{font-size:10px;font-weight:800}.race-map strong{font-variant-numeric:tabular-nums}
.race-bottom{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}
.race-speed{display:flex;align-items:baseline;gap:7px;color:#123e46;background:#f5faf2ed;padding:8px 13px;border-radius:5px;min-width:126px}
.race-speed strong{font-size:38px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums}.race-speed span{font-size:11px;font-weight:700}.race-speed.is-boosting{color:#ac392d}
.boost-meter{width:156px;color:#173e45;background:#f5faf2ed;padding:9px 12px;border-radius:5px}.boost-meter>div:first-child{display:flex;justify-content:space-between;font-size:10px;font-weight:900}.boost-meter b{font-variant-numeric:tabular-nums}.boost-track{height:6px;background:#cad9d4;margin-top:5px;overflow:hidden;border-radius:1px}.boost-track span{display:block;height:100%;background:#0e9d95}.boost-meter.is-locked .boost-track span{background:#c64835}
.countdown{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:white;text-shadow:0 3px 16px #214a4b60;font-size:110px;font-weight:900;z-index:4}
.arcade-status{bottom:26px;font-size:12px;max-width:calc(100% - 340px);background:#fff;white-space:normal}
.arcade-overlay{background:linear-gradient(90deg,#13353a66,transparent 80%);justify-content:flex-start;padding:32px 6%}
.arcade-dialog{background:#f9fcf4f5;width:365px;padding:25px;border-radius:6px;text-align:left;box-shadow:0 12px 40px #183a3920}
.arcade-dialog h2{font-size:27px;margin:0 0 14px}.arcade-result-score{font-size:39px}.arcade-result-detail{font-size:12px;line-height:1.8;margin:8px 0 15px}
.race-setup{margin-bottom:15px}.race-kicker{font-size:10px;font-weight:900;color:#ac4434;margin:0 0 5px}.course-name{font-size:13px;font-weight:800;margin:0 0 13px}.target-time{font-size:11px;font-weight:700;color:#557172;margin:14px 0}
.course-picker{display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 14px}.course-choice{display:grid;grid-template-columns:25px 1fr;gap:0 8px;text-align:left;border:1px solid #cbd9d2;padding:9px 10px;background:#f7faf6;color:#294b4d;border-radius:4px;min-height:54px}.course-choice>span{grid-row:1/3;align-self:center;font-size:12px;font-weight:900;color:#849894}.course-choice strong{font-size:13px}.course-choice small{font-size:10px;color:#698181}.course-choice[aria-pressed="true"]{border-color:#c64835;box-shadow:inset 3px 0 #c64835;background:#fff7f0}.course-choice[aria-pressed="true"]>span{color:#c64835}
.arcade-start{border-radius:4px;font-size:14px}.arcade-controls{min-height:92px;height:92px;padding:12px 22px;flex-wrap:nowrap;gap:16px;justify-content:space-between;background:#f9fcf8}
.steer-controls,.pedal-controls{display:flex;align-items:center;gap:8px}.drive-control{width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid #bed1c8;border-radius:6px;background:#fff;color:#244d50;touch-action:none;user-select:none;-webkit-user-select:none}.drive-control svg{width:23px;height:23px}.drive-control span{font-size:9px;line-height:1.2;white-space:nowrap}.drive-control.is-held{background:#d4eee7;border-color:#158d80}.drive-control.boost-control{background:#bc4635;color:#fff;border-color:#bc4635;width:82px}.drive-control.boost-control.is-held{background:#923829}.drive-settings{display:flex;align-items:center;gap:15px}.auto-throttle{display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap;cursor:pointer}.auto-throttle input{width:17px;height:17px;accent-color:#147a73}.recover-control{width:38px;height:38px;border:1px solid #cddcd4;border-radius:5px;background:#fff;color:#244d50;display:grid;place-items:center}.recover-control svg{width:18px;height:18px}.arcade-footer{min-height:44px;padding-top:5px;padding-bottom:5px}
[data-state="ready"] .race-bottom,[data-state="ready"] .race-map,[data-state="ready"] .arcade-hud,[data-state="finished"] .race-bottom,[data-state="finished"] .race-map,[data-state="finished"] .arcade-hud{visibility:hidden}
[data-state="finished"] .race-setup,[data-state="finished"] .target-time{display:none}
@media(max-width:650px){.arcade-header{height:54px;padding:7px 10px;gap:8px}.arcade-header h1{font-size:14px}.arcade-stage{height:calc(100svh - 54px - 130px - 45px);min-height:340px}.arcade-hud{top:13px;left:12px;max-width:calc(100% - 24px)}.arcade-stat{padding:6px 11px;min-width:70px}.arcade-stat>strong{font-size:17px}.race-map{width:100px;top:79px;right:10px;padding:3px}.race-map span{font-size:8px}.race-bottom{left:12px;right:12px;bottom:12px}.race-speed{padding:8px 10px;min-width:106px}.race-speed strong{font-size:30px}.boost-meter{width:126px;padding:8px 10px}.arcade-status{bottom:81px;max-width:calc(100% - 24px);padding:5px 10px}.arcade-controls{height:130px;min-height:130px;padding:8px 12px;gap:6px;position:relative;padding-top:38px}.drive-settings{position:absolute;top:7px;left:12px;right:12px;justify-content:space-between}.recover-control{width:28px;height:25px}.auto-throttle{font-size:10px}.auto-throttle input{width:16px;height:16px}.drive-control{width:49px;height:65px}.drive-control.boost-control{width:64px}.steer-controls,.pedal-controls{gap:5px}.arcade-overlay{padding:20px 20px;justify-content:center}.arcade-dialog{width:340px;padding:20px}.arcade-dialog h2{font-size:24px}.arcade-footer{min-height:45px}.arcade-result-score{font-size:34px}}
@media(max-width:350px){.arcade-header h1{font-size:12px}.arcade-tools{gap:0}.arcade-icon{width:30px}.arcade-stage{min-height:330px}.drive-control{width:43px}.drive-control.boost-control{width:54px}.arcade-controls{padding-inline:8px}.race-map{width:86px}.arcade-dialog{padding:16px}.course-choice{min-height:49px}.arcade-dialog h2{font-size:22px}}
@media(max-height:500px) and (orientation:landscape){.race-map span{font-size:8px;white-space:nowrap}}
@media(max-height:500px) and (orientation:landscape){[data-state="finished"] .arcade-dialog{width:610px;display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:start}[data-state="finished"] .arcade-dialog h2{grid-column:1;grid-row:1}[data-state="finished"] .arcade-result-score{grid-column:1;grid-row:2}[data-state="finished"] .arcade-result-detail{grid-column:1;grid-row:3}[data-state="finished"] .course-picker{grid-column:2;grid-row:1/3;grid-template-columns:1fr}[data-state="finished"] .arcade-start{grid-column:2;grid-row:3}}
@media(max-height:500px) and (orientation:landscape){.arcade-header{height:44px}.arcade-stage{height:calc(100svh - 44px - 70px);min-height:250px}.arcade-controls{height:70px;min-height:70px;padding:6px 16px}.drive-control{height:56px;width:55px}.drive-settings{position:static}.race-map{width:95px;top:8px;right:12px}.race-bottom{bottom:12px;left:16px;right:16px}.race-speed strong{font-size:26px}.race-speed{min-width:100px;padding:6px 10px}.boost-meter{width:125px;padding:7px 9px}.arcade-hud{top:10px;left:16px}.arcade-stat{min-width:72px;padding:5px 12px}.arcade-stat>strong{font-size:17px}.arcade-status{bottom:14px}.arcade-overlay{padding:12px 6%}.arcade-dialog{width:390px;padding:15px 18px}.arcade-dialog h2{font-size:22px;margin:0 0 8px}.race-setup{margin-bottom:6px}.course-name{margin-bottom:5px}.course-picker{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px}.course-choice{padding:6px;grid-template-columns:18px 1fr;gap:4px}.course-choice strong{font-size:11px}.course-choice small{font-size:9px}.target-time{margin:7px 0;font-size:10px}.arcade-start{min-height:39px;padding:7px}.arcade-result-score{font-size:30px;margin:6px 0}.arcade-result-detail{margin:6px 0}.countdown{font-size:75px}}