/* Angular neon instruments matched to the 1672x941 race reference. All
   values remain live HTML; these vector frames stay crisp at every size. */
#race-screen.race-hud-light{--hud-u:min(.05981vw,.10627dvh);--hud-edge:calc(var(--hud-u)*28);--hud-side-top:calc(var(--hud-u)*25);--hud-label:#75e6ff;--hud-value:#f5fcff;--hud-map-size:calc(var(--hud-u)*213);font-family:'Rajdhani','Arial Narrow',Arial,sans-serif;font-synthesis:style;font-variant-numeric:tabular-nums}
#race-screen.race-hud-light .race-position{position:absolute;left:var(--hud-edge);top:var(--hud-side-top);width:calc(var(--hud-u)*280);height:calc(var(--hud-u)*140);max-width:none;padding:calc(var(--hud-u)*17) calc(var(--hud-u)*47);border:0;border-radius:0;background:url('../public/assets/hud-v6/position.svg') center/100% 100% no-repeat;overflow:visible;filter:none}
#race-screen.race-hud-light .race-position>small{display:block;margin:0 0 calc(var(--hud-u)*4);font-size:calc(var(--hud-u)*21);line-height:1;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*1.5);color:var(--hud-label);text-shadow:0 0 7px #15aeef44}
#race-screen.race-hud-light .race-position strong{display:flex;align-items:baseline;gap:calc(var(--hud-u)*8);margin:0;font-size:calc(var(--hud-u)*106);line-height:.84;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*-2);color:var(--hud-value);text-shadow:0 2px 3px #001021,0 0 10px #4fbcff44}
#race-screen.race-hud-light .race-position em{font-size:calc(var(--hud-u)*44);line-height:1;font-weight:700;font-style:italic;letter-spacing:0;white-space:nowrap;color:var(--hud-value)}
#race-screen.race-hud-light .telemetry{position:absolute;top:calc(var(--hud-u)*8);right:calc(var(--hud-u)*18);width:calc(var(--hud-u)*320);height:calc(var(--hud-u)*250);padding:0;border:0;border-radius:0;background:url('../public/assets/hud-v6/telemetry.svg') center/100% 100% no-repeat;box-shadow:none;overflow:visible}
#race-screen.race-hud-light .telemetry::before{display:none;content:none}
#race-screen.race-hud-light .mini-map{position:absolute;left:calc(var(--hud-u)*15);top:calc(var(--hud-u)*18);right:auto;bottom:auto;width:var(--hud-map-size);height:var(--hud-map-size);margin:0;padding:calc(var(--hud-u)*4);border:calc(var(--hud-u)*3) solid transparent;border-radius:50%;background:radial-gradient(circle at 48% 35%,#10254a,#031326 72%) padding-box,conic-gradient(from 130deg,#22d9ff 0 40%,#b8fbff 50%,#7f9cff 58%,#e8b5ff 65%,#65eaff 77%,#22d9ff) border-box;box-shadow:0 0 0 calc(var(--hud-u)*4) #123c645c,inset 0 0 calc(var(--hud-u)*13) #1d95ff4d,0 0 calc(var(--hud-u)*7) #20d3ff99;overflow:hidden}
#race-screen.race-hud-light .mini-map svg{position:static;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
#race-screen.race-hud-light .mini-map #map-track{stroke:#75eaff;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px #16bfff) drop-shadow(0 0 5px #16bfff55)}
#race-screen.race-hud-light .mini-map #map-racers .map-racer{stroke:#051122;stroke-width:1;filter:drop-shadow(0 1px 1px #00101f)}
#race-screen.race-hud-light .mini-map #map-racers .map-racer.player{stroke:#e5fcff;stroke-width:1.2;filter:drop-shadow(0 0 3px #39dfff)}
#race-screen.race-hud-light .mini-map small{display:none}
#race-screen.race-hud-light .telemetry-laps{position:absolute;top:calc(var(--hud-u)*31);left:calc(var(--hud-u)*233);right:calc(var(--hud-u)*9);height:auto;margin:0;padding:0;display:block;text-align:center;line-height:1;letter-spacing:0}
#race-screen.race-hud-light .telemetry-laps>small{position:static;display:block;margin:0;padding:0;font-size:inherit;line-height:1;letter-spacing:0;color:var(--hud-value)}
#race-screen.race-hud-light .telemetry-lap-label{display:block;margin:0 0 calc(var(--hud-u)*4);font-size:calc(var(--hud-u)*19);line-height:1;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*.8);color:var(--hud-label)}
#race-screen.race-hud-light .telemetry-lap-value{display:flex;justify-content:center;align-items:baseline;gap:calc(var(--hud-u)*3);font-size:calc(var(--hud-u)*34);line-height:1;font-weight:700;font-style:italic;letter-spacing:-.5px;color:var(--hud-value);white-space:nowrap}
#race-screen.race-hud-light .telemetry-lap-value>i{font:inherit;font-size:.85em;font-style:italic;color:var(--hud-value)}
#race-screen.race-hud-light .telemetry-laps>small b,#race-screen.race-hud-light .telemetry-lap-value>span{margin:0;font:inherit;color:var(--hud-value)}
#race-screen.race-hud-light .speedometer{position:absolute;top:auto;left:calc(var(--hud-u)*222);right:calc(var(--hud-u)*9);bottom:calc(var(--hud-u)*24);width:auto;height:auto;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;text-align:center}
#race-screen.race-hud-light .speedometer>small{display:block;margin:calc(var(--hud-u)*2) 0 0;font-size:calc(var(--hud-u)*17);line-height:1;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*.8);color:var(--hud-label)}
#race-screen.race-hud-light .speedometer>span{display:block;margin:0;font-size:calc(var(--hud-u)*53);line-height:.92;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*-1.7);color:var(--hud-value);text-shadow:0 1px 2px #001025,0 0 7px #208cff55}
#race-screen.race-hud-light .speedometer>div{display:none}
/* Coin arrivals and the pause/wager strip share the bottom-left frame rhythm. */
#race-screen.race-hud-light .coin-panel{position:absolute;left:var(--hud-edge);right:auto;top:auto;bottom:calc(var(--hud-u)*110 + env(safe-area-inset-bottom));width:calc(var(--hud-u)*320);height:calc(var(--hud-u)*115);max-width:none;margin:0;padding:0;background:url('../public/assets/hud-v6/coins.svg') center/100% 100% no-repeat;border:0;box-shadow:none;overflow:visible}
#race-screen.race-hud-light .coin-strip-label{position:absolute;top:calc(var(--hud-u)*14);left:calc(var(--hud-u)*28);display:block;margin:0;padding:0;font-size:calc(var(--hud-u)*17);font-weight:700;font-style:italic;line-height:1;letter-spacing:calc(var(--hud-u)*.6);color:var(--hud-label)}
#race-screen.race-hud-light .coin-strip{position:absolute;left:calc(var(--hud-u)*21);right:calc(var(--hud-u)*17);top:calc(var(--hud-u)*43);bottom:calc(var(--hud-u)*12);height:auto;min-width:0;min-height:0;margin:0;padding:0;display:block;border:0;border-radius:0;background:none;box-shadow:none}
#race-screen.race-hud-light #race-coin-trail{position:static;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:calc(var(--hud-u)*29);gap:calc(var(--hud-u)*2) calc(var(--hud-u)*13);width:100%;height:auto;min-height:0;margin:0;padding:0}
#race-screen.race-hud-light .collected-coin{display:flex;align-items:center;gap:calc(var(--hud-u)*7);min-width:0;width:auto;height:calc(var(--hud-u)*27);margin:0;padding:0}
#race-screen.race-hud-light .collected-coin:nth-last-child(n+5){display:none}
#race-screen.race-hud-light .collected-coin i{display:block;width:calc(var(--hud-u)*24);height:calc(var(--hud-u)*24);min-width:calc(var(--hud-u)*24);background:url('../public/assets/hud-v6/coin.svg') center/contain no-repeat;filter:drop-shadow(0 0 3px #ffc3344d)}
#race-screen.race-hud-light .collected-coin b{font-size:calc(var(--hud-u)*23);line-height:1;font-weight:700;font-style:italic;letter-spacing:-.4px;color:#ffe080;text-shadow:0 1px 2px #00101a}
#race-screen.race-hud-light .coin-age{margin-left:auto;font-size:calc(var(--hud-u)*10);line-height:1;font-weight:600;letter-spacing:0;white-space:nowrap;color:#58d7ff}
#race-screen.race-hud-light .coin-tray-empty{font-size:calc(var(--hud-u)*13);line-height:1.4;letter-spacing:.3px;color:#a3c8de;white-space:normal}
#race-screen.race-hud-light #collection-last{display:none}
#race-screen.race-hud-light .race-wager-console{position:absolute;top:auto;left:var(--hud-edge);right:auto;bottom:calc(var(--hud-u)*24 + env(safe-area-inset-bottom));width:calc(var(--hud-u)*390);height:calc(var(--hud-u)*72);padding:calc(var(--hud-u)*9) calc(var(--hud-u)*18) calc(var(--hud-u)*9) calc(var(--hud-u)*18);display:flex;align-items:center;gap:calc(var(--hud-u)*14);background:url('../public/assets/hud-v6/controls.svg') center/100% 100% no-repeat;border:0;box-shadow:none;overflow:visible}
#race-screen.race-hud-light #pause-button{position:static;display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--hud-u)*14);width:calc(var(--hud-u)*142);min-width:0;height:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#79e7ff;font-size:calc(var(--hud-u)*17);line-height:1;font-weight:700;font-style:normal;letter-spacing:.3px;filter:none}
#race-screen.race-hud-light #pause-button .pause-symbol{display:grid;place-items:center;width:calc(var(--hud-u)*51);height:calc(var(--hud-u)*47);flex:none;border:1px solid #ba9bff;border-radius:calc(var(--hud-u)*17);background:#081233c7;color:#edfcff;box-shadow:inset 0 0 12px #6121c65c,0 0 5px #7f42e655;font-size:calc(var(--hud-u)*32);font-style:normal;line-height:1}
#race-screen.race-hud-light #pause-button:hover .pause-symbol{border-color:#c1efff;box-shadow:0 0 10px #7c5aff77}
#race-screen.race-hud-light .committed-wager{display:flex;align-items:center;justify-content:flex-start;gap:calc(var(--hud-u)*8);flex:1;min-width:0;margin:0;padding:0}
#race-screen.race-hud-light .committed-wager>small{position:static;font-size:calc(var(--hud-u)*17);line-height:1;font-weight:700;letter-spacing:.3px;color:#51cfff}
#race-screen.race-hud-light .committed-wager>strong{position:static;width:auto;min-width:0;font-size:calc(var(--hud-u)*28);line-height:1;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*-.4);color:#f2faff}
#race-screen.race-hud-light .wager-coin{display:block;width:calc(var(--hud-u)*22);height:calc(var(--hud-u)*22);min-width:calc(var(--hud-u)*22);margin-left:auto;background:url('../public/assets/hud-v6/coin.svg') center/contain no-repeat;filter:drop-shadow(0 0 3px #ffc84066)}
/* Gold collection value stays live; the leftward energy streak is decoration. */
#race-screen.race-hud-light .collection-panel{position:absolute;left:auto;right:calc(var(--hud-u)*16);top:auto;bottom:calc(var(--hud-u)*49 + env(safe-area-inset-bottom));width:calc(var(--hud-u)*430);min-width:0;height:calc(var(--hud-u)*198);margin:0;padding:0;background:url('../public/assets/hud-v6/multiplier.svg') center/100% 100% no-repeat;border:0;box-shadow:none;overflow:visible;text-align:right}
#race-screen.race-hud-light .collection-panel>small{position:absolute;left:calc(var(--hud-u)*174);right:calc(var(--hud-u)*19);top:calc(var(--hud-u)*23);display:block;margin:0;font-size:calc(var(--hud-u)*16.5);line-height:1;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*.3);color:#83e7ff;text-align:center;white-space:nowrap}
#race-screen.race-hud-light .collection-panel strong{position:absolute;left:calc(var(--hud-u)*174);right:calc(var(--hud-u)*19);top:calc(var(--hud-u)*47);bottom:auto;display:flex;justify-content:center;align-items:baseline;gap:0;width:auto;height:calc(var(--hud-u)*110);margin:0;padding:0;font-size:calc(var(--hud-u)*126);line-height:.84;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*-3);color:#ffe06e;text-shadow:0 2px 0 #9a5709,0 0 12px #ffb62370,0 0 28px #ff9e1933;-webkit-text-stroke:calc(var(--hud-u)*.5) #ffd163}
#race-screen.race-hud-light .collection-panel em{font-size:.53em;line-height:1;margin-left:calc(var(--hud-u)*4);color:#ffdc60;font-weight:700;font-style:italic}
#race-screen.race-hud-light .collection-qualifier{position:absolute;left:calc(var(--hud-u)*190);right:calc(var(--hud-u)*35);top:calc(var(--hud-u)*176);margin:0;font-size:calc(var(--hud-u)*17);line-height:1;font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*.8);color:#6bddff;text-align:center}
#race-screen.race-hud-light #collection-gain{right:calc(var(--hud-u)*22);bottom:calc(100% - var(--hud-u)*6);font-size:calc(var(--hud-u)*24)}
#race-screen.race-hud-light .race-toolbar{bottom:calc(var(--hud-u)*12 + env(safe-area-inset-bottom));right:calc(var(--hud-u)*17)}
/* Smaller viewports retain the same silhouettes but keep captions readable. */
@media(max-width:900px) and (orientation:portrait){
 #race-screen.race-hud-light{--hud-u:.62px;--hud-edge:10px;--hud-side-top:calc(max(9px,env(safe-area-inset-top)) + min(13.333vw,81.5px) + 34px)}
 #race-screen.race-hud-light .telemetry{top:var(--hud-side-top);right:7px}
 #race-screen.race-hud-light .race-position{top:calc(var(--hud-side-top) + 7px)}
 #race-screen.race-hud-light .coin-panel{bottom:calc(83px + env(safe-area-inset-bottom))}
 #race-screen.race-hud-light .collection-panel{bottom:calc(66px + env(safe-area-inset-bottom));right:3px}
 #race-screen.race-hud-light .race-wager-console{bottom:calc(15px + env(safe-area-inset-bottom));height:52px}
 #race-screen.race-hud-light #pause-button{font-size:11px;min-height:44px}
 #race-screen.race-hud-light .coin-age{display:none}
}
@media(max-width:420px) and (orientation:portrait){
 #race-screen.race-hud-light{--hud-u:.5px;--hud-edge:8px}
 #race-screen.race-hud-light .race-position>small{font-size:11px}
 #race-screen.race-hud-light .telemetry-lap-label,#race-screen.race-hud-light .speedometer>small{font-size:10px}
 #race-screen.race-hud-light .coin-strip-label{font-size:10px}
 #race-screen.race-hud-light .coin-panel{bottom:calc(83px + env(safe-area-inset-bottom))}
 #race-screen.race-hud-light .collection-panel{bottom:calc(67px + env(safe-area-inset-bottom));right:2px}
 #race-screen.race-hud-light .collection-panel>small{font-size:9px;letter-spacing:0}
 #race-screen.race-hud-light .collection-qualifier{font-size:10px;letter-spacing:0}
 #race-screen.race-hud-light .race-wager-console{width:220px;padding-left:12px;padding-right:14px;gap:11px}
 #race-screen.race-hud-light #pause-button{width:87px;gap:9px}
 #race-screen.race-hud-light .committed-wager{gap:6px}
 #race-screen.race-hud-light .committed-wager>small{font-size:10px}
 #race-screen.race-hud-light .wager-coin{display:none}
}
@media(max-height:500px) and (orientation:landscape){
 #race-screen.race-hud-light{--hud-u:.55px;--hud-edge:max(10px,env(safe-area-inset-left));--hud-side-top:8px}
 #race-screen.race-hud-light .telemetry{top:3px;right:max(8px,env(safe-area-inset-right))}
 #race-screen.race-hud-light .race-position>small,#race-screen.race-hud-light .coin-strip-label{font-size:11px}
 #race-screen.race-hud-light .telemetry-lap-label,#race-screen.race-hud-light .speedometer>small{font-size:10px}
 #race-screen.race-hud-light .coin-panel{bottom:calc(66px + env(safe-area-inset-bottom))}
 #race-screen.race-hud-light .race-wager-console{bottom:calc(8px + env(safe-area-inset-bottom));height:48px}
 #race-screen.race-hud-light #pause-button{font-size:10px;min-height:44px}
 #race-screen.race-hud-light .coin-age{display:none}
 #race-screen.race-hud-light .collection-panel{bottom:calc(32px + env(safe-area-inset-bottom))}
 #race-screen.race-hud-light .collection-panel>small{font-size:10px}
 #race-screen.race-hud-light .collection-qualifier{font-size:10px}
 #race-screen.race-hud-light .committed-wager>small{font-size:10px}
}

#race-screen.race-hud-light #pause-button[data-pending="true"] .pause-label{font-size:.84em;line-height:1.05}

/* Small bright cores carry the neon; restrained halos preserve sharp edges. */
#race-screen.race-hud-light .race-position :is(#race-position,em){color:#fbfeff;text-shadow:0 1px 0 #b6edff,0 0 7px #47caff45}
#race-screen.race-hud-light :is(.telemetry-lap-label,.speedometer>small,.coin-strip-label,.collection-panel>small,.collection-qualifier){color:var(--hud-label);text-shadow:0 1px 1px #00131f,0 0 5px #28beff22}
@supports (-webkit-background-clip:text){
 #race-screen.race-hud-light .collection-panel :is(#collection,em){background:linear-gradient(180deg,#fff8cf 0%,#ffe89a 17%,#ffd04a 42%,#ffbd27 57%,#ffdf68 72%,#f2ae22 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;-webkit-text-stroke:calc(var(--hud-u)*.55) #ffd969;filter:drop-shadow(0 calc(var(--hud-u)*2) 0 #985009) drop-shadow(0 0 calc(var(--hud-u)*7) #ffbc3d45)}
}

/* Reference multiplier silhouette, typography and live gold value. */
#race-screen.race-hud-light .collection-panel{background-image:url('../public/assets/hud-v6/multiplier-v2.svg')}
#race-screen.race-hud-light .collection-panel>small{left:calc(var(--hud-u)*195);right:calc(var(--hud-u)*17);top:calc(var(--hud-u)*23);font-family:'Chakra Petch',Rajdhani,sans-serif;font-size:calc(var(--hud-u)*16);font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*.1);line-height:1;color:#8ee8ff;text-shadow:0 calc(var(--hud-u)*1) calc(var(--hud-u)*1) #00121c,0 0 calc(var(--hud-u)*4) #2ac8f24d}
#race-screen.race-hud-light .collection-panel strong{left:calc(var(--hud-u)*207);right:calc(var(--hud-u)*19);top:calc(var(--hud-u)*51);height:calc(var(--hud-u)*109);transform:translateX(calc(var(--hud-u)*-4)) skewX(-12deg);transform-origin:center center;font-family:'Russo One',Rajdhani,sans-serif;font-weight:400;font-style:normal;font-size:calc(var(--hud-u)*116);letter-spacing:calc(var(--hud-u)*-4);justify-content:center;overflow:visible}
#race-screen.race-hud-light .collection-panel em{position:relative;top:calc(var(--hud-u)*-4);font-size:.65em;margin-left:calc(var(--hud-u)*6);font-weight:400;font-style:normal;letter-spacing:0}
#race-screen.race-hud-light .collection-panel #collection{flex:none;white-space:nowrap;padding-right:.12em;margin-right:-.12em;scale:.95 1;transform-origin:right center}
#race-screen.race-hud-light .collection-panel:has(#collection[data-digits="3"]) strong{font-size:calc(var(--hud-u)*94);top:calc(var(--hud-u)*62)}
#race-screen.race-hud-light .collection-panel:has(#collection[data-digits="4"]) strong{font-size:calc(var(--hud-u)*74);top:calc(var(--hud-u)*76)}
#race-screen.race-hud-light .collection-panel:has(#collection[data-digits="5"]) strong{font-size:calc(var(--hud-u)*61);top:calc(var(--hud-u)*85)}
#race-screen.race-hud-light .collection-panel .collection-qualifier{left:calc(var(--hud-u)*228);right:calc(var(--hud-u)*36);top:calc(var(--hud-u)*165);font-family:'Chakra Petch',Rajdhani,sans-serif;font-size:calc(var(--hud-u)*16);font-weight:700;font-style:italic;letter-spacing:calc(var(--hud-u)*.5);line-height:1;color:#51dcff;text-shadow:0 calc(var(--hud-u)*1) calc(var(--hud-u)*1) #00121c,0 0 calc(var(--hud-u)*4) #00b9fa50;white-space:nowrap}
@supports (-webkit-background-clip:text){
 #race-screen.race-hud-light .collection-panel :is(#collection,em){background:linear-gradient(180deg,#fff1b0 0%,#ffe18a 22%,#ffc940 58%,#ffc631 82%,#f9b629 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:calc(var(--hud-u)*.65) #ffe28a;paint-order:stroke fill;filter:drop-shadow(0 calc(var(--hud-u)*1) 0 #b76b0c) drop-shadow(calc(var(--hud-u)*1) calc(var(--hud-u)*3) calc(var(--hud-u)*1) #000810) drop-shadow(0 0 calc(var(--hud-u)*4) #ffb82930)}
 #race-screen.race-hud-light .collection-panel em{-webkit-text-stroke:calc(var(--hud-u)*.35) #ffce57;padding-right:.1em;margin-right:-.1em}
}
@media(max-width:600px){
 #race-screen.race-hud-light .collection-panel>small{font-size:max(8.5px,calc(var(--hud-u)*15))}
 #race-screen.race-hud-light .collection-panel .collection-qualifier{font-size:max(9px,calc(var(--hud-u)*14.5))}
}