:root{--fondo:#14151a;--pannello:#101116db;--testo:#f1ede6;--tenue:#a9a59d;--arancio:#ff7a1a;--ciano:#31d7ff;--rosso:#ff4b3a;--verde:#49e37a;--blu:#31a8ff;--titoli:"Bahnschrift", "DIN Condensed", "Roboto Condensed", "Arial Narrow", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--testo);margin:0;font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#scena{width:100%;height:100%;display:block;position:fixed;inset:0}body[data-modo=menu] #scena{visibility:hidden}[hidden]{display:none!important}#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,#0c0c10f0 0%,#0c0c10b8 38%,#0c0c101a 75%),url(/assets/ui/copertina.webp) 50%/cover no-repeat,radial-gradient(circle at 70% 60%,#5a3326,#14151a 70%)}#schermo.pausa,#schermo.fine{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08080cb8;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(--arancio);width:min(760px,100%);padding:24px 28px}#schermo.pausa .pannello,#schermo.fine .pannello{background:var(--pannello);border-top:4px solid var(--arancio);margin:auto;padding:28px}h1,h2,h3,button,.sottotitolo,dt,kbd,#hud strong,#hud label,#h-nome,#h-stato{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}h1 small{vertical-align:middle;font-size:.45em}h2{margin:0 0 4px;font-size:34px}h3{color:var(--arancio);margin:14px 0 0;font-size:18px}.sottotitolo{color:var(--ciano);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{border-color:var(--arancio);background:#ff7a1a38;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%}.pannello label.riga{align-items:center;gap:10px;display:flex}.pannello label.riga input{accent-color:var(--arancio);width:18px;height:18px}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}ul.armi,ul.robot{gap:8px;margin:0;padding:0;list-style:none;display:grid}ul.armi{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}ul.armi li{grid-template-columns:76px 1fr;align-items:center;gap:0 10px;display:grid}ul.armi img{opacity:.9;grid-row:span 2;width:76px}ul.armi span,ul.robot span{color:var(--tenue);font-size:14px}ul.robot{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}ul.robot li{grid-template-columns:64px 1fr;align-items:center;gap:0 12px;display:grid}ul.robot img{object-fit:cover;border:1px solid #fff3;grid-row:span 2;width:64px;height:64px}.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;text-shadow:0 1px 3px #000000e6;font-variant-numeric:tabular-nums;position:fixed;inset:0}#hud>div{position:absolute}.mirino{--apertura:6px;top:50%;left:50%}.mirino i{background:#fff;position:absolute;box-shadow:0 0 2px #000}.mirino i:first-child{width:2px;height:9px;left:-1px;bottom:var(--apertura)}.mirino i:nth-child(2){width:2px;height:9px;left:-1px;top:var(--apertura)}.mirino i:nth-child(3){width:9px;height:2px;top:-1px;right:var(--apertura)}.mirino i:nth-child(4){width:9px;height:2px;top:-1px;left:var(--apertura)}.mirino b{background:#fff;width:2px;height:2px;position:absolute;top:-1px;left:-1px}.mirino em{opacity:0;background:linear-gradient(45deg,#0000 46%,currentColor 46% 54%,#0000 54%) 0 0/9px 9px no-repeat,linear-gradient(45deg,#0000 46%,currentColor 46% 54%,#0000 54%) 100% 100%/9px 9px no-repeat,linear-gradient(-45deg,#0000 46%,currentColor 46% 54%,#0000 54%) 100% 0/9px 9px no-repeat,linear-gradient(-45deg,#0000 46%,currentColor 46% 54%,#0000 54%) 0 100%/9px 9px no-repeat;width:26px;height:26px;position:absolute;top:-13px;left:-13px}.mirino em.segno{color:#fff;animation:.18s ease-out segno}.mirino em.critico{color:var(--ciano);animation:.26s ease-out segno}@keyframes segno{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}.ottica{opacity:0;background:linear-gradient(#000,#000) 50%/1px 100vh no-repeat,linear-gradient(#000,#000) 50%/100vw 1px no-repeat,radial-gradient(circle,#0000 0 38vh,#000 38.4vh);inset:0}.ottica.visibile{opacity:1}.danno{opacity:0;background:radial-gradient(#0000 55%,#ff28148c);inset:0}.danno.visibile{animation:.7s ease-out svanisci}#hud.grave .danno{opacity:.5;animation:.6s infinite alternate pulsa}.freccia{opacity:0;width:0;height:0;top:50%;left:50%}.freccia span{border:34px solid #0000;border-top:0;border-bottom:22px solid #ff3c28d9;position:absolute;top:-150px;left:-34px}.freccia.visibile{animation:1.1s ease-out svanisci}@keyframes svanisci{0%{opacity:1}to{opacity:0}}.alto-centro{text-align:center;top:18px;left:50%;transform:translate(-50%)}.alto-centro strong{letter-spacing:.18em;font-size:26px;display:block}.alto-centro span{color:var(--tenue);text-transform:uppercase;letter-spacing:.12em;font-size:14px}.alto-destra{text-align:right;top:18px;right:24px}.alto-destra strong{font-size:34px;line-height:1;display:block}.alto-destra span{color:var(--arancio);font:800 24px var(--titoli)}.basso-sinistra{gap:8px;width:min(300px,40vw);display:grid;bottom:22px;left:24px}.barra{grid-template-columns:1fr auto;align-items:end;gap:2px 10px;display:grid}.barra label{color:var(--tenue);grid-column:1/-1;font-size:12px}.barra>div{background:#0000008c;border:1px solid #ffffff40;height:12px;transform:skew(-18deg)}.barra i{background:var(--verde);height:100%;transition:width .15s;display:block}.barra.armatura i{background:var(--blu)}.barra b{font:800 24px/.8 var(--titoli);text-align:right;min-width:44px}#hud.grave .barra.vita i{background:var(--rosso)}.basso-destra{text-align:right;justify-items:end;gap:2px;display:grid;bottom:22px;right:24px}#h-icona{opacity:.92;filter:drop-shadow(0 2px 4px #000c);height:64px}.colpi strong{font-size:58px;line-height:.9}.colpi strong.pochi{color:var(--rosso)}.colpi span{font:24px var(--titoli);color:var(--tenue);margin-left:8px}#h-nome{color:var(--tenue);font-size:14px}#h-stato{color:var(--arancio);min-height:22px;font-size:16px}#h-armi{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}#h-armi li{background:#00000073;border:1px solid #fff3;width:62px;height:36px;padding:2px 4px;position:relative}#h-armi li img{object-fit:contain;opacity:.7;width:100%;height:100%}#h-armi kbd{color:var(--tenue);font-size:11px;position:absolute;top:0;left:3px}#h-armi li.attiva{border-color:var(--arancio);background:#ff7a1a40}#h-armi li.attiva img{opacity:1}#h-armi li.chiusa,#h-armi li.vuota img{opacity:.25}#h-avviso{text-align:center;opacity:0;white-space:nowrap;transition:opacity .4s;top:24%;left:50%;transform:translate(-50%)}#h-avviso.visibile{opacity:1;animation:.35s ease-out entra}#h-avviso strong{letter-spacing:.14em;color:var(--arancio);font-size:clamp(36px,6vw,64px);display:block}#h-avviso span{letter-spacing:.1em;text-transform:uppercase;font-size:18px}@keyframes entra{0%{opacity:0;transform:translate(-50%)scale(1.25)}}#h-premi{justify-items:center;gap:2px;display:grid;top:58%;left:50%;transform:translate(-50%)}#h-premi div{font:800 20px var(--titoli);animation:1.4s ease-out forwards sale}#h-premi .punti{color:var(--arancio)}#h-premi .munizioni{color:#ffb321}#h-premi .medikit{color:var(--verde)}#h-premi .armatura{color:var(--blu)}@keyframes sale{0%{opacity:0;transform:translateY(10px)}15%{opacity:1}to{opacity:0;transform:translateY(-22px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:10ms!important}}.nota{color:var(--tenue);margin:0;font-size:14px}