/* Mashwar 1.4: extra interaction is kept away from mobile pedals. */
#map-widget{position:absolute;top:clamp(168px,25vh,245px);right:13px;width:120px;z-index:2;background:#082637df;border:1px solid #d6f3e55b;border-radius:16px;box-shadow:0 8px 22px #0004;overflow:hidden;pointer-events:none}
.map-top{font-size:10px;font-weight:800;text-align:center;padding:7px 0;color:#fbe0ac;background:#0b3344}
#mini-map{display:block;position:relative;inset:auto;width:120px;height:139px;z-index:auto}
#map-distance{font-size:11px;display:block;text-align:center;color:#b1efe1;padding:4px 0 7px}
#onboard-indicator{position:absolute;z-index:2;top:clamp(131px,19vh,184px);right:13px;background:#0b283adf;border:1px solid #ffffff41;border-radius:11px;padding:7px 10px;font-size:11px;font-weight:800;color:#ffdfaa;pointer-events:none}
#onboard-indicator.onboard{color:#91e9c4;border-color:#67d9b66b}
#stop-progress{height:6px;margin-top:7px;background:#ffffff32;border-radius:20px;overflow:hidden}#stop-bar{height:100%;background:#72ebc5;transition:width .1s}
.career-box{border:1px solid #f0d0915b;border-radius:13px;background:#ffffff0c;padding:10px 13px;margin:6px 0 12px;color:#ffe1ac}.career-box strong{display:block;font-size:12px}.career-box small{display:block;font-size:10px;margin:4px 0;color:#bcd6e0}.career-progress{height:5px;background:#ffffff28;border-radius:9px;overflow:hidden;margin-top:7px}.career-progress>div{height:100%;width:0;background:#7de0c1}
.end-xp{font-size:13px;color:#ffe2aa;margin:8px 0}#lighting-toggle{margin-bottom:10px}
@media(max-width:520px){#map-widget{top:clamp(182px,29vh,255px);right:10px;width:99px}.map-top{font-size:9px}#mini-map{width:99px;height:116px}#map-distance{font-size:10px}#onboard-indicator{right:10px;top:clamp(150px,23vh,195px);font-size:10px;padding:5px 7px}.challenge{max-width:52vw}}
@media(orientation:landscape) and (max-height:560px){#map-widget{top:74px;right:58px;transform:scale(.72);transform-origin:top right}#onboard-indicator{display:none}}
#game[data-lighting="sunset"] #sky{background:linear-gradient(180deg,#342e58,#b87878 41%,#e6a665 72%,#edb279)}

#map-place{display:block;text-align:center;color:#e6ead5;font-size:9px;padding:0 3px 7px;line-height:1.4;min-height:16px}

/* 2.0 route guidance: never covers steering/pedals */
.ring-nav{position:absolute;top:23%;left:50%;transform:translateX(-50%);z-index:11;
  background:rgba(11,45,58,.84);color:#ffe4a4;border:1px solid rgba(255,221,151,.35);
  padding:7px 13px;border-radius:10px;font:700 12px Tahoma,Arial,sans-serif;
  max-width:54vw;text-align:center;pointer-events:none;line-height:1.5;box-shadow:0 3px 12px #0004}
.ring-nav[hidden]{display:none!important}
@media(max-width:460px){.ring-nav{top:22%;font-size:11px;max-width:45vw}}