fix: default gear N, defer initial draw until canvas sized

dashboards/forza_composite/index.html

@@ -41,7 +41,7 @@ html,body{width:100%;height:100%;overflow:hidden;background:#060a16;color:#fff;
 <div id="root"><div id="box" class="contain"><div id="content">
 <div id="rpm-area"><canvas id="rpm-canvas"></canvas></div>
 <div id="speed-area"><div id="speed-val">0</div><div id="speed-unit">KM/H</div></div>
-<div id="gear-area"><div id="gear-box"><span id="gear-val">1</span></div></div>
+<div id="gear-area"><div id="gear-box"><span id="gear-val">N</span></div></div>
 <div id="pedals">
  <div class="pedal"><div class="pl">THR</div><div class="pb"><div class="pf" id="tf" style="width:0%"></div></div></div>
  <div class="pedal"><div class="pl">BRK</div><div class="pb"><div class="pf" id="bf" style="width:0%"></div></div></div>
@@ -171,7 +171,8 @@ function up(d){const rpm=d.rpm||0,mr=d.max_rpm||8000,g=d.gear||0,sp=d.speed_kmh|
  const fp=Math.round((d.fuel||1)*100);fF.style.width=fp+'%';fV.textContent=fp+'%';
  const et=d.engine_temp||0;if(et>0){const ep=Math.min(et/120,1)*100;wF.style.width=ep+'%';wV.textContent=Math.round(et)+'\u00B0C'}}
 
-draw(0,8000);apply();window.addEventListener('resize',()=>{apply();draw(lR>0?lR:0,8000)});cn()
+apply();window.addEventListener('resize',()=>{apply();draw(lR>0?lR:0,8000)});cn();
+setTimeout(()=>{apply();draw(0,8000)},100);
 })();
 </script>
 </body>