.race-overlay{display:flex;flex-direction:column;background:#102f32}.race-hud{height:82px;width:100%;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;text-align:center;background:var(--cream);border-bottom:5px solid var(--ink);padding:8px 4vw}.race-hud h2{margin:0;font:900 clamp(20px,4vw,34px) "Noto Sans Myanmar";color:var(--coral)}.race-hud small,.race-hud b{display:block}.track{position:relative;flex:1;width:100%;overflow:hidden;background:url('assets/race-track.png') center/cover}.racer{position:absolute;z-index:4;left:5%;width:clamp(105px,14vw,205px);height:clamp(75px,10vw,145px);background-image:url('assets/sprites.png');background-size:300% 200%;border:3px solid var(--ink);border-radius:22px;box-shadow:0 7px #173f4288;transition:top .16s,left .12s}.player{top:63%;background-position:0 0;box-shadow:0 0 0 5px var(--yellow),0 8px var(--ink)}.rival-one{top:43%;background-position:50% 0}.rival-two{top:23%;background-position:100% 0}.finish-line{position:absolute;z-index:2;right:7%;top:21%;bottom:5%;width:22px;background:repeating-linear-gradient(0deg,#fff 0 18px,#222 18px 36px);border:3px solid #fff}.hazard{position:absolute;z-index:3;font-size:clamp(26px,4vw,55px)}.race-message{position:absolute;z-index:8;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-3deg);padding:14px 25px;background:var(--yellow);border:5px solid var(--ink);border-radius:20px;box-shadow:0 7px var(--ink);font:900 clamp(24px,5vw,48px) "Noto Sans Myanmar";white-space:nowrap}.race-controls{height:100px;width:100%;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px;padding:10px 4vw;background:var(--cream);border-top:5px solid var(--ink)}.race-controls button{border:3px solid var(--ink);border-radius:15px;background:#fff;box-shadow:0 4px var(--ink);font-weight:900}.race-controls #pedal{background:var(--coral);color:#fff;font-size:20px}.race-controls #pedal small{display:block;font-size:10px}.race-controls button:active{transform:translateY(3px);box-shadow:0 1px var(--ink)}@media(max-width:600px){.race-hud{grid-template-columns:80px 1fr 80px}.race-controls{height:86px;padding:8px}.race-controls button{font-size:11px}.racer{width:100px;height:73px}}