:root{--marca: #48a9a6;--marca-chiara: #6fd3d0;--accento: #f26a4f;--giallo: #f3c85c;--sez: var(--marca-chiara);--sez-chiara: var(--marca-chiara);--notte: #141a38;--fondo: #0b0f24;--carta: #1a2145;--bordo: #2b3566;--testo: #eaedf9;--tenue: #a9b2d6;--raggio: 14px;--misura: 68ch;--h-testata: 62px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--testo);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.65;-webkit-text-size-adjust:100%}img{max-width:100%;display:block;height:auto}a{color:var(--sez-chiara)}.sezione,.scheda{--sez-chiara: color-mix(in srgb, var(--sez) 55%, white)}@supports not (color: color-mix(in srgb,red,white)){.sezione,.scheda{--sez-chiara: var(--marca-chiara)}}.contenitore{width:min(100% - 2.5rem,1120px);margin-inline:auto}.stretto{width:min(100% - 2.5rem,var(--misura));margin-inline:auto}.prosa{max-width:var(--misura)}.testata{background:linear-gradient(to right,var(--marca),var(--giallo));box-shadow:0 2px 16px #00000073;position:sticky;top:0;z-index:10}.testata>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;min-height:var(--h-testata)}.marchio{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:-.015em;text-decoration:none;color:#fff;font-size:1rem}.marchio img{width:auto;height:42px}.marchio span{text-shadow:0 1px 2px rgb(0 0 0 / .35);border-left:1px solid rgb(255 255 255 / .45);padding-left:.55rem}main{display:block;min-height:60vh}.copertina{padding:3rem 0 1.5rem;max-width:var(--misura)}.copertina h1{font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 .6rem}.copertina p{color:var(--tenue);font-size:1.1rem;margin:0}.sezione{margin:2.6rem 0;scroll-margin-top:calc(var(--h-testata) + 63px + 1rem)}.sezione:first-of-type{margin-top:1.4rem}.sezione-testa{display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem}.sezione-testa img{width:88px;border-radius:10px;border:1px solid var(--bordo)}.sezione-testa h2{margin:0;font-size:1.45rem;letter-spacing:-.02em;border-left:5px solid var(--sez-chiara);padding-left:.7rem}.conta{margin:.15rem 0 0 1.05rem;color:var(--tenue);font-size:.85rem}.griglia{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.carta{display:flex;flex-direction:column;background:var(--carta);border:1px solid var(--bordo);border-radius:var(--raggio);overflow:hidden;text-decoration:none;color:inherit;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}.carta:hover,.carta:focus-visible{transform:translateY(-3px);border-color:var(--sez-chiara);box-shadow:0 10px 26px #00000073}.carta-figura{display:block;aspect-ratio:1 / 1;background:var(--notte)}.carta-figura img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carta-figura[data-mappa] img{-o-object-fit:contain;object-fit:contain;padding:.4rem}.carta-testo{display:block;padding:.8rem .9rem 1rem}.carta-nome{display:block;font-weight:700;font-size:1.02rem;line-height:1.25}.carta .occhiello{display:block;color:var(--tenue);font-size:.86rem;margin-top:.25rem}.visibilita{display:inline-block;margin-top:.5rem;font-size:.74rem;font-weight:700;letter-spacing:.02em;padding:.12rem .5rem;border-radius:999px;border:1px solid currentColor}.v-occhio-nudo{color:var(--giallo)}.v-binocolo{color:var(--marca-chiara)}.v-telescopio{color:#b3a4ff}.v-mai{color:var(--tenue)}.esito{color:var(--tenue);font-size:.9rem;margin:0}.barra{position:sticky;top:var(--h-testata);z-index:9;background:#0b0f24eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--bordo);margin-bottom:1.2rem}.barra-dentro{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 0}.campo{flex:1 1 150px;min-width:0;display:flex;align-items:center;gap:.5rem;background:var(--carta);border:1px solid var(--bordo);border-radius:999px;padding:.35rem .9rem;color:var(--tenue)}.campo:focus-within{border-color:var(--marca-chiara)}.campo input{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--testo);font:inherit;font-size:.95rem;padding:.15rem 0}.campo input::-moz-placeholder{color:var(--tenue);opacity:.8}.campo input::placeholder{color:var(--tenue);opacity:.8}.campo input::-webkit-search-cancel-button{display:none}.campo-pulisci{flex:none;background:none;border:0;cursor:pointer;color:var(--tenue);font-size:1.3rem;line-height:1;padding:0 .2rem}.campo-pulisci:hover{color:var(--testo)}.filtri-apri{flex:none;display:inline-flex;align-items:center;gap:.5rem;background:var(--carta);color:var(--testo);border:1px solid var(--bordo);border-radius:999px;padding:.45rem 1rem;font:inherit;font-size:.9rem;cursor:pointer}.filtri-apri:hover{border-color:var(--marca-chiara)}.filtri-apri span{color:var(--tenue);font-size:.7rem}.pillole{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:.4rem;padding-bottom:.4rem}.pillola{--p: var(--tenue);background:none;color:var(--p);border:1px solid var(--bordo);border-radius:999px;padding:.3rem .8rem;font:inherit;font-size:.85rem;cursor:pointer;white-space:nowrap}.pillola small{opacity:.65;margin-left:.15em;font-variant-numeric:tabular-nums}.pillola:hover{border-color:var(--p)}.pillola.v-occhio-nudo{--p: var(--giallo)}.pillola.v-binocolo{--p: var(--marca-chiara)}.pillola.v-telescopio{--p: #b3a4ff}.pillola.v-mai{--p: var(--tenue)}.pillola[aria-pressed=true]{background:var(--p);border-color:var(--p);color:#0b0f24;font-weight:650}.pillola[aria-pressed=true] small{opacity:.75}.vuoto{text-align:center;padding:3rem 0;color:var(--tenue)}.solo-stretto{display:none}.scheda-testa{padding:2.2rem 0 1.2rem}.briciole{font-size:.85rem;color:var(--tenue);margin:0 0 .8rem}.briciole a{color:var(--tenue)}.scheda-testa h1{font-size:clamp(2rem,6vw,3rem);line-height:1.06;letter-spacing:-.03em;margin:0 0 .4rem}.scheda-testa .occhiello{font-size:1.15rem;color:var(--tenue);margin:0 0 .8rem;max-width:var(--misura)}.scheda-testa .visibilita{margin-top:0}.eroe{margin:0 0 2rem}.eroe img{width:100%;border-radius:var(--raggio);border:1px solid var(--bordo);background:var(--notte)}.eroe[data-tipo=mappa] img{max-width:560px;margin-inline:auto}.eroe figcaption,.figura figcaption{margin-top:.6rem;color:var(--tenue);font-size:.9rem;max-width:var(--misura)}.titolo{font-size:1.35rem;letter-spacing:-.02em;margin:2.6rem 0 .9rem;border-left:5px solid var(--sez-chiara);padding-left:.7rem}.sotto-titolo{color:var(--tenue);font-size:.95rem;margin:-.4rem 0 1rem}.richiamo-libro{background:var(--notte);border:1px solid var(--bordo);border-left:5px solid var(--accento);border-radius:var(--raggio);padding:1.1rem 1.2rem;margin:0 0 1rem;max-width:var(--misura)}.richiamo-occhiello{margin:0 0 .3rem;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accento)}.richiamo-libro p{margin:0}.bottone-libro{display:inline-block;margin-top:.9rem;background:var(--marca);color:#06231f;text-decoration:none;font-weight:700;padding:.55rem 1.1rem;border-radius:999px}.bottone-libro:hover{background:var(--marca-chiara)}.box-dati{display:grid;gap:.1rem;margin:0;border:1px solid var(--bordo);border-radius:var(--raggio);overflow:hidden;background:var(--bordo)}.riga-dato{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline;background:var(--notte);padding:.75rem 1rem}.riga-dato dt{color:var(--tenue);font-size:.95rem}.riga-dato dd{margin:0;text-align:right}.riga-dato .valore{font-weight:700;font-size:1.15rem;white-space:nowrap}.riga-dato .valore small{font-weight:600;font-size:.8em;color:var(--tenue);margin-left:.2em}.riga-dato .nota{display:block;color:var(--tenue);font-size:.82rem;font-weight:400}.riga-dato .esatto{display:block;margin-top:.25rem;font-size:.82rem;color:var(--giallo)}.riga-dato .esatto small{color:var(--tenue);margin-left:.35em}.sequenza{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}.sequenza li{display:flex;gap:1rem;align-items:flex-start;background:var(--notte);border:1px solid var(--bordo);border-radius:var(--raggio);padding:1rem 1.1rem}.passo-numero{flex:none;width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;background:var(--sez-chiara);color:#0b0f24;font-weight:800;font-size:.95rem}.sequenza h3{margin:0 0 .2rem;font-size:1.05rem}.sequenza p{margin:0;color:var(--tenue)}.cielo{display:grid;gap:1rem}.cielo-voce{background:var(--notte);border:1px solid var(--bordo);border-radius:var(--raggio);padding:1rem 1.1rem}.cielo-voce h3{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sez-chiara)}.cielo-voce p{margin:0}.stelle{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.stelle li{display:flex;gap:.4rem;align-items:baseline;border:1px solid var(--bordo);border-radius:999px;padding:.2rem .7rem}.stelle span{color:var(--tenue);font-size:.82rem}.curiosita{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.curiosita li{display:flex;gap:.9rem;align-items:flex-start;background:var(--notte);border:1px solid var(--bordo);border-radius:var(--raggio);padding:.85rem 1rem}.curiosita-numero{flex:none;font-weight:800;color:var(--sez-chiara);font-variant-numeric:tabular-nums}.curiosita p{margin:0}.riquadri{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.riquadro{background:var(--notte);border:1px solid var(--bordo);border-radius:var(--raggio);padding:1rem 1.1rem}.riquadro p{margin:0}.riquadro.indovinello p{font-style:italic}.indice-piccolo{display:block;margin-bottom:.3rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sez-chiara)}.quiz{display:grid;gap:1rem}.domanda{background:var(--notte);border:1px solid var(--bordo);border-top:4px solid var(--sez-chiara);border-radius:var(--raggio);padding:1rem 1.1rem}.domanda-quale{margin:0 0 .25rem;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}.dal-libro{margin-left:.5rem;color:var(--giallo);text-transform:none;letter-spacing:0}.domanda-testo{margin:0 0 .8rem;font-size:1.08rem;font-weight:650}.opzioni{display:grid;gap:.5rem}.opzione{display:flex;gap:.7rem;align-items:center;text-align:left;background:var(--carta);color:inherit;border:1px solid var(--bordo);border-radius:10px;padding:.6rem .8rem;font:inherit;cursor:pointer;transition:border-color .14s ease,background .14s ease}.opzione:hover:not(:disabled){border-color:var(--sez-chiara)}.opzione:disabled{cursor:default;opacity:1}.segno{flex:none;width:1.7rem;height:1.7rem;border-radius:999px;display:grid;place-items:center;font-weight:800;font-size:.85rem;background:var(--bordo);color:var(--testo)}.opzione.giusta{border-color:#4ec38a;background:#4ec38a1f}.opzione.giusta .segno{background:#4ec38a;color:#06231f}.opzione.sbagliata{border-color:var(--accento);background:#f26a4f1f}.opzione.sbagliata .segno{background:var(--accento);color:#2a0d06}.spiegazione{margin:.7rem 0 0;color:var(--tenue);font-size:.95rem}.punteggio{display:flex;gap:1rem;align-items:center;justify-content:space-between;color:var(--tenue);font-size:.9rem}.punteggio button{background:none;border:1px solid var(--bordo);color:var(--testo);border-radius:999px;padding:.3rem .9rem;font:inherit;font-size:.85rem;cursor:pointer}.punteggio button:hover{border-color:var(--sez-chiara)}.glossario{margin:0;display:grid;gap:.6rem}.glossario>div{background:var(--notte);border:1px solid var(--bordo);border-radius:var(--raggio);padding:.85rem 1rem}.glossario dt{font-weight:700;color:var(--sez-chiara)}.glossario dd{margin:.15rem 0 0;color:var(--tenue)}.fonti{margin:2.5rem 0 0;color:var(--tenue);font-size:.82rem}.fonti a{color:var(--tenue)}.vicini{display:flex;justify-content:space-between;gap:1rem;margin:2rem 0 3.5rem;padding-top:1.2rem;border-top:1px solid var(--bordo);font-weight:650}.vicini a{text-decoration:none}.vicini a:hover{text-decoration:underline}.fondo{background:linear-gradient(to right,var(--marca),var(--giallo));color:#fff;margin-top:3rem;padding:2.5rem 0 1.5rem;text-shadow:0 1px 2px rgb(0 0 0 / .3)}.fondo-colonne{display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr}.fondo-logo{width:auto;height:46px;margin-bottom:.8rem}.fondo h2{font-size:.95rem;margin:0 0 .5rem;letter-spacing:.02em}.fondo p{margin:.2rem 0;font-size:.92rem}.fondo a{color:#fff;text-decoration:none}.fondo a:hover{text-decoration:underline}.fondo-chiusura{margin-top:2rem;padding-top:1rem;border-top:1px solid rgb(255 255 255 / .35);font-size:.82rem}@media(max-width:760px){.fondo-colonne{grid-template-columns:1fr;gap:1.4rem}.riga-dato{grid-template-columns:1fr;gap:.1rem}.riga-dato dd{text-align:left}}@media(max-width:560px){.contenitore,.stretto{width:min(100% - 2rem,1120px)}.solo-largo{display:none}.solo-stretto{display:inline}.pillola{font-size:.8rem;padding:.28rem .7rem}.filtri-apri{font-size:.85rem;padding:.45rem .8rem}}@media(max-width:380px){.campo{flex-basis:96px}.filtri-apri{font-size:.8rem;padding:.4rem .6rem;gap:.35rem}.griglia{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.marchio img{height:34px}.sezione-testa img{width:64px}}