/* Cobalto Etna — foglio unico. Prefisso cx-. Tema scuro di base (mare di notte), chiaro su richiesta. */

@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(caratteri/space-grotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(caratteri/space-grotesk-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(caratteri/plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(caratteri/plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --cx-abisso:#071226;--cx-carta:#0c1b37;--cx-carta-2:#12274b;--cx-linea:#2a426f;--cx-linea-2:#1a2d52;
  --cx-testo:#e7eef8;--cx-tenue:#a8b7cf;--cx-turchese:#45d6c5;--cx-argento:#c5cedb;
  --cx-cobalto:#2c57cf;--cx-cobalto-chiaro:#8fb0ff;--cx-corallo:#ff8672;--cx-corallo-pieno:#ff7a66;--cx-su-corallo:#22090a;
  --cx-griglia:rgba(92,128,196,.11);--cx-ombra:0 1px 0 rgba(255,255,255,.03) inset;
  --cx-sk-fondo:var(--cx-carta);--cx-sk-filo:var(--cx-turchese);
  --cx-sans:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cx-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --cx-r:4px;--cx-plancia:17rem;
  --cx-passo:clamp(1rem,.9rem + .5vw,1.5rem);
  color-scheme:dark;
}
@media (prefers-color-scheme:light){
  :root:not([data-tema="scuro"]){
    --cx-abisso:#eef2f8;--cx-carta:#fff;--cx-carta-2:#e4ebf6;--cx-linea:#aebcd4;--cx-linea-2:#d2dbea;
    --cx-testo:#0b1a35;--cx-tenue:#43536e;--cx-turchese:#0a6a61;--cx-argento:#4a5870;
    --cx-cobalto:#1f47ba;--cx-cobalto-chiaro:#1f47ba;--cx-corallo:#b0371f;
    --cx-griglia:rgba(31,71,186,.09);--cx-ombra:0 1px 2px rgba(11,26,53,.06);
    color-scheme:light;
  }
}
:root[data-tema="chiaro"]{
  --cx-abisso:#eef2f8;--cx-carta:#fff;--cx-carta-2:#e4ebf6;--cx-linea:#aebcd4;--cx-linea-2:#d2dbea;
  --cx-testo:#0b1a35;--cx-tenue:#43536e;--cx-turchese:#0a6a61;--cx-argento:#4a5870;
  --cx-cobalto:#1f47ba;--cx-cobalto-chiaro:#1f47ba;--cx-corallo:#b0371f;
  --cx-griglia:rgba(31,71,186,.09);--cx-ombra:0 1px 2px rgba(11,26,53,.06);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--cx-abisso);color:var(--cx-testo);font:400 1.0625rem/1.62 var(--cx-sans);overflow-wrap:break-word}
img,svg,picture,iframe{max-width:100%}
img{height:auto}
picture{display:block}
h1,h2,h3{font-weight:600;line-height:1.14;letter-spacing:-.015em;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(1.85rem,1.35rem + 2.6vw,3.1rem)}
h2{font-size:clamp(1.4rem,1.2rem + 1vw,1.95rem);margin-top:2.2em}
h3{font-size:clamp(1.12rem,1.05rem + .35vw,1.3rem);margin-top:1.6em}
p,ul,ol,dl,table,figure{margin:0 0 1.1em}
ul,ol{padding-left:1.3em}
li{margin-bottom:.35em}
a{color:var(--cx-turchese);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
strong{font-weight:600}
address{font-style:normal}
:focus-visible{outline:3px solid var(--cx-turchese);outline-offset:3px;border-radius:2px}
[hidden]{display:none!important}
::selection{background:var(--cx-cobalto);color:#fff}

.cx-salta{position:absolute;left:1rem;top:-5rem;z-index:50;background:var(--cx-corallo-pieno);color:var(--cx-su-corallo);padding:.8rem 1.1rem;font-weight:600;border-radius:var(--cx-r)}
.cx-salta:focus{top:1rem}
.cx-ico{flex:none;vertical-align:-.2em}
.cx-legenda{display:block;margin:0 0 .5rem;font:400 .75rem/1.4 var(--cx-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--cx-tenue)}
.cx-mono{font-family:var(--cx-mono);font-size:.92em}

/* —— Carta: griglia di coordinate e isobate —— */
.cx-carta{min-height:100vh;min-height:100dvh;background:
  linear-gradient(var(--cx-griglia) 1px,transparent 1px) 0 0/100% 7.5rem,
  linear-gradient(90deg,var(--cx-griglia) 1px,transparent 1px) 0 0/7.5rem 100%,
  url(isobate.svg) 50% 0/72rem auto}

/* —— Plancia: barra in alto sul telefono, colonna-legenda su schermo largo —— */
.cx-plancia{position:sticky;top:0;z-index:30;background:var(--cx-carta);border-bottom:1px solid var(--cx-linea);padding-top:env(safe-area-inset-top)}
.cx-plancia__testa{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem;padding:.25rem max(1rem,env(safe-area-inset-right)) .25rem max(1rem,env(safe-area-inset-left))}
.cx-marchio{display:inline-flex;align-items:center;gap:.65rem;min-height:2.75rem;color:var(--cx-testo);text-decoration:none;font-weight:600;font-size:1.12rem;letter-spacing:-.01em}
.cx-marchio__segno{flex:none}
.cx-plancia__apri{display:none;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .85rem;background:transparent;color:var(--cx-testo);border:1px solid var(--cx-linea);border-radius:var(--cx-r);font:500 .95rem var(--cx-sans);cursor:pointer}
.cx-js .cx-plancia__apri{display:inline-flex}
.cx-plancia__apri[aria-expanded="true"]{background:var(--cx-carta-2);border-color:var(--cx-turchese)}
.cx-plancia__corpo{padding:.25rem max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left));border-top:1px solid var(--cx-linea-2)}
.cx-js .cx-plancia__corpo{display:none;position:absolute;left:0;right:0;top:100%;background:var(--cx-carta);border-bottom:1px solid var(--cx-linea);max-height:calc(100dvh - 3.6rem);overflow-y:auto;box-shadow:0 18px 30px rgba(2,6,16,.45)}
.cx-js .cx-plancia__corpo.cx-aperto{display:block}
.cx-rotte .cx-legenda{margin:.9rem 0 .3rem}
.cx-rotte__lista{list-style:none;margin:0;padding:0}
.cx-rotte__lista li{margin:0;border-top:1px dashed var(--cx-linea-2)}
.cx-rotte__lista li:first-child{border-top:0}
.cx-rotte__lista a{display:grid;grid-template-columns:2rem 1fr;column-gap:.4rem;align-items:baseline;min-height:2.9rem;padding:.5rem .4rem;color:var(--cx-testo);text-decoration:none;border-left:2px solid transparent}
.cx-rotte__num{font:400 .75rem var(--cx-mono);color:var(--cx-tenue)}
.cx-rotte__nome{font-weight:500}
.cx-rotte__nota{grid-column:2;font:400 .72rem/1.3 var(--cx-mono);color:var(--cx-tenue);letter-spacing:.02em}
.cx-rotte__lista a:hover{background:var(--cx-carta-2)}
.cx-rotte__lista a[aria-current]{border-left-color:var(--cx-corallo);background:var(--cx-carta-2)}
.cx-rotte__lista a[aria-current="page"] .cx-rotte__nome{color:var(--cx-turchese)}
.cx-plancia__piede{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:.9rem}
.cx-tema{display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:0 .9rem;background:transparent;color:var(--cx-testo);border:1px solid var(--cx-linea);border-radius:var(--cx-r);font:500 .9rem var(--cx-sans);cursor:pointer}
.cx-tema:hover{border-color:var(--cx-turchese)}
.cx-tema__ico{display:inline-flex}
.cx-tema__ico--luna{display:none}
.cx-tema[aria-pressed="true"] .cx-tema__ico--sole{display:none}
.cx-tema[aria-pressed="true"] .cx-tema__ico--luna{display:inline-flex}
.cx-coord{margin:0;font:400 .7rem/1.5 var(--cx-mono);color:var(--cx-tenue);letter-spacing:.04em}

.cx-foglio{display:block;max-width:70rem;margin:0 auto;padding:var(--cx-passo) max(1rem,env(safe-area-inset-right)) 3rem max(1rem,env(safe-area-inset-left))}
.cx-foglio:focus{outline:0}
.cx-foglio>:first-child{margin-top:0}
.cx-stretto{max-width:46rem}

@media (min-width:64rem){
  .cx-plancia{position:fixed;inset:0 auto 0 0;width:var(--cx-plancia);border-bottom:0;border-right:1px solid var(--cx-linea);overflow-y:auto;display:flex;flex-direction:column;padding:1.1rem 1rem 1rem}
  .cx-plancia__testa{padding:0;min-height:0}
  .cx-plancia__apri,.cx-js .cx-plancia__apri{display:none}
  .cx-plancia__corpo,.cx-js .cx-plancia__corpo{display:flex;flex-direction:column;flex:1;position:static;padding:0;border:0;box-shadow:none;max-height:none;overflow:visible;background:transparent;margin-top:.6rem}
  .cx-plancia__piede{margin-top:auto;padding-top:1.2rem;flex-direction:column;align-items:flex-start}
  .cx-colonna{margin-left:var(--cx-plancia)}
  .cx-foglio{padding:2rem clamp(1.5rem,3.2vw,3rem) 4rem}
}
@media (max-height:31rem) and (max-width:63.99rem){.cx-plancia{position:static}}

/* —— Briciole —— */
.cx-briciole ol{display:flex;flex-wrap:wrap;gap:.1rem .5rem;list-style:none;margin:0 0 1.1rem;padding:0;font:400 .78rem var(--cx-mono);letter-spacing:.03em}
.cx-briciole li{margin:0;display:flex;align-items:center;gap:.5rem}
.cx-briciole li+li::before{content:"›";color:var(--cx-tenue)}
.cx-briciole a,.cx-briciole span{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--cx-tenue)}
.cx-briciole a{color:var(--cx-turchese)}

/* —— Bottoni —— */
.cx-bottone{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.6rem 1.25rem;border:1px solid transparent;border-radius:var(--cx-r);background:var(--cx-corallo-pieno);color:var(--cx-su-corallo);font:600 1rem/1.2 var(--cx-sans);text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease}
.cx-bottone:hover{background:#ff9584}
.cx-bottone:active{transform:translateY(1px)}
.cx-bottone--linea{background:transparent;color:var(--cx-testo);border-color:var(--cx-linea)}
.cx-bottone--linea:hover{background:var(--cx-carta-2);border-color:var(--cx-turchese)}
.cx-bottone[disabled]{opacity:.45;cursor:not-allowed}
.cx-azioni{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.3rem 0 0}

/* —— Riquadri —— */
.cx-riquadro{background:var(--cx-carta);border:1px solid var(--cx-linea);border-radius:var(--cx-r);padding:clamp(1rem,.8rem + 1vw,1.6rem);box-shadow:var(--cx-ombra)}
.cx-riquadro>:last-child{margin-bottom:0}
.cx-riquadro>h2:first-child,.cx-riquadro>h3:first-child{margin-top:0}
.cx-griglia{display:grid;gap:var(--cx-passo);grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));margin:0 0 var(--cx-passo)}
.cx-griglia--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
.cx-testa{margin-bottom:1.6rem}
.cx-testa__sopra{margin-bottom:.7rem}
.cx-sommario{font-size:clamp(1.08rem,1rem + .4vw,1.25rem);color:var(--cx-tenue);max-width:44rem}
.cx-sezione{margin-top:clamp(2.2rem,1.6rem + 2.5vw,3.6rem)}
.cx-sezione>h2:first-child{margin-top:0}
.cx-sezione__titolo{display:flex;align-items:baseline;gap:.9rem;border-bottom:1px solid var(--cx-linea);padding-bottom:.55rem;margin-bottom:1.2rem}
.cx-sezione__titolo h2{margin:0}
.cx-sezione__titolo .cx-legenda{margin:0 0 0 auto;white-space:nowrap}
.cx-prosa{max-width:46rem}
.cx-prosa h2{font-size:clamp(1.25rem,1.12rem + .6vw,1.55rem);padding-top:.9rem;border-top:1px solid var(--cx-linea-2)}

/* —— Eroe —— */
.cx-eroe{position:relative;display:grid;grid-template-rows:auto 15rem;isolation:isolate;overflow:hidden;border:1px solid var(--cx-linea);border-radius:var(--cx-r);background:#061024;color:#eef3fb}
.cx-eroe__sfondo{position:relative;grid-area:2/1;align-self:end;height:20rem;margin:0;z-index:-1}
.cx-eroe__sfondo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:100% 100%}
.cx-eroe::after{content:"";grid-area:2/1;align-self:end;height:20rem;z-index:-1;background:linear-gradient(180deg,#061024 0,rgba(6,16,36,.8) 20%,rgba(6,16,36,0) 52%)}
.cx-eroe__testo{grid-area:1/1;padding:clamp(1.1rem,.8rem + 1.6vw,2.2rem);padding-bottom:1rem;max-width:34rem}
.cx-eroe__testo .cx-legenda{color:#b7c5dc}
.cx-eroe__testo h1{margin-bottom:.45em}
.cx-eroe__testo p{color:#d4deee;margin-bottom:0}
.cx-eroe__nota{grid-area:2/1;align-self:end;justify-self:end;margin:0;padding:.3rem .6rem;background:rgba(5,12,28,.82);color:#d4deee;font:400 .7rem var(--cx-mono);letter-spacing:.03em;border-top-left-radius:var(--cx-r)}
.cx-eroe .cx-bottone--linea{color:#eef3fb;border-color:#5f77a6;background:rgba(5,12,28,.55)}
.cx-fatti{display:flex;flex-wrap:wrap;gap:.4rem .5rem;list-style:none;margin:1.1rem 0 0;padding:0;font:400 .76rem var(--cx-mono);letter-spacing:.03em}
.cx-fatti li{margin:0;padding:.25rem .55rem;border:1px solid #45608f;border-radius:2px;background:rgba(5,12,28,.6);color:#d4deee}
@media (min-width:48rem){
  .cx-eroe{grid-template-rows:auto;min-height:30rem}
  .cx-eroe__sfondo,.cx-eroe::after{grid-area:1/1;height:auto;align-self:stretch}
  .cx-eroe__sfondo img{object-position:100% 72%}
  .cx-eroe::after{background:linear-gradient(90deg,rgba(5,12,28,.97) 0,rgba(5,12,28,.93) 40%,rgba(5,12,28,.4) 58%,rgba(5,12,28,0) 74%)}
  .cx-eroe__testo{align-self:center;max-width:min(31rem,52%);padding-bottom:clamp(1.1rem,.8rem + 1.6vw,2.2rem)}
  .cx-eroe__nota{grid-area:1/1}
}

/* —— Scambio veloce / tranquillo —— */
.cx-scambio__leva{display:none;padding:3px;border:1px solid var(--cx-linea);border-radius:var(--cx-r);background:var(--cx-carta);margin-bottom:1rem}
.cx-js .cx-scambio__leva{display:inline-flex}
.cx-js [data-cx-scambio]:not([data-pronto]) [data-cx-scheda="tranquillo"],.cx-js [data-cx-passi]:not([data-pronto]) .cx-passo:not(:first-child){display:none}
.cx-scambio__leva button{min-height:2.75rem;min-width:7.4rem;padding:0 1rem;border:0;border-radius:2px;background:transparent;color:var(--cx-tenue);font:500 .95rem var(--cx-sans);cursor:pointer}
.cx-scambio__leva button[aria-pressed="true"]{background:var(--cx-cobalto);color:#fff}
:root[data-tema="chiaro"] .cx-scambio__leva button[aria-pressed="true"]{color:#fff}
.cx-scambio__scheda{display:grid;gap:var(--cx-passo);align-items:center;margin-bottom:var(--cx-passo)}
.cx-scambio__scheda h3{margin-top:0;font-size:clamp(1.35rem,1.2rem + .8vw,1.8rem)}
.cx-dati{display:grid;grid-template-columns:auto 1fr;gap:.25rem .9rem;margin:1rem 0 0;font-size:.95rem}
.cx-dati dt{font:400 .75rem/1.9 var(--cx-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--cx-tenue)}
.cx-dati dd{margin:0}
.cx-schermata{border:1px solid var(--cx-linea);border-radius:var(--cx-r);overflow:hidden;background:#050d1f}
.cx-schermata{margin:0}
.cx-schermata img{display:block;width:100%;height:auto}
.cx-schermata__larga{display:none!important}
@media (min-width:35.01rem){.cx-schermata__larga{display:block!important}.cx-schermata__stretta{display:none!important}}
.cx-schermata--stretta{max-width:16rem}
@media (min-width:52rem){.cx-scambio__scheda{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
@media (max-width:35rem){.cx-scambio__scheda .cx-schermata{max-width:15rem;margin-inline:auto}}

/* —— Domande —— */
.cx-domande details{border:1px solid var(--cx-linea);border-radius:var(--cx-r);background:var(--cx-carta);margin-bottom:.6rem}
.cx-domande summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.25rem;padding:.7rem 1rem;font-weight:500;cursor:pointer;list-style:none}
.cx-domande summary::-webkit-details-marker{display:none}
.cx-domande summary::after{content:"+";font:400 1.3rem/1 var(--cx-mono);color:var(--cx-corallo)}
.cx-domande details[open] summary::after{content:"−"}
.cx-domande details>div{padding:0 1rem 1rem;color:var(--cx-tenue)}
.cx-domande details>div>:last-child{margin-bottom:0}

/* —— Cornice del gioco —— */
.cx-gioco{margin:0 0 var(--cx-passo)}
.cx-gioco__cornice{position:relative;height:min(80svh,42rem);min-height:min(26rem,88svh);border:1px solid var(--cx-linea);border-radius:var(--cx-r);overflow:hidden;background:#050d1f}
.cx-gioco__cornice iframe{display:block;width:100%;height:100%;border:0}
.cx-gioco figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.3rem 1rem;margin-top:.5rem;font:400 .76rem/1.5 var(--cx-mono);color:var(--cx-tenue);letter-spacing:.02em}
.cx-gioco figcaption a{display:inline-flex;align-items:center;min-height:2.75rem}
@media (min-width:48rem) and (min-height:34rem){.cx-gioco__cornice{height:auto;aspect-ratio:16/9;max-height:82svh;min-height:0}}
@media (orientation:landscape) and (max-height:31rem){.cx-gioco__cornice{height:92svh;min-height:0}}
.cx-tasti{display:inline-block;min-width:1.9em;padding:.05em .4em;border:1px solid var(--cx-linea);border-bottom-width:2px;border-radius:3px;background:var(--cx-carta-2);font:400 .82em var(--cx-mono);text-align:center;white-space:nowrap}

/* —— Tabelle —— */
.cx-scorri{overflow-x:auto;margin:0 0 1.2em;border:1px solid var(--cx-linea);border-radius:var(--cx-r);background:var(--cx-carta)}
.cx-scorri:focus-visible{outline-offset:1px}
table{width:100%;border-collapse:collapse;margin:0;font-size:.95rem}
caption{caption-side:top;text-align:left;padding:.7rem .9rem;font:400 .75rem var(--cx-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--cx-tenue);border-bottom:1px solid var(--cx-linea)}
th,td{padding:.6rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--cx-linea-2)}
tr:last-child>*{border-bottom:0}
thead th{font:400 .75rem var(--cx-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--cx-tenue);white-space:nowrap}
tbody th{font-weight:600;min-width:7.5rem}
td code,p code,li code{font:400 .88em var(--cx-mono);background:var(--cx-carta-2);padding:.1em .35em;border-radius:3px;overflow-wrap:anywhere}

/* —— Nodi: passi e schemi —— */
.cx-nodi-indice{list-style:none;padding:0}
.cx-nodo-carta{display:flex;flex-direction:column;height:100%}
.cx-nodo-carta h3,.cx-nodo-carta h2{margin-top:.2rem;font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem)}
.cx-testa--gioco{margin-bottom:.8rem}.cx-testa--gioco h1{margin-bottom:0}
.cx-gioco+.cx-sommario{margin-bottom:1.6rem}
.cx-nodo-carta .cx-sk{margin-bottom:.8rem}
.cx-nodo-carta p{color:var(--cx-tenue)}
.cx-nodo-carta .cx-vai{margin-top:auto}
.cx-vai{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:500}
.cx-passi{list-style:none;margin:0;padding:0;counter-reset:passo}
.cx-passo{display:grid;gap:1rem;margin:0 0 var(--cx-passo);padding:clamp(.9rem,.7rem + 1vw,1.4rem);background:var(--cx-carta);border:1px solid var(--cx-linea);border-radius:var(--cx-r);counter-increment:passo}
.cx-passo__fig{margin:0;border:1px dashed var(--cx-linea);border-radius:2px;background:var(--cx-carta)}
.cx-passo__testo h3{margin:0 0 .5rem;display:flex;gap:.7rem;align-items:baseline}
.cx-passo__testo h3::before{content:counter(passo,decimal-leading-zero);font:400 .85rem var(--cx-mono);color:var(--cx-corallo);letter-spacing:.05em}
.cx-passo__testo p{margin:0}
@media (min-width:44rem){.cx-passo{grid-template-columns:minmax(0,23rem) minmax(0,1fr);align-items:center}}
.cx-passi-barra{display:none;min-height:3rem;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0 0 1.2rem}
.cx-js .cx-passi-barra{display:flex}
.cx-passi-barra__stato{margin:0 auto 0 0;font:400 .82rem var(--cx-mono);letter-spacing:.05em;color:var(--cx-tenue)}
.cx-passi-barra__tutti{margin-left:0}
.cx-sk{display:block;width:100%;height:auto}
.cx-sk-filo{fill:none;stroke:var(--cx-sk-filo);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.cx-sk-dop-a{stroke-width:11}
.cx-sk-dop-b{fill:none;stroke:var(--cx-sk-fondo);stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round}
.cx-sk-ponte{stroke-linecap:butt}
.cx-sk-vuoto{fill:none;stroke:var(--cx-sk-fondo);stroke-width:10.5;stroke-linecap:butt}
.cx-sk-vuoto--dop{stroke-width:17.5}
.cx-sk-vuoto--largo{stroke-width:20}
.cx-sk-amo{fill:none;stroke:var(--cx-argento);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.cx-sk-amo circle{fill:none}
.cx-sk-freccia{fill:none;stroke:var(--cx-corallo);stroke-width:2.4;stroke-dasharray:7 5;stroke-linecap:round}
.cx-sk-punta{fill:var(--cx-corallo)}
.cx-sk-nota{font:400 11.5px var(--cx-mono);fill:var(--cx-tenue);letter-spacing:.03em}
.cx-errori{list-style:none;padding:0;display:grid;gap:.6rem}
.cx-errori li{margin:0;padding:.8rem 1rem;border-left:3px solid var(--cx-corallo);background:var(--cx-carta);border-radius:0 var(--cx-r) var(--cx-r) 0}
.cx-errori strong{display:block;margin-bottom:.15rem}
.cx-altri{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0}
.cx-altri li{margin:0}

/* —— Mare: schede dei pesci —— */
.cx-pesce{display:grid;gap:1rem}
.cx-pesce__sagoma{border:1px dashed var(--cx-linea);border-radius:2px;padding:.6rem;color:var(--cx-argento);background:var(--cx-carta)}
.cx-pesce__sagoma svg{display:block;width:100%;height:auto}
.cx-pesce h3{margin:0 0 .15rem;font-size:clamp(1.3rem,1.15rem + .7vw,1.65rem)}
.cx-pesce__lat{font:400 .8rem var(--cx-mono);color:var(--cx-tenue);margin-bottom:.8rem}
.cx-pesce h4{margin:1rem 0 .3rem;font:400 .75rem var(--cx-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cx-corallo)}
.cx-pesce p{margin-bottom:.6em}
@media (min-width:46rem){.cx-pesce{grid-template-columns:minmax(0,19rem) minmax(0,1fr);align-items:start}}

/* —— Contatto —— */
.cx-posta{display:inline-flex;align-items:center;gap:.7rem;min-height:3.2rem;padding:.6rem 1.1rem;border:1px solid var(--cx-turchese);border-radius:var(--cx-r);background:var(--cx-carta);font:400 clamp(.9rem,.8rem + .6vw,1.1rem) var(--cx-mono);text-decoration:none;overflow-wrap:anywhere}
.cx-posta:hover{background:var(--cx-carta-2)}

/* —— Avviso sull'archiviazione: in fondo alla pagina, non copre nulla —— */
.cx-avviso{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;max-width:70rem;margin:0 auto 1.5rem;padding:.9rem 1rem;border:1px dashed var(--cx-linea);border-radius:var(--cx-r);background:var(--cx-carta);font-size:.92rem;color:var(--cx-tenue)}
.cx-avviso p{margin:0;flex:1 1 18rem}
.cx-avviso strong{color:var(--cx-testo)}
.cx-avviso a{display:inline-flex;align-items:center;min-height:2.75rem}
.cx-avviso__ok{min-height:2.75rem}
@media (max-width:71.99rem){.cx-avviso{margin-inline:max(1rem,env(safe-area-inset-left))}}

/* —— Fondale —— */
.cx-fondale{border-top:1px solid var(--cx-linea);background:var(--cx-carta);padding:2rem max(1rem,env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));font-size:.93rem;color:var(--cx-tenue)}
.cx-fondale__griglia{display:grid;gap:1.6rem 2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr));max-width:70rem;margin:0 auto}
.cx-fondale__marchio{display:flex;align-items:center;gap:.6rem;color:var(--cx-testo);font-weight:600;font-size:1.05rem;margin-bottom:.6rem}
.cx-fondale__titolare span,.cx-fondale__titolare a{display:block}
.cx-fondale ul{list-style:none;margin:0;padding:0}
.cx-fondale li{margin:0}
.cx-fondale a{display:inline-flex;align-items:center;min-height:2.75rem;overflow-wrap:anywhere}
.cx-fondale__riga{max-width:70rem;margin:1.6rem auto 0;padding-top:1rem;border-top:1px dashed var(--cx-linea-2);font:400 .74rem/1.6 var(--cx-mono);letter-spacing:.02em}
@media (min-width:64rem){.cx-fondale{padding-inline:clamp(1.5rem,3.2vw,3rem)}}

/* —— 404 —— */
.cx-perso{text-align:left;max-width:40rem}
.cx-perso__num{font:400 clamp(3.5rem,2rem + 9vw,7rem)/1 var(--cx-mono);color:var(--cx-corallo);margin:0 0 .3em;letter-spacing:-.04em}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.cx-plancia,.cx-avviso,.cx-gioco,.cx-passi-barra{display:none}.cx-colonna{margin:0}body{background:#fff;color:#000}}
.cx-ps-corpo{fill:currentColor}
.cx-ps-pinna{fill:currentColor;opacity:.72}
.cx-ps-segno{fill:none;stroke:var(--cx-carta);stroke-width:2;stroke-linecap:round}
.cx-ps-occhio{fill:var(--cx-carta)}