:root {
  --fondo: #0b1113;
  --pietra: #121b1e;
  --testo: #eae4d8;
  --tenue: #a8a293;
  --bronzo: #c4894b;
  --bronzo-chiaro: #e3b47c;
  --verde: #4fb3a5;
  --bordo: rgba(227, 180, 124, .16);
  --titoli: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
* { box-sizing: border-box; margin: 0; }
html { scroll-behavior: smooth; }
body { background: var(--fondo); color: var(--testo); font: 17px/1.6 var(--font); }
a { color: var(--bronzo-chiaro); }
img { max-width: 100%; display: block; }
.salta { position: absolute; left: -999px; }
.salta:focus { left: 16px; top: 16px; background: var(--bronzo); color: #000; padding: 8px 12px; z-index: 9; }

.testata { position: sticky; top: 0; z-index: 5; display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 14px clamp(16px, 4vw, 48px); background: rgba(11, 17, 19, .85); backdrop-filter: blur(10px); border-bottom: 1px solid var(--bordo); }
.marchio { display: flex; align-items: center; gap: 12px; color: var(--testo); text-decoration: none; font: 600 19px var(--titoli); letter-spacing: .12em; text-transform: uppercase; }
.sigillo { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--bronzo); border-radius: 50%; font-size: 13px; color: var(--bronzo-chiaro);
  box-shadow: inset 0 0 12px rgba(196, 137, 75, .35); }
nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; font-size: 15px; }
nav a { color: var(--tenue); text-decoration: none; }
nav a:hover { color: var(--testo); }
.nav-cta { color: #10181a !important; background: var(--bronzo); padding: 6px 14px; border-radius: 4px; font-weight: 700; }
.nav-a113 { font-size: 13px; opacity: .8; }

.hero { position: relative; min-height: 90vh; display: grid; place-content: center; text-align: center; padding: 90px 16px 70px; overflow: hidden;
  background: radial-gradient(70% 60% at 50% 30%, rgba(79, 179, 165, .14), transparent 70%), linear-gradient(180deg, #0b1113, #0d1517 60%, #0b1113); }
.archi { position: absolute; inset: 0; display: grid; place-items: center; perspective: 600px; }
.archi i { position: absolute; width: calc(var(--k) * 1px); aspect-ratio: 2 / 3; border: 1px solid rgba(196, 137, 75, .28); border-bottom: none;
  border-radius: 50% 50% 0 0 / 34% 34% 0 0; bottom: 0; animation: corridoio 9s linear infinite; opacity: 0; }
.archi i:nth-child(1) { --k: 900; animation-delay: 0s; }
.archi i:nth-child(2) { --k: 900; animation-delay: -2.25s; }
.archi i:nth-child(3) { --k: 900; animation-delay: -4.5s; }
.archi i:nth-child(4) { --k: 900; animation-delay: -6.75s; }
@keyframes corridoio { 0% { transform: scale(.15); opacity: 0; } 25% { opacity: .9; } 100% { transform: scale(1.25); opacity: 0; } }
.hero > *:not(.archi) { position: relative; }
.occhiello { text-transform: uppercase; letter-spacing: .26em; font-size: 12.5px; color: var(--verde); font-weight: 700; }
h1 { font: 500 clamp(52px, 11vw, 124px) / .95 var(--titoli); letter-spacing: .06em; text-transform: uppercase; margin: 14px 0 12px;
  background: linear-gradient(180deg, #f6dfba, var(--bronzo) 70%, #8c5a2c); -webkit-background-clip: text; background-clip: text; color: transparent; }
.motto { font: italic 22px var(--titoli); color: var(--testo); opacity: .9; }
.azioni { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 32px; }
.btn { display: inline-block; padding: 13px 26px; border-radius: 4px; font-weight: 700; text-decoration: none; letter-spacing: .04em; cursor: pointer; border: 0; font-size: 16px; transition: transform .2s, filter .2s; }
.btn:hover { transform: translateY(-2px); filter: brightness(1.08); }
.btn-bronzo { background: linear-gradient(180deg, var(--bronzo-chiaro), var(--bronzo)); color: #10181a; }
.btn-linea { border: 1px solid var(--verde); color: var(--verde); }
.conto { margin-top: 34px; color: var(--tenue); font-size: 15px; }
.conto strong { display: block; font: 600 30px var(--titoli); color: var(--bronzo-chiaro); letter-spacing: .06em; margin-top: 4px; }

.blocco { padding: clamp(64px, 9vw, 110px) clamp(16px, 5vw, 64px); }
.blocco > * { max-width: 1180px; margin-inline: auto; }
.blocco-pietra { background: var(--pietra); border-block: 1px solid var(--bordo); }
h2 { font: 500 clamp(32px, 5vw, 50px) / 1.1 var(--titoli); letter-spacing: .03em; margin-top: 8px; margin-bottom: 20px; }
.titoletto { font: 600 20px var(--titoli); color: var(--bronzo-chiaro); letter-spacing: .05em; margin-top: 40px; margin-bottom: 14px; }
.intro { color: var(--tenue); max-width: 720px; margin-left: 0; }
.griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 18px; }
.carta { background: rgba(255, 255, 255, .025); border: 1px solid var(--bordo); border-radius: 6px; padding: 22px; }
.carta h3 { font: 600 20px var(--titoli); margin: 6px 0; }
.carta p, .carta small { color: var(--tenue); font-size: 15px; }
.carta .icona { font-size: 28px; }
.due { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }
.numeri { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; }
.numero { border: 1px solid var(--bordo); border-radius: 6px; padding: 16px; text-align: center; }
.numero b { display: block; font: 600 34px var(--titoli); color: var(--bronzo-chiaro); }
.numero span { color: var(--tenue); font-size: 14px; }
.barra { height: 8px; background: rgba(255, 255, 255, .07); border-radius: 4px; margin-top: 12px; overflow: hidden; }
.barra i { display: block; height: 100%; background: linear-gradient(90deg, var(--verde), var(--bronzo)); }
.classifica { padding-left: 22px; display: grid; gap: 8px; }
.classifica li { color: var(--tenue); }
.classifica b { color: var(--testo); }
.roster { display: flex; flex-wrap: wrap; gap: 8px; }
.pg { padding: 6px 12px; border-radius: 4px; background: rgba(255, 255, 255, .04); border-left: 3px solid var(--c, var(--bronzo)); font-size: 14.5px; text-decoration: none; color: var(--testo); }
.pg small { color: var(--tenue); }
.attesa, .vuoto { color: var(--tenue); font-style: italic; }
.fonte { color: var(--tenue); font-size: 13.5px; margin-top: 26px; }
.calendario { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.giorno { border: 1px solid var(--bordo); border-radius: 6px; padding: 18px; }
.giorno b { font: 600 18px var(--titoli); color: var(--bronzo-chiaro); display: block; }
.giorno.prossimo { border-color: var(--verde); box-shadow: 0 0 0 1px var(--verde) inset; }
.galleria { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.galleria img { border-radius: 4px; aspect-ratio: 16 / 10; object-fit: cover; }
.ruoli { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
.ruolo { padding: 10px 18px; border-radius: 4px; border: 1px solid var(--bordo); font-weight: 600; }
.ruolo.aperto { border-color: var(--verde); color: var(--verde); }
.ruolo.chiuso { opacity: .5; }
.lista { padding-left: 20px; color: var(--tenue); display: grid; gap: 6px; }
.contatto { margin-top: 18px; color: var(--testo); }
.modulo { display: grid; gap: 12px; background: rgba(255, 255, 255, .025); border: 1px solid var(--bordo); border-radius: 6px; padding: 22px; }
.modulo .titoletto { margin-top: 0; }
.modulo label { display: grid; gap: 6px; font-size: 14px; color: var(--tenue); }
.modulo input, .modulo select, .modulo textarea { font: inherit; color: var(--testo); background: #0b1113; border: 1px solid var(--bordo); border-radius: 4px; padding: 10px 12px; }
.modulo input:focus, .modulo select:focus, .modulo textarea:focus { outline: 2px solid var(--verde); outline-offset: 1px; }
.nota { font-size: 13px; color: var(--tenue); }
.faq details { border-bottom: 1px solid var(--bordo); padding: 16px 0; max-width: 780px; }
.faq summary { cursor: pointer; font-weight: 700; }
.faq details p { color: var(--tenue); margin-top: 8px; }
.piede { text-align: center; padding: 40px 16px 50px; color: var(--tenue); font-size: 14px; display: grid; gap: 6px; }
.piede .nota { max-width: 640px; margin: 6px auto 0; opacity: .8; }
@media (max-width: 760px) { nav a:not(.nav-cta):not(.nav-a113) { display: none; } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } .archi i { opacity: .4; } }

/* ---------- v2: animated background, members table, rankings, dialog ---------- */
.braci { position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background-image: radial-gradient(2px 2px at 20% 80%, rgba(227, 180, 124, .55), transparent 60%), radial-gradient(1.5px 1.5px at 70% 90%, rgba(79, 179, 165, .5), transparent 60%),
    radial-gradient(2px 2px at 40% 95%, rgba(227, 180, 124, .4), transparent 60%), radial-gradient(1.5px 1.5px at 85% 70%, rgba(227, 180, 124, .45), transparent 60%),
    radial-gradient(1px 1px at 10% 60%, rgba(79, 179, 165, .5), transparent 60%);
  background-size: 600px 600px, 500px 500px, 700px 700px, 550px 550px, 650px 650px; animation: braci 40s linear infinite; opacity: .55; }
@keyframes braci { to { background-position: 0 -600px, 0 -500px, 0 -700px, 0 -550px, 0 -650px; } }
main, .testata, .piede { position: relative; z-index: 1; }
.blocco-pietra { background: linear-gradient(180deg, rgba(18, 27, 30, .92), rgba(18, 27, 30, .96)); }
.nav-cta { border: 0; cursor: pointer; font: inherit; }
.griglia-2 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.griglia-stretta { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.fazione-orda { border-top: 3px solid #b30000; }
.fazione-alleanza { border-top: 3px solid #1d4fa3; }
.ruoli-barra { display: flex; height: 10px; border-radius: 5px; overflow: hidden; margin-block: 18px 8px; }
.rb-TANK { background: #4a7fd6; } .rb-HEALER { background: #3fb36b; } .rb-DAMAGE { background: #c4504b; }
.filtri { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 18px; }
.filtro { font: inherit; font-size: 14px; color: var(--tenue); background: transparent; border: 1px solid var(--bordo); border-radius: 4px; padding: 6px 14px; cursor: pointer; }
.filtro[aria-pressed="true"] { color: #10181a; background: var(--bronzo); border-color: var(--bronzo); }
.tabella-box { overflow-x: auto; border: 1px solid var(--bordo); border-radius: 6px; }
.tabella { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 640px; }
.tabella th { text-align: left; font-weight: 600; color: var(--bronzo-chiaro); padding: 12px 14px; border-bottom: 1px solid var(--bordo); background: rgba(0, 0, 0, .2); }
.tabella td { padding: 10px 14px; border-bottom: 1px solid rgba(255, 255, 255, .04); color: var(--tenue); }
.tabella tr:hover td { background: rgba(227, 180, 124, .05); }
.pg { display: inline-flex; align-items: center; gap: 8px; color: var(--c, var(--testo)); text-decoration: none; font-weight: 600; background: none; border: 0; padding: 0; }
.pg img { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--c); }
.pg:hover .pg-nome { text-decoration: underline; }
.pg-lista { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 8px; font-size: 14px; }
.ufficiale { border-top: 3px solid var(--c); text-align: center; }
.ritratto { width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 10px; border: 2px solid var(--c); }
.nuovo { display: grid; gap: 4px; }
.podio { list-style: none; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); counter-reset: pos; }
.podio li { counter-increment: pos; display: flex; align-items: center; gap: 14px; padding: 12px 16px; border: 1px solid var(--bordo); border-radius: 6px; }
.podio li::before { content: counter(pos); font: 600 22px var(--titoli); color: var(--bronzo-chiaro); width: 28px; }
.podio li:first-child { border-color: var(--bronzo); box-shadow: 0 0 22px rgba(196, 137, 75, .2); }
.podio .punti { margin-left: auto; font: 600 22px var(--titoli); color: var(--verde); }
.giorno small { display: block; color: var(--tenue); margin-top: 6px; font-size: 13.5px; }
.unisciti { text-align: center; }
.unisciti .intro { margin-inline: auto; }
.finestra { border: 1px solid var(--bronzo); border-radius: 8px; background: var(--pietra); color: var(--testo); padding: 0; width: min(520px, 94vw); }
.finestra::backdrop { background: rgba(0, 0, 0, .7); backdrop-filter: blur(3px); }
.finestra .modulo { border: 0; position: relative; }
.chiudi { position: absolute; top: 10px; right: 12px; background: none; border: 0; color: var(--tenue); font-size: 28px; cursor: pointer; line-height: 1; }
@media (prefers-reduced-motion: reduce) { .braci { animation: none; } }

/* ---------- v3: figures, world bar, chronicle, collectors, Fashion Hall runway ---------- */
.cifre { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 40px; margin-top: 30px; }
.cifra b { display: block; font: 600 24px var(--titoli); color: var(--bronzo-chiaro); }
.cifra span { font-size: 13px; color: var(--tenue); text-transform: uppercase; letter-spacing: .12em; }
.mondo { position: relative; z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 28px; padding: 14px 16px; font-size: 14.5px; color: var(--tenue);
  background: rgba(79, 179, 165, .07); border-block: 1px solid var(--bordo); }
.tre { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.cronaca { list-style: none; padding: 0; display: grid; gap: 2px; border-left: 2px solid var(--bordo); }
.cronaca li { display: flex; gap: 18px; padding: 10px 18px; position: relative; }
.cronaca li::before { content: ""; position: absolute; left: -7px; top: 18px; width: 12px; height: 12px; border-radius: 50%; background: var(--bronzo); box-shadow: 0 0 10px var(--bronzo); }
.cronaca time { flex: none; width: 70px; color: var(--verde); font-weight: 600; font-size: 14px; }
.passerella { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 10px; scroll-snap-type: x mandatory; scrollbar-color: var(--bronzo) transparent; }
.passerella figure { flex: none; width: 210px; scroll-snap-align: start; margin: 0; text-align: center; border: 1px solid var(--bordo); border-radius: 6px; overflow: hidden;
  background: radial-gradient(80% 60% at 50% 40%, color-mix(in srgb, var(--c, #c4894b) 22%, transparent), transparent 70%); }
.passerella img { width: 100%; height: 320px; object-fit: cover; object-position: center 18%; transition: transform .4s; }
.passerella figure:hover img { transform: scale(1.06); }
.passerella figcaption { padding: 8px; font: 600 16px var(--titoli); color: var(--c, var(--testo)); }

/* =================== v4 · mystic =================== */
@font-face { font-family: "Cinzel"; src: url(/font/cinzel-latin-600-normal.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Cinzel Decorative"; src: url(/font/cinzel-decorative-latin-700-normal.woff2) format("woff2"); font-weight: 700; font-display: swap; }
:root { --titoli: "Cinzel", "Iowan Old Style", Palatino, Georgia, serif; --arcano: #7fd8ff; --viola: #8a5cff; }
body { background: #070b0d radial-gradient(120% 80% at 50% -10%, #12202a, #070b0d 60%); }
h1 { font-family: "Cinzel Decorative", var(--titoli); font-weight: 700; letter-spacing: .04em; filter: drop-shadow(0 0 30px rgba(196, 137, 75, .45)); }
h2 { font-family: var(--titoli); font-weight: 600; letter-spacing: .06em; text-shadow: 0 0 24px rgba(127, 216, 255, .12); }

/* hero: painted art crossfading with slow Ken Burns, fog, arcane sigil, sparks */
.hero { min-height: 100vh; isolation: isolate; }
.scena, .scena i { position: absolute; inset: 0; }
.scena { z-index: -3; overflow: hidden; }
.scena i { background: center / cover no-repeat var(--img); opacity: 0; transform: scale(1.06); filter: saturate(1.15) brightness(.55) blur(1.5px);
  transition: opacity 2.4s ease, transform 10s ease-out; }
.scena i.attiva { opacity: 1; transform: scale(1.18) translate(-1.5%, -1%); }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background: radial-gradient(70% 60% at 50% 45%, transparent 20%, rgba(7, 11, 13, .75) 70%, #070b0d), linear-gradient(180deg, rgba(7, 11, 13, .2) 60%, #070b0d); }
.nebbia { position: absolute; inset: -20% -10%; z-index: -1; pointer-events: none; }
.nebbia i { position: absolute; inset: 0; background: radial-gradient(40% 25% at 30% 70%, rgba(127, 216, 255, .10), transparent 70%), radial-gradient(35% 22% at 75% 60%, rgba(138, 92, 255, .12), transparent 70%);
  filter: blur(30px); animation: deriva 26s ease-in-out infinite alternate; }
.nebbia i:nth-child(2) { animation-duration: 34s; animation-direction: alternate-reverse; transform: scaleX(-1); opacity: .8; }
.nebbia i:nth-child(3) { animation-duration: 44s; background: radial-gradient(50% 20% at 50% 85%, rgba(196, 137, 75, .12), transparent 70%); }
@keyframes deriva { to { translate: 8% -4%; } }
.scintille { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.sigillo-arcano { position: absolute; width: min(680px, 92vw); left: 50%; top: 50%; translate: -50% -52%; z-index: -1; pointer-events: none; opacity: .38;
  fill: none; stroke: var(--arcano); stroke-width: .8; filter: drop-shadow(0 0 6px var(--arcano)); animation: ruota 120s linear infinite; }
.sigillo-arcano text { fill: var(--arcano); stroke: none; font-size: 15px; letter-spacing: 3px; }
@keyframes ruota { to { rotate: 360deg; } }
.archi i { border-color: rgba(127, 216, 255, .18); }

/* sections with painted backgrounds (parallax) */
.con-arte { position: relative; background: linear-gradient(180deg, #070b0d 0%, rgba(7, 11, 13, .82) 18%, rgba(7, 11, 13, .82) 82%, #070b0d 100%), center / cover fixed var(--arte, none); }
.blocco { position: relative; }
.blocco + .blocco::before { content: "✦"; position: absolute; top: -13px; left: 50%; translate: -50%; color: var(--bronzo); font-size: 18px; text-shadow: 0 0 12px var(--bronzo);
  padding: 0 18px; background: radial-gradient(closest-side, #070b0d 60%, transparent); }
.blocco + .blocco { border-top: 1px solid transparent; border-image: linear-gradient(90deg, transparent, rgba(196, 137, 75, .5), transparent) 1; }
.occhiello::before, .occhiello::after { content: "◆"; font-size: 8px; vertical-align: 2px; margin: 0 10px; color: var(--bronzo); }

/* cards: carved frame with inner glow */
.carta { background: linear-gradient(160deg, rgba(25, 36, 41, .9), rgba(11, 17, 19, .92)); border: 1px solid rgba(196, 137, 75, .28);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 30px rgba(127, 216, 255, .04), 0 10px 30px rgba(0, 0, 0, .35); transition: transform .3s, box-shadow .3s, border-color .3s; }
.carta:hover { transform: translateY(-4px); border-color: rgba(227, 180, 124, .6); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 40px rgba(127, 216, 255, .08), 0 18px 40px rgba(0, 0, 0, .5), 0 0 24px rgba(196, 137, 75, .15); }
.carta-arte { padding: 0; overflow: hidden; }
.carta-arte .tela { aspect-ratio: 2 / 1; background: center / cover var(--img); position: relative; }
.carta-arte .tela::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(11, 17, 19, .95)); }
.carta-arte .corpo { padding: 4px 20px 20px; margin-top: -34px; position: relative; }
.dungeon { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.dungeon .carta-arte h3 { font-size: 17px; }
.numero, .giorno, .podio li, .ruolo, .tabella-box { background: rgba(11, 17, 19, .75); backdrop-filter: blur(4px); }
.passerella figure { background: radial-gradient(60% 45% at 50% 85%, color-mix(in srgb, var(--c, #c4894b) 35%, transparent), transparent 70%), linear-gradient(180deg, #0c1418, #070b0d); }
.passerella figure::after { content: ""; display: block; height: 6px; margin: -10px auto 0; width: 60%; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--c, #c4894b) 70%, transparent), transparent); filter: blur(2px); }
@media (prefers-reduced-motion: reduce) { .scena i { animation: none; opacity: 0; } .scena i:first-child { opacity: 1; } .sigillo-arcano, .nebbia i { animation: none; } }
.hero > .scena, .hero > .nebbia, .hero > .scintille, .hero > .sigillo-arcano { position: absolute; }
.hero > .scena, .hero > .scintille { inset: 0; }

/* =================== v5 · everything centred on the same axis =================== */
.blocco { text-align: center; }
.intro { margin-inline: auto; max-width: 760px; }
.griglia, .dungeon { grid-template-columns: repeat(auto-fit, minmax(230px, 280px)); justify-content: center; }
.griglia-2 { grid-template-columns: repeat(auto-fit, minmax(300px, 460px)); }
.griglia-stretta { grid-template-columns: repeat(auto-fit, minmax(180px, 220px)); }
.numeri { grid-template-columns: repeat(auto-fit, minmax(140px, 190px)); justify-content: center; }
.calendario { grid-template-columns: repeat(auto-fit, minmax(200px, 260px)); justify-content: center; }
.due, .tre { justify-items: center; }
.due > *, .tre > * { width: 100%; max-width: 520px; }
.ruoli, .filtri, .roster, .pg-lista { justify-content: center; }
.lista { list-style: none; padding: 0; }
.lista li::before { content: "✦ "; color: var(--bronzo); }
.classifica { list-style: none; padding: 0; counter-reset: c; }
.classifica li { counter-increment: c; }
.classifica li::before { content: counter(c) ". "; color: var(--bronzo-chiaro); font-family: var(--titoli); }
.podio { grid-template-columns: repeat(auto-fit, minmax(300px, 380px)); justify-content: center; }
.cronaca { max-width: 760px; margin-inline: auto; border-left: 0; }
.cronaca li { justify-content: center; padding: 10px 0; border-bottom: 1px solid rgba(196, 137, 75, .14); }
.cronaca li::before { display: none; }
.cronaca time { width: auto; }
.tabella-box { max-width: 1000px; margin-inline: auto; }
.tabella th, .tabella td { text-align: center; }
.faq details { margin-inline: auto; }
.faq summary { list-style-position: inside; }
.passerella { justify-content: safe center; }
.carta, .giorno, .numero { text-align: center; }
.carta .icona { margin-inline: auto; }
.ruoli-barra { max-width: 1000px; margin-inline: auto; }
.modulo { text-align: left; }
.trappola { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }