/* Volo — simulatore di volo nel browser
   Autore: Massimiliano Petra <massimiliano.petra@gmail.com>
   Copyright (C) 2026 Massimiliano Petra
   Licenza: GNU General Public License versione 3 o successiva
   (GPL-3.0-or-later). Questo programma è software libero: puoi
   ridistribuirlo e/o modificarlo secondo i termini della GNU GPL
   pubblicata dalla Free Software Foundation, versione 3 o (a tua scelta)
   qualunque versione successiva. È distribuito SENZA ALCUNA GARANZIA.
   Testo completo nel file LICENSE.
   ---------------------------------------------------------------------
   Pagina HANGAR (hangar.html): modello 3D a sinistra, scheda dell'aereo a destra. Tema scuro come il gioco. */
:root{
  --fondo:#0b1322; --panel:rgba(8,16,30,.9); --riga:#22324a; --ink:#e8f1f8; --dim:#8ea6bb;
  --cyan:#39d7ff; --amber:#ffb020; --verde:#4ade80; --rosso:#f87171;
  --f-ui:"B612",system-ui,sans-serif; --f-num:"B612 Mono",ui-monospace,Menlo,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%;margin:0}
body{background:var(--fondo);color:var(--ink);font:14px/1.5 var(--f-ui);display:flex;flex-direction:column;overflow:hidden}
button{font:700 12px var(--f-ui);letter-spacing:.06em;color:var(--ink);background:#13213a;border:1px solid var(--riga);border-radius:6px;padding:7px 12px;cursor:pointer}
button:hover{border-color:var(--cyan)}
button.attivo{background:#0e3b52;border-color:var(--cyan);color:var(--cyan)}

.barra{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--riga);background:#0d182b}
.marchio{font:700 13px var(--f-num);letter-spacing:.18em;color:var(--cyan)}
.schede{display:flex;gap:6px;flex-wrap:wrap}
.torna{margin-left:auto;color:var(--dim);font-size:12px;text-decoration:none}
.torna:hover{color:var(--cyan)}

main{flex:1;display:flex;min-height:0}
.vista{flex:1;position:relative;min-width:0}
#hangar3d{display:block;width:100%;height:100%;cursor:grab;touch-action:none}
#hangar3d:active{cursor:grabbing}
.suggerimento{position:absolute;left:14px;bottom:10px;margin:0;font-size:11px;color:var(--ink);background:rgba(8,16,30,.7);padding:3px 8px;border-radius:5px;pointer-events:none}

.scheda{width:27rem;max-width:45vw;overflow-y:auto;padding:18px 20px 24px;background:var(--panel);border-left:1px solid var(--riga);scrollbar-width:thin}
.scheda h1{font:700 22px/1.2 var(--f-ui);margin:0 0 2px}
.scheda .sotto{color:var(--dim);font-size:12px;margin:0 0 12px}
.scheda h2{font:700 11px var(--f-ui);letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin:18px 0 6px;border-bottom:1px solid var(--riga);padding-bottom:4px}
.scheda p{margin:0 0 10px}
.consiglio{border-left:3px solid var(--amber);padding:4px 0 4px 10px;color:#f3e3c0}
.numeri{width:100%;border-collapse:collapse;font-size:13px}
.numeri td{padding:3px 0;border-bottom:1px solid rgba(34,50,74,.6);vertical-align:top}
.numeri td:first-child{color:var(--dim);padding-right:10px;width:44%}
.numeri td:last-child{font-weight:700}
.dotazioni{list-style:none;padding:0;margin:0;font-size:13px}
.dotazioni li{padding:3px 0}
.dotazioni .si::before{content:"✓ ";color:var(--verde);font-weight:700}
.dotazioni .no::before{content:"✗ ";color:var(--rosso);font-weight:700}
.dotazioni .no{color:var(--dim)}
.vola{display:block;width:100%;margin-top:20px;padding:12px;font-size:14px;background:#0e3b52;border-color:var(--cyan);color:var(--cyan)}
.vola[disabled]{opacity:.6;cursor:default}
.nota{font-size:11px;color:var(--dim);margin-top:14px}

@media (max-width:760px){
  main{flex-direction:column}
  .vista{flex:none;height:45vh}
  .scheda{width:auto;max-width:none;border-left:0;border-top:1px solid var(--riga)}
}