:root{--fondo:#101418;--pannello:#0e1218e6;--testo:#eef0ea;--tenue:#a3aab0;--blu:#2a4a86;--arancio:#ff7a1a;--rosso:#ff4b3a;--oro:#e9c23a;--argento:#cfd6dc;--verde:#49e37a;--titoli:"Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--mono:"DejaVu Sans Mono", "Liberation Mono", Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;color:var(--testo);background:#000;margin:0;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}[hidden]{display:none!important}#schermo-gioco{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0 0 76px}#scena{width:min(100vw,177.778vh - 135.111px);height:min(100vh - 76px,56.25vw);image-rendering:pixelated;image-rendering:crisp-edges;display:block}body[data-modo=menu] #schermo-gioco{visibility:hidden}#schermo{z-index:5;align-items:center;padding:4vh 6vw;display:flex;position:fixed;inset:0;overflow-y:auto}#schermo.menu,#schermo.guida,#schermo.impostazioni{background:linear-gradient(90deg,#080a0ef2 0%,#080a0ebf 38%,#080a0e26 75%),url(/assets/ui/copertina.webp) 50%/cover no-repeat,radial-gradient(circle at 70% 55%,#2a4a86,#101418 70%)}#schermo.pausa,#schermo.fine,#schermo.vittoria{background:#04060abd;justify-content:center}.pannello{flex-direction:column;gap:12px;width:min(420px,100%);margin:auto 0;display:flex}.pannello.largo{background:var(--pannello);border-left:4px solid var(--blu);width:min(760px,100%);padding:24px 28px}#schermo.pausa .pannello,#schermo.fine .pannello,#schermo.vittoria .pannello{background:var(--pannello);border-top:4px solid var(--blu);margin:auto;padding:28px}h1,h2,h3,button,.sottotitolo,dt,.barra label{font-family:var(--titoli);text-transform:uppercase;letter-spacing:.04em;font-stretch:75%}h1{text-shadow:0 4px 24px #0009;margin:0;font-size:clamp(44px,7vw,86px);font-weight:800;line-height:.92}h1 em{color:var(--arancio);font-style:normal;display:block}h2{margin:0 0 4px;font-size:34px}h3{color:var(--arancio);margin:14px 0 0;font-size:18px}.sottotitolo{color:#8fb4ff;letter-spacing:.3em;margin:0 0 18px;font-size:20px}button{color:var(--testo);cursor:pointer;text-align:left;background:#ffffff12;border:1px solid #ffffff38;padding:12px 20px;font-size:20px;transition:background .12s,transform .12s,border-color .12s}button:hover,button:focus-visible{background:#2a4a8680;border-color:#8fb4ff;outline:none;transform:translate(4px)}button.primario{background:var(--arancio);border-color:var(--arancio);color:#17100a;font-size:28px;font-weight:800}button.primario:hover,button.primario:focus-visible{background:#ff9440}.record{color:var(--tenue);margin:10px 0 0}.record b{color:var(--testo)}.tocco{color:var(--arancio);margin:0;display:none}@media (hover:none) and (pointer:coarse){.tocco{display:block}}.pannello label{color:var(--tenue);grid-template-columns:1fr auto;gap:4px 12px;display:grid}.pannello label input[type=range]{accent-color:var(--arancio);grid-column:1/-1;width:100%}output{color:var(--testo);font-variant-numeric:tabular-nums}.tasti{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 24px;margin:6px 0;display:grid}.tasti div{grid-template-columns:150px 1fr;align-items:baseline;gap:10px;display:grid}.tasti dt{color:var(--arancio);white-space:nowrap}.tasti dd{color:var(--tenue);margin:0}.elenco{color:var(--tenue);margin:4px 0}.elenco b{color:var(--arancio)}ul.automi{gap:6px;margin:0;padding:0;list-style:none;display:grid}ul.automi li{grid-template-columns:130px 1fr;gap:12px;display:grid}ul.automi span{color:var(--tenue);font-size:14px}.riepilogo{grid-template-columns:1fr 1fr;gap:10px 20px;margin:4px 0 10px;display:grid}.riepilogo dt{color:var(--tenue);font-size:14px}.riepilogo dd{font:800 30px var(--titoli);font-variant-numeric:tabular-nums;margin:0}.nuovo-record{color:var(--arancio);font:800 20px var(--titoli);letter-spacing:.2em;margin:0;animation:.8s infinite alternate pulsa}@keyframes pulsa{to{opacity:.45}}#hud{pointer-events:none;z-index:3;font-variant-numeric:tabular-nums;position:fixed;inset:0}.barra{background:#1b2a4a;border-top:3px solid #0d1526;grid-template-columns:repeat(6,minmax(70px,1fr)) 2fr;gap:3px;height:76px;padding:5px;display:grid;position:absolute;bottom:0;left:0;right:0}.barra>div{background:#0f1930;border:2px solid #0a1020;border-color:#33487a #0a1020 #0a1020 #33487a;align-content:center;justify-items:center;gap:0;display:grid}.barra label{color:#8fa6d6;letter-spacing:.14em;font-size:11px}.barra b{font:700 26px/1 var(--mono);color:#f1f3ee}.barra .arma b{font:700 17px/1.1 var(--titoli);text-transform:uppercase;letter-spacing:.06em;text-align:center}#hud.grave .salute b{color:var(--rosso);animation:.5s infinite alternate pulsa}#h-tessere{gap:6px;display:flex}#h-tessere i{background:#0a1020;border:2px solid #33487a;width:26px;height:17px}#h-tessere i.oro.presa{background:var(--oro);border-color:#fff4b8}#h-tessere i.argento.presa{background:var(--argento);border-color:#fff}.mirino{border:1px solid #ffffffbf;width:6px;height:6px;margin:-3px;position:absolute;top:calc(50% - 38px);left:50%;box-shadow:0 0 0 1px #0009}.lampo{opacity:0;position:absolute;inset:0 0 76px}.lampo.ferito{background:#ff1e1480;animation:.45s ease-out svanisci}.lampo.raccolto{background:#ffd75a47;animation:.3s ease-out svanisci}@keyframes svanisci{0%{opacity:1}to{opacity:0}}#h-messaggio{border-left:3px solid var(--arancio);font:700 20px var(--titoli);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;opacity:0;background:#080c14b8;padding:6px 16px;transition:opacity .35s;position:absolute;top:9%;left:50%;transform:translate(-50%)}#h-messaggio.visibile{opacity:1}#h-mappa{image-rendering:pixelated;border:2px solid #33487a;position:absolute;top:14px;right:14px}#h-riepilogo{background:var(--pannello);border-top:4px solid var(--verde);text-align:center;min-width:min(420px,90vw);padding:22px 28px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}#h-riepilogo dl{text-align:left;grid-template-columns:1fr auto;gap:4px 24px;margin:10px 0;display:grid}#h-riepilogo dl div{display:contents}#h-riepilogo dt{color:var(--tenue)}#h-riepilogo dd{font:700 20px var(--mono);text-align:right;margin:0}#h-riepilogo p{color:var(--arancio);margin:8px 0 0;animation:.7s infinite alternate pulsa}@media (prefers-reduced-motion:reduce){*{animation-duration:10ms!important}}