.albero{border:1px solid var(--linea);background:var(--carta);color:var(--inchiostro)}.albero-barra{border-bottom:1px solid var(--linea);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1.5rem;padding:.7rem 1rem;display:flex}.albero-titolo{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;display:flex}.albero-titolo a{font-family:var(--font-titoli);color:var(--cremisi);font-size:1.6rem;line-height:1.1;text-decoration:none}.albero-titolo a:hover{text-decoration:underline 1px}.albero-comandi{flex-wrap:wrap;gap:.5rem 1.4rem;font-size:.95rem;display:flex}.albero-comandi .gruppo{align-items:center;gap:.35rem;display:inline-flex}.albero-comandi .etichetta{color:var(--inchiostro-tenue);margin-right:.2rem;font-size:.85rem}.albero-comandi button{border:1px solid var(--cremisi);min-width:30px;height:30px;color:var(--cremisi);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:0 .4rem;line-height:1}.albero-comandi button:hover{background:var(--cremisi);color:var(--avorio)}.albero-comandi button.largo{color:var(--cremisi);margin:0 0 0 .2rem;padding-inline:.7rem}.albero-comandi button.largo:hover{color:var(--avorio)}.albero-comandi [data-valore]{text-align:center;min-width:1.1em}.albero-tela{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:min(64vh,620px);min-height:380px}.albero.alto .albero-tela{height:min(72vh,820px)}.albero-tela:active{cursor:grabbing}.albero:not(.pronto) .albero-tela{background:repeating-linear-gradient(90deg,#0000 0 40px,#2a211c08 40px 41px)}.albero-aiuto{border-top:1px solid var(--linea);color:var(--inchiostro-tenue);margin:0;padding:.6rem 1rem;font-size:.88rem;font-style:italic}.albero-anno{border-bottom:1px solid var(--linea);flex-wrap:wrap;align-items:center;gap:.4rem .7rem;padding:.5rem 1rem;font-size:.95rem;display:flex}.albero-anno label{color:var(--inchiostro-tenue);flex:260px;align-items:center;gap:.7rem;font-size:.85rem;display:flex}.albero-anno input[type=range]{min-width:120px;accent-color:var(--cremisi);flex:1;height:30px}.albero-anno output{font-family:var(--font-titoli);color:var(--cremisi);font-variant-numeric:tabular-nums;min-width:2.6em;font-size:1.5rem;line-height:1}.albero-anno button{border:1px solid var(--cremisi);min-width:30px;height:30px;color:var(--cremisi);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:0 .4rem;line-height:1}.albero-anno button:hover{background:var(--cremisi);color:var(--avorio)}.albero-anno button.largo{padding-inline:.7rem}.albero-anno-legenda{color:var(--inchiostro-tenue);font-size:.85rem;font-style:italic}.albero-anno .corona,.albero .nodo .corona{color:var(--oro);fill:var(--oro);font-style:normal}.albero .nodo .corona{font-size:17px;display:none}.albero .nodo.regnante .corona{display:block}.albero .nodo.regnante .fondo{stroke:var(--oro);stroke-width:2.6px;fill:#fff}.albero .nodo.regnante .foto{filter:none}.albero .nodo.fuori-anno{opacity:.28}.albero .nodo.fuori-anno:hover,.albero .nodo.fuori-anno:focus-visible{opacity:.75}.albero .legame{fill:none;stroke:#2a211c6b;stroke-width:1px}.albero .legame.nozze{stroke:var(--oro);stroke-dasharray:4 4;stroke-width:1.4px}.albero .nodo{cursor:pointer;outline:none}.albero .nodo .fondo{fill:var(--avorio);stroke:#2a211c59;stroke-width:1px}.albero .nodo:hover .fondo,.albero .nodo:focus-visible .fondo{stroke:var(--cremisi);fill:#fff}.albero .nodo:focus-visible .fondo{stroke-width:2px}.albero .nodo.centrale .fondo{stroke:var(--cremisi);stroke-width:1.8px;fill:#fff}.albero .nodo .foto{clip-path:circle(50%);filter:grayscale()sepia(.35);transition:filter .4s}.albero .nodo:hover .foto,.albero .nodo.centrale .foto{filter:none}.albero .nodo .senza-foto{fill:var(--avorio-scuro);stroke:#c41e3a66}.albero .nodo .iniziali{font-family:var(--font-titoli);fill:var(--cremisi);letter-spacing:.04em;font-size:17px}.albero .nodo .nome{font-family:var(--font-testo);fill:var(--inchiostro);font-size:13.5px}.albero .nodo.centrale .nome{fill:var(--cremisi);font-weight:500}.albero .nodo .anni{font-family:var(--font-testo);fill:var(--inchiostro-tenue);font-size:11.5px}.albero .nodo .altri{fill:var(--inchiostro-tenue);font-size:16px}@media (width<=640px){.albero-tela{height:62vh}.albero-comandi button{min-width:38px;height:38px}.albero-anno button{min-width:42px;height:42px}.albero-anno input[type=range]{height:42px}}