/* VORTEX AERO - base */
:root{
  --bg:#0b0f1a; --panel:#131a2b; --line:#1e2740; --txt:#dfe6f3; --dim:#8fa3c8;
  --accent:#25d0ff; --hot:#ff9a3d; --danger:#ff5a5a; --ok:#5df2a6;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{height:100%; overflow:hidden; background:var(--bg); color:var(--txt);
  font-family:"Segoe UI",system-ui,-apple-system,sans-serif; }
/* BUG FIX: era "position:fixed;inset:0" — un elemento fixed non occupa spazio
   nel normal flow, quindi il footer legale (che nel markup viene subito dopo
   #app) finiva a occupare la posizione y=0, cioe' proprio in cima alla pagina,
   e con il suo z-index:1 disegnava il proprio testo SOPRA l'HUD di gara invece
   che sotto di esso. html/body hanno gia' overflow:hidden e height:100% (vedi
   sopra), quindi basta che #app occupi tutta l'altezza in flow normale: il
   canvas di gioco resta comunque a schermo intero (i figli assoluti dentro
   #app continuano a referenziarlo come parent posizionato) e il footer torna
   a stare, invisibile ma non sovrapposto, subito dopo di esso — stesso
   pattern gia' usato in corsair-horizon (canvas in flow + overflow:hidden). */
#app{position:relative; width:100%; height:100%;}
canvas#game{position:absolute; inset:0; width:100%; height:100%; display:block;}
.hidden{display:none !important;}
button{font-family:inherit; cursor:pointer;}
.va-btn{
  display:block; width:100%; padding:14px 18px; margin:8px 0; border:0; border-radius:10px;
  background:linear-gradient(180deg,#1b2742,#141d33); color:var(--txt);
  font-size:17px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  border:1px solid var(--line); transition:all .15s;
}
.va-btn:hover{border-color:var(--accent); color:var(--accent); transform:translateX(4px);}
.va-btn.primary{background:linear-gradient(180deg,#25d0ff,#0e9fd0); color:#02131a;}
.va-btn.primary:hover{color:#02131a; filter:brightness(1.15);}
.va-btn.small{width:auto; display:inline-block; padding:8px 16px; font-size:13px; margin:4px;}
::-webkit-scrollbar{width:8px;} ::-webkit-scrollbar-thumb{background:#2a3550; border-radius:4px;}