/* LA WIKI DEL NUOVO CONQUERCUBE (Claude, 25 settembre): un capitolo per ogni parte del gioco, l'indice a sinistra,
   foto del gioco e grafici calcolati con le formule del gioco. */
body.wiki { background: var(--nero); }
.wiki-testa { position: relative; padding: 130px 0 70px; overflow: hidden; isolation: isolate; border-bottom: 1px solid var(--bordo); }
.wiki-testa > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; object-position: 50% 45%; }
.wiki-testa::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8, 6, 5, .95) 20%, rgba(8, 6, 5, .55) 70%, rgba(8, 6, 5, .8)), linear-gradient(transparent 60%, var(--nero)); }
.wiki-testa h1 { font-size: clamp(2.4rem, 6vw, 4.4rem); letter-spacing: .04em; margin-bottom: .2em; }
.wiki-testa p { max-width: 720px; font-size: 1.12rem; }
.cerca { margin-top: 22px; display: flex; gap: 10px; max-width: 520px; }
.cerca input { flex: 1; background: rgba(12, 9, 8, .85); border: 1px solid var(--bordo-chiaro); color: var(--pergamena); padding: .7em .9em; font: inherit; font-size: .98rem; }
.cerca input:focus { outline: 1px solid var(--oro); }

.impaginato { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 48px; width: min(1320px, 100% - 32px); margin: 0 auto; padding: 40px 0 90px; }
.indice { position: sticky; top: 76px; align-self: start; max-height: calc(100vh - 96px); overflow: auto; padding-right: 8px; scrollbar-width: thin; scrollbar-color: var(--bordo) transparent; }
.indice h2 { font-size: .78rem; letter-spacing: .3em; text-transform: uppercase; color: var(--oro); margin: 0 0 12px; }
.indice ol { list-style: none; margin: 0; padding: 0; counter-reset: cap; }
.indice li { counter-increment: cap; }
.indice li.supplemento { counter-increment: none; }
.indice li.supplemento a::before { content: '·'; }
.indice a { display: flex; gap: 10px; padding: .34em .5em; color: var(--tenue); text-decoration: none; font-size: .93rem; border-left: 2px solid transparent; line-height: 1.35; }
.indice a::before { content: counter(cap, upper-roman); min-width: 2.3em; color: var(--spento); font-size: .8rem; padding-top: .12em; }
.indice a:hover { color: var(--pergamena); background: rgba(255, 255, 255, .02); }
.indice a.qui { color: var(--pergamena); border-left-color: var(--sangue-vivo); background: linear-gradient(90deg, rgba(210, 58, 44, .1), transparent); }
.indice .apri { display: none; }
@media (max-width: 980px) {
  .impaginato { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .indice { position: static; max-height: none; border: 1px solid var(--bordo); background: var(--carbone); padding: 12px 14px; margin-bottom: 28px; }
  .indice .apri { display: block; width: 100%; text-align: left; background: none; border: 0; color: var(--pergamena); font: inherit; letter-spacing: .2em; text-transform: uppercase; font-size: .8rem; cursor: pointer; padding: 4px 0; }
  .indice h2 { display: none; }
  .indice ol { display: none; margin-top: 10px; }
  .indice.aperto ol { display: block; }
}

.capitolo { padding: 18px 0 56px; border-bottom: 1px solid #1c1612; scroll-margin-top: 80px; }
.capitolo:last-child { border-bottom: 0; }
.capitolo > h2 { display: flex; align-items: baseline; gap: 14px; margin-top: 18px; }
.capitolo > h2 .num { font-size: .95rem; letter-spacing: .12em; color: var(--sangue-vivo); font-weight: 700; }
.capitolo h3 { margin-top: 1.7em; color: var(--oro-chiaro); scroll-margin-top: 80px; }
.capitolo h4 { margin: 1.3em 0 .4em; font-size: 1.05rem; color: var(--pergamena); letter-spacing: .02em; }
.capitolo p, .capitolo li { max-width: 820px; }
.capitolo ul, .capitolo ol { padding-left: 1.2em; margin: 0 0 1em; }
.capitolo li { margin: .28em 0; }
.capitolo .apertura { font-size: 1.14rem; color: var(--pergamena); max-width: 820px; }
.nascosto-ricerca { display: none !important; }

/* le foto nella wiki */
.foto-wiki { margin: 24px 0; max-width: 940px; }
.foto-wiki.larga { max-width: none; }
.foto-wiki img { width: 100%; border: 1px solid var(--bordo); background: #000; cursor: zoom-in; }
.foto-wiki figcaption { font-size: .86rem; color: var(--tenue); padding: .5em 0 0; line-height: 1.45; }
.foto-coppia, .foto-tris, .foto-quattro { display: grid; gap: 12px; margin: 24px 0; max-width: 940px; }
.foto-coppia { grid-template-columns: 1fr 1fr; } .foto-tris { grid-template-columns: repeat(3, 1fr); } .foto-quattro { grid-template-columns: repeat(4, 1fr); }
.foto-coppia figure, .foto-tris figure, .foto-quattro figure { margin: 0; }
.foto-coppia img, .foto-tris img, .foto-quattro img { width: 100%; border: 1px solid var(--bordo); cursor: zoom-in; background: #000; }
.foto-coppia figcaption, .foto-tris figcaption, .foto-quattro figcaption { font-size: .8rem; color: var(--tenue); padding-top: .35em; line-height: 1.4; }
@media (max-width: 700px) { .foto-coppia, .foto-tris { grid-template-columns: 1fr; } .foto-quattro { grid-template-columns: 1fr 1fr; } }

/* le tabelle */
.tabella { overflow-x: auto; margin: 18px 0 24px; max-width: 940px; border: 1px solid var(--bordo); }
.tabella table { border-collapse: collapse; width: 100%; font-size: .93rem; min-width: 520px; }
.tabella th, .tabella td { text-align: left; padding: .55em .8em; border-bottom: 1px solid #2a211b; vertical-align: top; }
.tabella th { background: #17120f; color: var(--oro-chiaro); font-weight: 600; letter-spacing: .03em; font-size: .86rem; }
.tabella tr:last-child td { border-bottom: 0; }
.tabella td:first-child { color: var(--pergamena); }

/* i riquadri */
.riquadro { border: 1px solid var(--bordo); border-left: 3px solid var(--oro); background: #110d0b; padding: 14px 18px; margin: 20px 0; max-width: 860px; font-size: .97rem; }
.riquadro.sangue { border-left-color: var(--sangue-vivo); }
.riquadro.gelo { border-left-color: var(--gelo); }
.riquadro b:first-child { display: block; letter-spacing: .14em; text-transform: uppercase; font-size: .78rem; color: var(--oro); margin-bottom: .3em; }
.riquadro.sangue b:first-child { color: var(--sangue-vivo); } .riquadro.gelo b:first-child { color: var(--gelo); }
.riquadro p:last-child { margin-bottom: 0; }

/* i grafici */
.grafico { margin: 22px 0 26px; max-width: 940px; border: 1px solid var(--bordo); background: linear-gradient(#120e0c, #0c0908); padding: 16px 16px 10px; }
.grafico h4 { margin: 0 0 4px; font-size: .95rem; color: var(--pergamena); }
.grafico .sotto { font-size: .82rem; color: var(--tenue); margin: 0 0 10px; }
.grafico svg { width: 100%; height: auto; display: block; font-family: var(--serif); }
.grafico svg text { fill: var(--tenue); font-size: 12px; }
.grafico svg .forte { fill: var(--pergamena); }
.legenda { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: .8rem; color: var(--tenue); margin-top: 6px; }
.legenda i { display: inline-block; width: 12px; height: 12px; vertical-align: -1px; margin-right: 5px; border-radius: 2px; }

/* i percorsi (flussi) */
.percorso { display: flex; flex-wrap: wrap; align-items: stretch; gap: 0; margin: 22px 0; max-width: 940px; }
.passo { flex: 1 1 150px; border: 1px solid var(--bordo); background: #130f0c; padding: 12px 14px; position: relative; font-size: .9rem; line-height: 1.45; }
.passo b { display: block; color: var(--pergamena); font-size: .98rem; margin-bottom: .2em; }
.passo + .passo { margin-left: 22px; }
.passo + .passo::before { content: '➜'; position: absolute; left: -19px; top: 50%; transform: translateY(-50%); color: var(--oro); font-size: 15px; }
.passo.sangue { border-color: #5a2019; background: #1a0e0c; } .passo.oro { border-color: #6a5430; background: #17120a; } .passo.blu { border-color: #28405a; background: #0d1219; } .passo.arancio { border-color: #6b3d18; background: #1a110a; }
@media (max-width: 760px) { .percorso { flex-direction: column; } .passo + .passo { margin: 22px 0 0; } .passo + .passo::before { content: '⬇'; left: 50%; top: -19px; transform: translateX(-50%); } }

/* le schede dei dungeon */
.dungeon { border: 1px solid var(--bordo); background: #0f0c0a; margin: 26px 0; scroll-margin-top: 80px; }
.dungeon > img { width: 100%; aspect-ratio: 3.92 / 1; object-fit: cover; border-bottom: 1px solid var(--bordo); cursor: zoom-in; }
.dungeon .corpo { padding: 16px 20px 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 30px; }
.dungeon h3 { margin: 0; grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.dungeon h3 small { font-size: .74rem; letter-spacing: .22em; text-transform: uppercase; color: var(--tenue); }
.dungeon h3 small.cup { color: var(--sangue-vivo); } .dungeon h3 small.chi { color: var(--fioralba); }
.dungeon p { grid-column: 1 / -1; margin: .3em 0 .5em; font-size: .97rem; }
.dungeon dl { margin: 0; font-size: .9rem; } .dungeon dt { color: var(--oro); font-size: .76rem; letter-spacing: .18em; text-transform: uppercase; margin-top: .5em; } .dungeon dd { margin: 0; color: var(--testo); }
.dungeon .boss-foto { grid-column: 1 / -1; margin-top: 10px; }
.dungeon .boss-foto img { width: 100%; border: 1px solid var(--bordo); cursor: zoom-in; }
.dungeon .boss-foto figcaption { font-size: .8rem; color: var(--tenue); padding-top: .3em; }
@media (max-width: 700px) { .dungeon .corpo { grid-template-columns: 1fr; } }

/* la lente sulle foto */
.lente { position: fixed; inset: 0; z-index: 100; background: rgba(0, 0, 0, .92); display: none; align-items: center; justify-content: center; padding: 20px; cursor: zoom-out; }
.lente.aperta { display: flex; }
.lente img { max-width: 100%; max-height: 100%; box-shadow: 0 0 60px #000; border: 1px solid var(--bordo-chiaro); }

/* l'autore nell'introduzione */
.firma-autore { display: grid; grid-template-columns: 200px 1fr; gap: 26px; align-items: center; margin: 26px 0; max-width: 860px; border: 1px solid var(--bordo); background: #110d0b; padding: 18px; }
.firma-autore img { border: 1px solid var(--bordo-chiaro); }
@media (max-width: 600px) { .firma-autore { grid-template-columns: 1fr; } .firma-autore img { max-width: 200px; } }
.torna-su { position: fixed; right: 18px; bottom: 18px; z-index: 40; width: 42px; height: 42px; border: 1px solid var(--bordo-chiaro); background: rgba(12, 9, 8, .9); color: var(--oro-chiaro); display: none; align-items: center; justify-content: center; text-decoration: none; font-size: 18px; }
.torna-su.visto { display: flex; }
kbd { border: 1px solid var(--bordo-chiaro); border-bottom-width: 2px; padding: .05em .4em; font: .85em/1.3 var(--serif); background: #15110e; color: var(--pergamena); }

.capitolo .cielo-vivo h3 { margin-top: 0; color: var(--gelo); }
.foto-coppia, .foto-tris, .foto-quattro { align-items: start; }
.tabella td.num, .tabella th.num { text-align: right; font-variant-numeric: tabular-nums; }

/* (29 settembre) il capitolo degli avvisi (punto 114): una voce per avviso, col segnalibro «avviso-<id>»; la voce aperta dal link
   «Clicca qui per ulteriori informazioni» si accende */
.avvisi-indice { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 22px; }
.avvisi-indice a { padding: .25em .6em; border: 1px solid var(--bordo); background: var(--pietra); text-decoration: none; font-size: .88rem; }
.avvisi-indice a small { color: var(--tenue); margin-left: .25em; }
.avvisi-gruppo { scroll-margin-top: 80px; }
.avviso-voce { border: 1px solid var(--bordo); border-left: 3px solid var(--oro); background: var(--carbone); padding: .7em 1em; margin: 10px 0; max-width: 940px; scroll-margin-top: 90px; }
.avviso-voce.tecnico { border-left-color: var(--spento); }
.avviso-voce.info { border-left-color: #6f95b8; }
.avviso-voce p { margin: .3em 0; }
.avviso-testo { color: var(--pergamena); font-style: italic; }
.avviso-tipo { font-style: normal; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--oro); margin-right: .5em; }
.avviso-voce.tecnico .avviso-tipo { color: var(--tenue); } .avviso-voce.info .avviso-tipo { color: #8fb5d8; }
.avviso-cap { white-space: nowrap; margin-left: .3em; }
.avviso-voce:target { border-color: var(--sangue-vivo); box-shadow: 0 0 0 1px var(--sangue-vivo), 0 0 22px rgba(210, 58, 44, .35); }
/* (30 settembre notte) le parti apribili del capitolo del Conio e del Mercato: tutti i listini, le creature che non si domano */
details.elenco { margin: 10px 0; max-width: 940px; border: 1px solid var(--bordo); background: #0f0b09; }
details.elenco > summary { cursor: pointer; padding: 10px 14px; color: var(--pergamena); letter-spacing: .04em; list-style: none; }
details.elenco > summary::-webkit-details-marker { display: none; }
details.elenco > summary::before { content: '▸'; color: var(--oro); margin-right: .6em; display: inline-block; transition: transform .15s; }
details.elenco[open] > summary::before { transform: rotate(90deg); }
details.elenco > .tabella { margin: 0 12px 12px; }
/* (punto 168, 20 ottobre 2026) il capitolo dell'USDC: i simboli di Base e Avalanche */
.reti-usdc-wiki { display: flex; gap: 1.6em; align-items: center; flex-wrap: wrap; margin: .6em 0 1em; }
.reti-usdc-wiki span { display: inline-flex; align-items: center; gap: .45em; font-size: 1.1rem; letter-spacing: .04em; }
.reti-usdc-wiki svg { width: 30px; height: 30px; }