/* La plancia di Vera (UI.MAGI). Estratto dall'artifact del 30/09/2026, più la voce; MAGI nuovo e schede del 03/10 (ai-vera-regia). */
/* Plancia a 12 colonne di pannelli in sbieco sotto una testata da terminale:
   in alto quello che vede chiunque, sotto il livello follower, chiuso da un lucchetto. */
:root{
  color-scheme:dark;
  --fondo:#112337;          /* blu scuro ELAN42 */
  --pannello:#0C1A2B;       /* il vetro dei pannelli */
  --pannello-2:#15294A;     /* rilievo */
  --acc:#07E3BB;            /* verde acido: vivo, sì, i modelli di casa */
  --acc-40:rgba(7,227,187,.40);
  --acc-18:rgba(7,227,187,.18);
  --acc-08:rgba(7,227,187,.08);
  --focus:#E02E5C;          /* rosso: no, MORTA (bordi e cifre grandi) */
  --focus-40:rgba(224,46,92,.45);
  --rosso-testo:#F65C80;    /* il rosso leggibile per il testo piccolo */
  --attesa:#8A9BB4;         /* grigio-blu: sta votando, in arrivo */
  --attesa-40:rgba(138,155,180,.45);
  --bianco:#F7F3F2;
  --testo:#C2CCD6;
  --debole:#8594A5;
  --ombra:rgba(0,0,0,.25);
  --riga-scura:rgba(0,0,0,.10);
  --nessuno:transparent;
  --giallo:#E8C547;         /* giallo: astenuto */
  --giallo-40:rgba(232,197,71,.45);
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --vt:'VT323',ui-monospace,'Courier New',monospace;
  --taglio:14px;            /* lo sbieco dei pannelli */
}
*{box-sizing:border-box}
[hidden]{display:none !important}
body{
  margin:0;background:var(--fondo);color:var(--testo);
  font-family:var(--mono);font-size:14px;line-height:1.5;
  padding-inline:clamp(16px,3vw,40px);padding-block:18px 56px;
  -webkit-font-smoothing:antialiased;
  background-image:repeating-linear-gradient(0deg,var(--nessuno) 0 2px,var(--riga-scura) 2px 3px);
}
.schermo{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
a{color:var(--acc)}
.et{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--debole)}
.num{font-variant-numeric:tabular-nums}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
button{font:inherit;color:inherit}
:focus-visible{outline:1px solid var(--acc);outline-offset:3px}

/* ── testata ─────────────────────────────────────────────────────────── */
.barra{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px;
       border-bottom:1px solid var(--acc-40);padding-bottom:12px}
.marca{margin:0;font-weight:400;font-family:var(--vt);font-size:clamp(40px,6vw,60px);line-height:1;color:var(--acc);text-shadow:0 0 22px var(--acc-40)}
.marca .chi{opacity:.42}
.lampeggia{animation:batti 1.05s step-end infinite}
@keyframes batti{0%,100%{opacity:1}50%{opacity:0}}
.stato{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:11.5px;letter-spacing:.06em;color:var(--debole)}
.stato b{color:var(--acc);font-weight:600}
.stato b.morta{color:var(--rosso-testo)}
.bollo{border:1px solid var(--focus);color:var(--rosso-testo);padding:2px 8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.tempo{text-align:right;display:grid;gap:2px;min-width:0}
.tempo .cifra{font-family:var(--vt);font-size:clamp(40px,6vw,64px);line-height:.9;color:var(--acc);text-shadow:0 0 22px var(--acc-40)}
.tempo .cifra.nome{font-size:clamp(28px,3.6vw,38px)}
.tempo .cifra small{font-size:.42em;color:var(--testo);margin-left:.25em;text-shadow:none}
.tempo .sotto{font-size:10.5px;letter-spacing:.1em;color:var(--debole)}

/* ── chi è, e la vista ───────────────────────────────────────────────── */
.vista{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.intro{margin:0;font-size:13px;color:var(--testo);max-width:70ch;line-height:1.55}
.interruttore{display:inline-flex;border:1px solid var(--acc-40)}
.interruttore button{background:var(--nessuno);border:0;padding:7px 14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
                     color:var(--debole);cursor:pointer}
.interruttore button[aria-pressed="true"]{background:var(--acc);color:var(--pannello);font-weight:600}

/* ── griglia degli stati ─────────────────────────────────────────────── */
.stati{display:grid;gap:6px}
.griglia{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:4px;
         padding:8px;border:1px solid var(--acc-18);background:var(--ombra)}
.cella{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;font-size:10px;letter-spacing:.06em;
       border:1px solid var(--acc-18);color:var(--acc);text-transform:uppercase;white-space:nowrap;overflow:hidden}
.cella span:last-child{color:var(--debole);text-transform:none;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}
.cella.viva span:last-child{color:var(--acc)}
.cella.attesa{color:var(--attesa);border-color:var(--attesa-40)}
.cella.attesa span:last-child{color:var(--attesa)}
.cella.no{color:var(--debole);border-style:dashed}
.cella.morta,.cella.morta span:last-child{color:var(--rosso-testo)}
.cella.morta{border-color:var(--focus-40)}
.legenda-stati{margin:0;font-size:10.5px;color:var(--debole);letter-spacing:.04em}

/* ── pannelli in sbieco: due strati con lo stesso ritaglio, il bordo è lo strato sotto ── */
.sbieco{position:relative;display:grid;background:var(--acc-40);min-width:0;
        clip-path:polygon(0 0,calc(100% - var(--taglio)) 0,100% var(--taglio),100% 100%,var(--taglio) 100%,0 calc(100% - var(--taglio)))}
.sbieco>.dentro{grid-area:1/1;margin:1px;background:var(--pannello);padding:14px 16px 16px;min-width:0;
        clip-path:polygon(0 0,calc(100% - var(--taglio)) 0,100% var(--taglio),100% 100%,var(--taglio) 100%,0 calc(100% - var(--taglio)))}
.sbieco.rosso{background:var(--focus)}
.sbieco.attesa{background:var(--attesa-40)}
.titolo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;margin-bottom:10px}
.titolo h2{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc);font-weight:600}
.titolo .cod{font-size:10px;letter-spacing:.1em;color:var(--debole)}

.plancia{display:grid;gap:14px;grid-template-columns:repeat(12,1fr)}
.c4{grid-column:span 4}.c8{grid-column:span 8}.c12{grid-column:span 12}
@media (max-width:900px){.c4,.c8{grid-column:span 12}}

.grande{font-family:var(--vt);font-size:clamp(34px,4.4vw,48px);line-height:1;color:var(--bianco)}
.grande.acc{color:var(--acc)}
.grande.rosso{color:var(--focus)}
.barra-saldo{height:10px;border:1px solid var(--acc-40);margin-top:12px;position:relative;overflow:hidden;background:var(--ombra)}
.barra-saldo i{position:absolute;inset:0;width:var(--w,100%);background-color:var(--acc);
   background-image:repeating-linear-gradient(90deg,var(--nessuno) 0 6px,var(--ombra) 6px 8px)}
.barra-saldo.bassa i{background-color:var(--focus)}
.battito{font-size:13px;letter-spacing:0;color:var(--acc);white-space:nowrap;overflow:hidden;margin-top:10px;line-height:1}
.battito.piatto{color:var(--focus)}
.righe{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin-top:4px}
.riga{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--acc-18);padding-bottom:5px;font-size:12.5px}
.riga:last-child{border-bottom:0}
.riga .v,.usc summary .v{color:var(--bianco);font-weight:500;text-align:right;white-space:nowrap}
.riga.zero .v{color:var(--debole)}
.nota{font-size:11px;color:var(--debole);margin:8px 0 0;line-height:1.45}
.nota b{color:var(--acc);font-weight:500}

/* ── uscite che si aprono ────────────────────────────────────────────── */
.usc{border-bottom:1px dashed var(--acc-18);padding-bottom:5px;min-width:0}
.usc summary{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;cursor:pointer;list-style:none}
.usc summary::-webkit-details-marker{display:none}
.usc summary>span:first-child::before{content:"▸ ";content:"▸ " / "";color:var(--acc)}
.usc[open] summary>span:first-child::before{content:"▾ ";content:"▾ " / ""}
.usc .dettaglio{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0 4px}
.chips{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--attesa-40);padding:2px 8px;font-size:10.5px;
      letter-spacing:.04em;color:var(--testo);white-space:normal;max-width:100%}
.chip::before{content:"";width:7px;height:7px;background:var(--attesa);flex:none}
.chip.locale{border-color:var(--acc-40)}
.chip.locale::before{background:var(--acc)}
.chip.frontiera{border-color:var(--bianco)}
.chip.frontiera::before{background:var(--bianco);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.chip.costo::before{background:var(--nessuno);border:1px solid var(--attesa)}
.usc .perche{margin:0;font-size:11px;color:var(--debole);line-height:1.45}

/* ── il lucchetto del livello follower ───────────────────────────────── */
.lucchetto .dentro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 24px;align-items:center}
@media (max-width:700px){.lucchetto .dentro{grid-template-columns:1fr}}
.lucchetto p{margin:0;font-size:12.5px;line-height:1.55;max-width:68ch}
.lucchetto p.nota{font-size:11.5px;margin-top:8px}
.anteprime{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.anteprime span{border:1px dashed var(--acc-40);padding:3px 9px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--debole)}
.bottone{border:1px solid var(--acc);background:var(--acc-08);color:var(--acc);padding:9px 16px;cursor:pointer;
         font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.bottone:hover{background:var(--acc-18)}
.bottone[aria-disabled="true"]{opacity:.45;cursor:not-allowed}

/* ── MAGI: il triangolo ──────────────────────────────────────────────── */
.delibera .dentro{padding:16px 18px 18px}
.delibera h2:focus{outline:none}
.tri{display:grid;grid-template-columns:1fr minmax(120px,.9fr) 1fr;grid-template-rows:auto auto;gap:12px 10px;margin-top:6px}
.tri>*{min-width:0}
.tri .alto{grid-column:2;grid-row:1}
.tri .sx{grid-column:1;grid-row:2}.tri .dx{grid-column:3;grid-row:2}
.tri .centro{grid-column:2;grid-row:2;display:grid;place-items:center;align-content:center;gap:6px}
@media (max-width:760px){
  .tri{grid-template-columns:1fr 1fr}
  .tri .alto{grid-column:1/-1;grid-row:1}
  .tri .centro{grid-column:1/-1;grid-row:2}
  .tri .sx{grid-column:1;grid-row:3}.tri .dx{grid-column:2;grid-row:3}
}
@media (max-width:480px){.tri{grid-template-columns:1fr}.tri .sx,.tri .dx{grid-column:1}.tri .dx{grid-row:4}}
.magi{--taglio:10px}
.magi .dentro{padding:12px 14px 13px;display:grid;gap:6px}
.magi .n{font-size:10px;letter-spacing:.2em;color:var(--debole)}
.magi h3{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-weight:600}
.magi .dom{font-size:11px;color:var(--debole)}
.mis{display:grid;gap:3px;margin:2px 0 4px}
.riga-m{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--debole)}
.riga-m .v{color:var(--bianco);font-weight:500;text-align:right}
.voto{border-top:1px dashed var(--acc-18);padding-top:6px;display:grid;gap:3px}
.voto .esito{font-family:var(--vt);font-size:28px;line-height:1;color:var(--acc)}
.voto .perche{font-size:10.5px;color:var(--debole);line-height:1.4}
.magi.riposo .voto .esito{color:var(--debole)}
.magi.attesa h3,.magi.attesa .voto .esito{color:var(--attesa)}
.magi.rosso h3{color:var(--rosso-testo)}
.magi.rosso .voto .esito{color:var(--focus)}
.verdetto{width:100%;aspect-ratio:1.05;max-width:200px;display:grid;place-items:center;position:relative;
          background:var(--acc-40);clip-path:polygon(0 0,100% 0,50% 100%)}
.verdetto.attesa{background:var(--attesa-40)}
.verdetto.rosso{background:var(--focus)}
.verdetto>div{position:absolute;inset:1px;background:var(--pannello);clip-path:polygon(0 0,100% 0,50% 100%);
          display:grid;place-items:start center;align-content:start;padding-top:12%;text-align:center}
.verdetto .esito{font-family:var(--vt);font-size:clamp(24px,3.2vw,32px);line-height:1;color:var(--acc);letter-spacing:.06em}
.verdetto.attesa .esito{color:var(--attesa)}
.verdetto.rosso .esito{color:var(--focus)}
.verdetto .conta{font-family:var(--vt);font-size:clamp(34px,4.8vw,50px);line-height:.9;color:var(--bianco);margin-top:2px}
.centro .sotto{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--debole);text-align:center;max-width:24ch;line-height:1.35}
.regola{margin:12px 0 0;font-size:11px;letter-spacing:.04em;color:var(--debole);text-align:center;line-height:1.6}
.regola b{color:var(--rosso-testo);font-weight:600}

/* ── registro delle offerte ──────────────────────────────────────────── */
.registro{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.registro li{border-left:2px solid var(--attesa);padding:2px 0 2px 10px;font-size:11.5px;display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}
.registro li.ok{border-color:var(--acc)}
.registro li.no{border-color:var(--focus)}
.registro li b{color:var(--bianco);font-weight:500}
.registro li span{color:var(--debole);font-size:10.5px}
.vuoto{font-size:11.5px;color:var(--debole);border:1px dashed var(--acc-18);padding:10px 12px;margin:0}

/* ── catalogo a esagoni ──────────────────────────────────────────────── */
section.blocco>h2{margin:0 0 10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);font-weight:600;
                  display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;text-wrap:balance}
section.blocco>h2 span{color:var(--debole);letter-spacing:.04em;text-transform:none;font-weight:400}
.esagoni{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.hex{aspect-ratio:1/.9;max-width:100%;position:relative;display:grid;background:var(--acc-40);border:0;padding:0;
     clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
button.hex{cursor:pointer}
.hex>span{grid-area:1/1;margin:1px;background:var(--pannello);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
     display:grid;place-content:center;text-align:center;gap:3px;padding:10px 17%}
.hex .k{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--testo);font-weight:600}
.hex .d{font-size:9.5px;color:var(--debole);line-height:1.3}
.hex .p{font-family:var(--vt);font-size:21px;line-height:1;color:var(--bianco);margin-top:2px}
.hex.mio{background:var(--acc)}
.hex.mio>span{background:var(--pannello-2)}
.hex.mio .k,.hex.mio .p{color:var(--acc)}
.hex.attesa{background:var(--attesa-40)}
.hex.attesa .k{color:var(--attesa)}
.hex[aria-pressed="true"]{background:var(--bianco)}
button.hex:hover>span{background:var(--pannello-2)}
button.hex:focus-visible{outline:none;background:var(--acc)}
button.hex[aria-pressed="true"]:focus-visible{background:var(--bianco)}
button.hex:focus-visible>span{margin:3px}
button.hex[aria-disabled="true"]{cursor:not-allowed;opacity:.7}
.legenda{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:10.5px;color:var(--debole);letter-spacing:.04em}
.legenda i{display:inline-block;width:10px;height:10px;vertical-align:-1px;margin-right:6px;background:var(--acc)}
.legenda i.v{background:var(--pannello);outline:1px solid var(--acc-40)}
.legenda i.a{background:var(--attesa)}

/* ── l'offerta ───────────────────────────────────────────────────────── */
.offerta .dentro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 24px}
@media (max-width:760px){.offerta .dentro{grid-template-columns:1fr}}
.offerta h3{margin:0;font-family:var(--vt);font-size:34px;line-height:1;color:var(--bianco);font-weight:400;overflow-wrap:anywhere}
.offerta .desc{margin:6px 0 0;font-size:12.5px}
.offerta form{display:grid;gap:10px;align-content:start;min-width:0}
.offerta fieldset{border:1px solid var(--acc-18);margin:0;padding:8px 12px 10px;display:grid;gap:6px;min-width:0}
.offerta legend{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--debole);padding:0 4px}
.offerta label{font-size:12px;display:flex;gap:8px;align-items:center}
.offerta input[type=text]{background:var(--fondo);border:1px solid var(--acc-40);color:var(--bianco);padding:6px 8px;font:inherit;font-size:12px;width:100%;min-width:0}
.offerta input[aria-invalid="true"]{border-color:var(--focus)}
.offerta input[type=radio]{accent-color:var(--acc)}
.errore{margin:0;font-size:11px;color:var(--rosso-testo)}

/* ── esperimento ─────────────────────────────────────────────────────── */
.fondo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.fondo div{border:1px solid var(--acc-18);padding:8px 10px;display:grid;gap:2px;min-width:0}
.fondo .grande{font-size:30px}
.sito summary>span:first-child{min-width:0}
.sito summary .n{color:var(--debole);font-size:10.5px;letter-spacing:.12em;margin-right:8px}

footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 20px;border-top:1px solid var(--acc-18);padding-top:12px;
       font-size:11px;letter-spacing:.06em;color:var(--debole)}
footer p{margin:0;max-width:72ch}

@media (prefers-reduced-motion:reduce){.lampeggia{animation:none;opacity:.6}}

/* ── la voce: la chat, dentro la plancia (elan42.com, 2026-10-03) ───────── */
.voce iframe{display:block;width:100%;height:min(80vh,660px);min-height:480px;border:0;background:var(--fondo)}
.saluto{margin:8px 0 0;font-size:12.5px;letter-spacing:.04em;color:var(--bianco)}
.saluto b{color:var(--acc);font-weight:600}
.nota-sopra{margin:0 0 12px}
.nota-piatta{margin:0}

  /* ── MAGI: tre ruoli che votano, la pagina ascolta il server e li accende ── */
  .m3 .dentro{display:grid;gap:14px}
  .m3-intro{margin:0;font-size:12.5px;line-height:1.55;max-width:72ch}
  .m3-campo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  @media (max-width:600px){.m3-campo{grid-template-columns:1fr}}
  .m3-campo input{background:var(--fondo);border:1px solid var(--acc-40);color:var(--bianco);padding:9px 10px;font:inherit;font-size:13px;min-width:0}
  .m3-esempi{display:flex;flex-wrap:wrap;gap:6px}
  .m3-esempi button{background:var(--nessuno);border:1px dashed var(--acc-40);color:var(--testo);padding:4px 10px;font-size:11px;cursor:pointer;text-align:left}
  .m3-esempi button:hover{border-style:solid;color:var(--bianco)}
  .m3-esempi button[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
  .m3-proposta{margin:0;font-size:12px;color:var(--debole);min-height:1.5em;overflow-wrap:anywhere}
  .m3-proposta b{color:var(--bianco);font-weight:500}
  .m3-tri{display:grid;grid-template-columns:1fr minmax(140px,.9fr) 1fr;grid-template-rows:auto auto;gap:12px 10px}
  .m3-tri>*{min-width:0}
  .m3-tri .alto{grid-column:2;grid-row:1}
  .m3-tri .sx{grid-column:1;grid-row:2}.m3-tri .dx{grid-column:3;grid-row:2}
  .m3-tri .centro{grid-column:2;grid-row:2;display:grid;place-items:center;align-content:center;gap:6px;text-align:center}
  @media (max-width:760px){
    .m3-tri{grid-template-columns:1fr 1fr}
    .m3-tri .alto{grid-column:1/-1;grid-row:1}
    .m3-tri .centro{grid-column:1/-1;grid-row:2}
    .m3-tri .sx{grid-column:1;grid-row:3}.m3-tri .dx{grid-column:2;grid-row:3}
  }
  @media (max-width:480px){.m3-tri{grid-template-columns:1fr}.m3-tri .sx,.m3-tri .dx{grid-column:1}.m3-tri .dx{grid-row:4}}
  .re{--taglio:10px;background:var(--acc-18)}
  .re .dentro{padding:12px 14px 13px;display:grid;gap:5px}
  .re .n{font-size:10px;letter-spacing:.2em;color:var(--debole)}
  .re h3{margin:0;font-family:var(--vt);font-weight:400;font-size:26px;line-height:1;letter-spacing:.06em;color:var(--testo)}
  .re .lato{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--debole)}
  .re .dom{font-size:11.5px;color:var(--testo);font-style:italic}
  .re .voto{border-top:1px dashed var(--acc-18);padding-top:6px;display:grid;gap:3px}
  .re .esito{font-family:var(--vt);font-size:30px;line-height:1;color:var(--debole)}
  .re .motivo{font-size:11px;color:var(--debole);line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}
  .re.vota{background:var(--attesa-40)}
  .re.vota .esito,.re.vota h3{color:var(--attesa)}
  .re.vota .dentro{animation:pulsa 1.1s ease-in-out infinite}
  @keyframes pulsa{0%,100%{background:var(--pannello)}50%{background:var(--pannello-2)}}
  .re.si{background:var(--acc)}
  .re.si h3,.re.si .esito{color:var(--acc)}
  .re.no{background:var(--focus)}
  .re.no h3,.re.no .esito{color:var(--focus)}
  .re.astenuto{background:var(--giallo)}
  .re.astenuto h3,.re.astenuto .esito{color:var(--giallo)}
  .re.nullo,.re.fuori{background:var(--acc-18)}
  .re.fuori .dentro{opacity:.55}
  .m3-verdetto{width:100%;max-width:190px;aspect-ratio:1.05;display:grid;place-items:center;position:relative;background:var(--acc-40);
               clip-path:polygon(0 0,100% 0,50% 100%)}
  .m3-verdetto>div{position:absolute;inset:1px;background:var(--pannello);clip-path:polygon(0 0,100% 0,50% 100%);
                   display:grid;align-content:start;justify-items:center;padding-top:12%;gap:2px}
  .m3-verdetto .marchio{font-size:10px;letter-spacing:.3em;color:var(--debole)}
  .m3-verdetto .esito{font-family:var(--vt);font-size:clamp(26px,3.4vw,36px);line-height:1;color:var(--testo);letter-spacing:.06em}
  .m3-verdetto.vota{background:var(--attesa-40)}
  .m3-verdetto.vota .esito{color:var(--attesa)}
  .m3-verdetto.si{background:var(--acc)}.m3-verdetto.si .esito{color:var(--acc)}
  .m3-verdetto.no{background:var(--focus)}.m3-verdetto.no .esito{color:var(--focus)}
  .m3-verdetto.astenuto{background:var(--giallo)}.m3-verdetto.astenuto .esito{color:var(--giallo)}
  .m3-sotto{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--debole);max-width:26ch;line-height:1.4}
  .m3-regola{margin:0;font-size:11px;letter-spacing:.03em;color:var(--debole);line-height:1.6;text-align:center}
  .m3-regola b{font-weight:600}
  .m3-regola .k-si{color:var(--acc)}.m3-regola .k-no{color:var(--rosso-testo)}.m3-regola .k-as{color:var(--giallo)}.m3-regola .k-vo{color:var(--attesa)}
  .m3-onesta{margin:0;font-size:11px;color:var(--debole);border:1px dashed var(--acc-18);padding:8px 10px;line-height:1.5}
  .m3-ascolto{border:1px solid var(--acc-18);background:var(--ombra);padding:8px 10px;display:grid;gap:4px;min-width:0}
  .m3-ascolto .et{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
  .m3-log{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:11px;color:var(--testo);max-height:9.5em;overflow:auto;overflow-wrap:anywhere}
  .m3-log li span{color:var(--debole)}
  @media (prefers-reduced-motion:reduce){.re.vota .dentro{animation:none}}

  /* ── schede del livello follower ─────────────────────────────────────── */
  .schede{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--acc-40)}
  .schede button{background:var(--nessuno);border:1px solid var(--acc-18);border-bottom:0;padding:8px 14px;font-size:11px;letter-spacing:.14em;
                 text-transform:uppercase;color:var(--debole);cursor:pointer;margin-bottom:-1px}
  .schede button[aria-selected="true"]{background:var(--pannello);color:var(--acc);border-color:var(--acc-40);font-weight:600}
  .scheda{display:flex;flex-direction:column;gap:22px}
  .scheda>.nota-archivio{margin:0;font-size:11.5px;color:var(--debole);max-width:76ch}