:root{--fondo:#1b1b24;--pannello:#262636;--testo:#f4f1e8;--tenue:#a9a6b8;--accento:#ffcf3f}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--testo);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#gioco{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#gioco canvas{image-rendering:pixelated}#gira-telefono{z-index:20;background:var(--fondo);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:20px;display:none;position:fixed;inset:0}.gira-icona{font-size:56px}@media (orientation:portrait) and (pointer:coarse){#gira-telefono{display:flex}}#barra{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:10;gap:8px;display:flex;position:fixed}#barra button{width:40px;height:40px;color:var(--testo);background:#00000059;border:2px solid #ffffff40;border-radius:10px;font-size:20px;line-height:1}#laboratorio{z-index:15;background:#0a0a1099;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}#laboratorio[hidden]{display:none}.lab-scheda{background:var(--pannello);border:3px solid var(--accento);touch-action:pan-y;border-radius:14px;width:min(520px,100%);max-height:100%;padding:16px 18px;overflow-y:auto}.lab-scheda h2{color:var(--accento);margin:0 0 4px}.lab-nota{color:var(--tenue);margin:4px 0 10px;font-size:14px}.lab-riga{gap:4px;margin:10px 0;display:grid}.lab-riga label{justify-content:space-between;font-weight:600;display:flex}.lab-riga small{color:var(--tenue)}.lab-riga input[type=range]{width:100%;accent-color:var(--accento);height:28px}.lab-azioni{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.lab-azioni button{color:var(--testo);font:inherit;background:0 0;border:2px solid #ffffff4d;border-radius:10px;flex:auto;padding:10px 12px;font-weight:600}.lab-azioni button.primario{background:var(--accento);color:#1b1b24;border-color:var(--accento)}#pannello{z-index:14;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:#080910b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pannello[hidden]{display:none}.pan-scheda{background:var(--pannello);border:3px solid var(--accento);touch-action:pan-y;-webkit-overflow-scrolling:touch;border-radius:14px;gap:12px;width:min(760px,100%);max-height:100%;padding:14px 16px 16px;font-size:15px;line-height:1.45;display:grid;overflow-y:auto}.pan-scheda h2{color:var(--accento);margin:0;font-size:22px}.pan-scheda h3{color:var(--testo);margin:6px 0 0;font-size:16px}.pan-testa{gap:2px;display:grid}.pan-passo{letter-spacing:.08em;text-transform:uppercase;color:var(--tenue);margin:0;font-size:12px}.pan-nota{color:var(--tenue);margin:0;font-size:14px}.pan-avviso{color:var(--accento);white-space:pre-wrap;margin:0;font-size:14px}.campo{gap:6px;display:grid}.campo-etichetta{font-size:14px;font-weight:700}.campo small{color:var(--tenue)}.pan-scheda input[type=text],.pan-scheda textarea{font:inherit;width:100%;color:var(--testo);-webkit-user-select:text;user-select:text;touch-action:auto;background:#15151f;border:2px solid #fff3;border-radius:10px;padding:10px 12px}.pan-scheda textarea{resize:vertical;min-height:72px}.pan-scheda input:focus,.pan-scheda textarea:focus,.pan-scheda button:focus-visible{outline:3px solid var(--accento);outline-offset:2px}.scelte{flex-wrap:wrap;gap:8px;display:flex}.scelte button{font:inherit;color:var(--testo);cursor:pointer;background:0 0;border:2px solid #ffffff40;border-radius:999px;padding:8px 12px;font-size:14px}.scelte button[aria-pressed=true]{border-color:var(--accento);background:#ffcf3f29}.scelte button.carta{text-align:left;border-radius:12px;flex:200px;gap:2px;padding:10px 12px;display:grid}.scelte button.carta small{color:var(--tenue);font-size:13px}.scelte button.colore{background:var(--c);border-radius:50%;width:38px;height:38px;padding:0}.scelte button.colore[aria-pressed=true]{outline:3px solid var(--accento);outline-offset:2px;background:var(--c)}.pan-azioni{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pan-azioni button,.pan-scheda>button.secondario{font:inherit;color:var(--testo);cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:10px;padding:11px 16px;font-weight:700}.pan-scheda>button.secondario{justify-self:start}.pan-azioni button.primario{background:var(--accento);color:#1b1b24;border-color:var(--accento)}.pan-azioni button.pericolo{color:#ff8a80;border-color:#e2483d}.scheda-eroe{border-left:4px solid var(--accento);background:#1b1b28;border-radius:8px;gap:8px;padding:12px 14px;display:grid}.scheda-eroe h3{color:var(--accento);margin:0;font-size:18px}.scheda-eroe blockquote{color:var(--tenue);margin:0;font-style:italic}.scheda-eroe dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;display:grid}.scheda-eroe dt{font-weight:700}.scheda-eroe dd{color:var(--tenue);margin:0}.statistiche{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 16px;display:grid}.stat{justify-content:space-between;gap:8px;display:flex}.stat .barre{color:var(--accento);letter-spacing:2px}.guardaroba{grid-template-columns:150px 1fr;align-items:start;gap:16px;display:grid}.specchio{background:#15151f;border-radius:12px;justify-items:center;gap:6px;padding:10px;display:grid;position:sticky;top:0}.anteprima-eroe{width:112px;height:144px;image-rendering:pixelated}.specchio-nome{text-align:center;margin:0;font-weight:700}.guardaroba-scelte{gap:10px;min-width:0;display:grid}@media (width<=560px){.guardaroba{grid-template-columns:1fr}.specchio{grid-template-columns:auto 1fr;place-items:center start}.anteprima-eroe{width:70px;height:90px}.scheda-eroe dl{grid-template-columns:1fr}}