/* SwipeAI, sezione ragazzi
   Stessa griglia e stesse forme ritagliate del sito, a colori pieni.
   Tutto vive dentro .rg, così il resto del sito non ne risente. */

@font-face {
  font-family: "Grandstander";
  src: url("../fonts/grandstander-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

.rg {
  --sole: #FFC83D;
  --corallo: #F0563B;
  --cielo: #2F62D9;
  --prato: #1E9E68;
  --confetto: #FF9DB8;
  --raggio: 28px;
  --f-gioco: "Grandstander", "Libre Franklin", "Trebuchet MS", sans-serif;

  font-family: var(--f-gioco);
  font-weight: 500;
  font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
  line-height: 1.45;
}
.rg .minimo, .rg .piccolo { font-family: var(--f-testo); font-weight: 400; }

.rg h1, .rg h2, .rg h3, .rg-titolo {
  font-family: var(--f-gioco);
  font-weight: 800;
  letter-spacing: -0.012em;
  line-height: 1.02;
}
.rg h1, .rg-titolo--grande { font-size: clamp(2.5rem, 1.6rem + 4.2vw, 5rem); }
.rg h2 { font-size: clamp(1.9rem, 1.4rem + 2.2vw, 3rem); }
.rg h3 { font-size: clamp(1.35rem, 1.2rem + 0.7vw, 1.75rem); line-height: 1.1; }

.rg :focus-visible { outline: 4px solid var(--inchiostro); outline-offset: 4px; border-radius: 6px; }

/* Fascia colorata a tutta larghezza, con forme ritagliate che spuntano dai bordi */
.rg-fascia {
  position: relative;
  overflow: hidden;
  padding-block: clamp(3rem, 2rem + 5vw, 6rem);
  background: var(--sole);
}
.rg-fascia > .pagina { position: relative; }
.rg-forma { position: absolute; pointer-events: none; }
.rg-forma--cerchio { right: -7rem; top: -7rem; width: 19rem; height: 19rem; border-radius: 50%; background: var(--corallo); }
.rg-forma--mezzo { left: 38%; bottom: -5.5rem; width: 11rem; height: 11rem; border-radius: 50%; background: var(--confetto); }
.rg-forma--triangolo { left: -2.5rem; top: 30%; width: 0; height: 0; border: 4.5rem solid transparent; border-left-color: var(--cielo); }

/* Becca e il suo fumetto */
.rg-ciao { display: grid; gap: 1.5rem; align-items: end; }
@media (min-width: 48rem) { .rg-ciao { grid-template-columns: auto minmax(0, 1fr); gap: 2.5rem; } }
.rg-ciao .becca { width: clamp(150px, 26vw, 300px); }

.rg-fumetto {
  position: relative;
  align-self: start;
  max-width: 21em;
  padding: 1.1rem 1.4rem 1.2rem;
  background: var(--bianco);
  border-radius: var(--raggio);
  font-weight: 500;
  line-height: 1.35;
}
.rg-fumetto::after {
  content: "";
  position: absolute;
  left: 2.2rem; top: -1.1rem;
  border: 0.7rem solid transparent;
  border-bottom-color: var(--bianco);
  border-left-color: var(--bianco);
}
@media (min-width: 48rem) {
  .rg-fumetto::after { left: -1.1rem; top: auto; bottom: 1.6rem; border-color: transparent; border-right-color: var(--bianco); border-bottom-color: var(--bianco); }
}

/* Scelta dell'età */
.rg-eta { display: flex; flex-wrap: wrap; gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.rg-eta a, .rg-eta button {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4rem;
  min-height: 3.5rem;
  padding: 0.7rem 1.4rem;
  border: 0;
  border-radius: 999px;
  background: var(--bianco);
  color: var(--inchiostro);
  font: 800 1.35rem/1.2 var(--f-gioco);
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s, background-color 0.15s, color 0.15s;
}
.rg-eta small { font: 500 1rem var(--f-gioco); }
.rg-eta a:hover, .rg-eta button:hover, .rg-eta [aria-pressed="true"], .rg-eta [aria-current] {
  background: var(--inchiostro); color: var(--bianco);
}

/* Carte dei giochi */
.rg-giochi { display: grid; gap: var(--canalino); grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.rg-gioco {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 23rem;
  overflow: hidden;
  border-radius: var(--raggio);
  background: var(--tinta, var(--cielo));
  color: var(--testo, var(--inchiostro));
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.3, 1.4, 0.5, 1);
}
.rg-gioco:hover { color: var(--testo, var(--inchiostro)); }
.rg-gioco__figura { flex: 1; display: grid; place-items: center; padding: 1.5rem 1.5rem 0; }
.rg-gioco__figura svg { width: min(100%, 10.5rem); overflow: visible; }
.rg-gioco__testo { padding: 1.25rem 1.5rem 1.5rem; }
.rg-gioco__idea { font: 600 0.8125rem/1.3 var(--f-testo); letter-spacing: 0.08em; text-transform: uppercase; }
.rg-gioco h3 { margin-top: 0.35rem; }
.rg-gioco p { margin-top: 0.5rem; font-size: 1.0625rem; line-height: 1.35; }
.rg-gioco__vai {
  position: absolute; right: 1.25rem; top: 1.25rem;
  display: grid; place-items: center;
  width: 3rem; height: 3rem;
  border-radius: 50%;
  background: var(--bianco); color: var(--inchiostro);
}

/* Adesivi (badge) */
.rg-adesivi { display: flex; flex-wrap: wrap; gap: 1.5rem 1.75rem; margin: 0; padding: 0; list-style: none; }
.rg-adesivo { display: grid; justify-items: center; gap: 0.6rem; width: 7.5rem; text-align: center; font: 600 0.9375rem/1.2 var(--f-testo); }
.rg-adesivo__tondo {
  display: grid; place-items: center;
  width: 6.75rem; height: 6.75rem;
  border: 6px solid var(--bianco);
  border-radius: 50%;
  background: var(--tinta, var(--sole));
  transform: rotate(var(--giro, -5deg));
}
.rg-adesivo__tondo svg { width: 62%; }
.rg-adesivo--vuoto .rg-adesivo__tondo { background: transparent; border: 3px dashed rgb(22 20 15 / 0.35); }
.rg-adesivo--vuoto { color: var(--inchiostro-2); }

/* Riquadro "Per i grandi": si torna alla voce del sito adulto */
.rg-grandi {
  padding: 1.25rem 1.5rem;
  border: 1.5px dashed var(--inchiostro);
  border-radius: 12px;
  background: var(--carta);
  font-family: var(--f-testo);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
}
.rg-grandi__titolo { font: 600 0.8125rem/1.3 var(--f-testo); letter-spacing: 0.09em; text-transform: uppercase; margin-bottom: 0.5rem; }

/* Interruttore delle animazioni */
.rg-interruttore {
  display: inline-flex; align-items: center; gap: 0.6rem;
  padding: 0.4rem 0.9rem 0.4rem 0.45rem;
  border: 0; border-radius: 999px;
  background: var(--bianco); color: var(--inchiostro);
  font: 600 0.9375rem var(--f-testo);
  cursor: pointer;
}
.rg-interruttore::before {
  content: ""; width: 2.4rem; height: 1.4rem; border-radius: 999px;
  background: radial-gradient(circle at 0.7rem 50%, var(--bianco) 0.5rem, transparent 0.53rem) var(--inchiostro-3);
  transition: background-position 0.15s;
}
.rg-interruttore[aria-pressed="true"]::before {
  background: radial-gradient(circle at 1.7rem 50%, var(--bianco) 0.5rem, transparent 0.53rem) var(--prato);
}

/* Movimento: solo se gradito, e spegnibile con .rg--fermo */
@media (prefers-reduced-motion: no-preference) {
  .rg:not(.rg--fermo) .rg-gioco:hover { transform: rotate(-1.5deg) translateY(-6px); }
  .rg:not(.rg--fermo) .rg-eta a:hover, .rg:not(.rg--fermo) .rg-eta button:hover { transform: translateY(-3px); }
  .rg:not(.rg--fermo) .becca__ala--saluto { animation: becca-saluta 1.6s ease-in-out 3; }
  .rg:not(.rg--fermo) .becca--esulta .becca__tutta { animation: becca-salta 0.9s cubic-bezier(0.3, 0, 0.3, 1) 3; }
}
@keyframes becca-saluta { 0%, 100% { rotate: 0deg; } 30% { rotate: -16deg; } 60% { rotate: 10deg; } }
@keyframes becca-salta { 0%, 100% { translate: 0 0; } 45% { translate: 0 -14px; } }

/* ---------- Barra della sezione ---------- */
.rg-barra { background: var(--inchiostro); color: var(--bianco); }
.rg-barra .pagina { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem 1.5rem; min-height: 3.5rem; }
.rg-barra ul { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.rg-barra a { display: block; padding-block: 0.6rem; color: inherit; font: 700 1.0625rem var(--f-gioco); text-decoration: none; }
.rg-barra a:hover, .rg-barra a[aria-current] { color: var(--sole); }
.rg-barra a[aria-current] { text-decoration: underline; text-decoration-color: var(--sole); text-decoration-thickness: 3px; text-underline-offset: 6px; }
.rg-barra :focus-visible { outline-color: var(--sole); }
.rg-barra .rg-interruttore { padding-block: 0.3rem; }

/* ---------- Pagina di gioco ---------- */
.rg-testa { padding-block: clamp(2rem, 1.5rem + 3vw, 4rem) var(--s-4); }
.rg-testa__riga { display: grid; gap: var(--s-3); align-items: center; }
@media (min-width: 48rem) { .rg-testa__riga { grid-template-columns: minmax(0, 1fr) auto; } }
.rg-testa .becca { width: clamp(120px, 18vw, 200px); }
.rg-istruzioni { max-width: 36em; margin-top: 1rem; font-size: 1.25rem; line-height: 1.45; }
.rg-leggi { display: none; align-items: center; gap: 0.5rem; margin-top: 1rem; padding: 0.55rem 1.1rem; border: 0; border-radius: 999px; background: var(--inchiostro); color: var(--bianco); font: 700 1rem var(--f-gioco); cursor: pointer; }

.rg-gioco-area { padding: clamp(1.25rem, 1rem + 2vw, 2.5rem); border-radius: var(--raggio); background: var(--bianco); box-shadow: inset 0 0 0 3px var(--inchiostro); }
.rg-gioco-area + .rg-gioco-area { margin-top: var(--s-4); }
.rg-pulsante {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: 3.25rem; min-width: 3.25rem; padding: 0.6rem 1.3rem;
  border: 0; border-radius: 999px; background: var(--inchiostro); color: var(--bianco);
  font: 800 1.15rem/1.15 var(--f-gioco); text-decoration: none; cursor: pointer;
  transition: transform 0.15s, background-color 0.15s;
}
.rg-pulsante:hover { background: var(--cielo); color: var(--bianco); }
.rg-pulsante--chiaro { background: var(--sole); color: var(--inchiostro); }
.rg-pulsante--chiaro:hover { background: var(--inchiostro); color: var(--bianco); }
.rg-pulsante:disabled { opacity: 0.45; cursor: default; }
.rg:not(.rg--fermo) .rg-pulsante:not(:disabled):active { transform: scale(0.95); }
.rg-scelte { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.rg-esito { margin-top: 1rem; padding: 0.9rem 1.2rem; border-radius: 18px; background: var(--carta-2); font-size: 1.15rem; line-height: 1.4; }
.rg-esito:empty { display: none; }
.rg-esito[data-tipo="ok"] { background: #D9F2E5; }
.rg-esito[data-tipo="no"] { background: #FDE2DC; }
.rg-punti { font: 800 1.1rem var(--f-gioco); }

.rg-imparato { padding: 1.5rem; border-radius: var(--raggio); background: var(--sole); }
.rg-imparato h2 { font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); }
.rg-imparato ul { margin: 0.75rem 0 0; padding-left: 1.2em; }
.rg-imparato li + li { margin-top: 0.4rem; }
.rg-offline { padding: 1.25rem 1.5rem; border: 3px dashed var(--inchiostro); border-radius: var(--raggio); }
.rg-offline h2 { font-size: 1.5rem; }
.rg-offline p, .rg-offline ol { margin-top: 0.6rem; }

/* ---------- Premio e coriandoli ---------- */
.rg-premio {
  position: fixed; z-index: 50; right: 1rem; bottom: 1rem;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 0.4rem 1rem;
  max-width: min(26rem, calc(100vw - 2rem)); padding: 1rem 1.25rem;
  border-radius: 24px; background: var(--bianco); box-shadow: 0 0 0 3px var(--inchiostro);
  font: 600 1.05rem/1.3 var(--f-gioco, sans-serif);
}
.rg-premio .rg-adesivo__tondo { width: 4.5rem; height: 4.5rem; border-width: 4px; grid-row: span 2; }
.rg-premio p { margin: 0; }
.rg-premio a { grid-column: 2; font-family: "Libre Franklin", sans-serif; font-size: 0.95rem; }
.rg-premio button { grid-column: 3; grid-row: 1; align-self: start; width: 2.25rem; height: 2.25rem; border: 0; border-radius: 50%; background: var(--carta-2); font-size: 1.3rem; cursor: pointer; }
.rg-premio--via { opacity: 0; transition: opacity 0.5s; }
.rg-coriandoli { position: fixed; inset: 0; z-index: 49; pointer-events: none; overflow: hidden; }
.rg-coriandoli i { position: absolute; top: -20px; width: 12px; height: 12px; animation: rg-cade 2.2s cubic-bezier(0.3, 0.6, 0.5, 1) forwards; }
@keyframes rg-cade { to { transform: translateY(105vh) rotate(var(--giro, 360deg)); } }
@media (prefers-reduced-motion: reduce) { .rg-coriandoli { display: none; } }

/* ---------- Avviso di uscita ---------- */
.rg-uscita { max-width: 26rem; padding: 1.75rem; border: 0; border-radius: var(--raggio, 28px); box-shadow: 0 0 0 4px #16140F; font-family: "Grandstander", sans-serif; }
.rg-uscita::backdrop { background: rgb(22 20 15 / 0.55); }
.rg-uscita h2 { margin: 0; font-size: 1.75rem; line-height: 1.1; }
.rg-uscita p { margin-top: 0.75rem; font-size: 1.15rem; line-height: 1.4; }
.rg-uscita .rg-scelte { margin-top: 1.25rem; }

/* ---------- Le cinque idee ---------- */
.rg-idee { display: grid; gap: var(--canalino); grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); }
.rg-idea { display: flex; flex-direction: column; gap: 0.6rem; padding: 1.5rem; border-radius: var(--raggio); background: var(--tinta); color: var(--testo, var(--inchiostro)); }
.rg-idea__numero { font: 800 3rem/1 var(--f-gioco); }
.rg-idea h3 { font-size: 1.6rem; }
.rg-idea p { font-size: 1.1rem; line-height: 1.4; }
.rg-idea a { color: inherit; font-weight: 700; }
.rg-idea svg { width: 100%; max-width: 12rem; align-self: center; margin-block: 0.5rem; }

.rg-sezione { padding-block: var(--s-5); }
.rg-sezione > .pagina > h2 { margin-bottom: var(--s-3); }
.rg-grandi a { color: inherit; }

/* Il pulsante «Leggimelo» compare solo se il browser sa leggere ad alta voce */
.voce-ok .rg-leggi { display: inline-flex; }

/* ---------- Pezzi dei singoli giochi ---------- */
.pa-frase, .um-testo, .de-frase, .cc-cosa { font: 700 clamp(1.4rem, 1.1rem + 1.4vw, 2rem)/1.3 var(--f-gioco); }
.um-testo { font-weight: 500; font-size: clamp(1.2rem, 1.05rem + 0.8vw, 1.5rem); max-width: 40em; }
.pa-barre { margin: 1rem 0 0; padding: 0; list-style: none; max-width: 36rem; }
.pa-barre li { border-top: 1px solid var(--carta-3); }
.de-frase { line-height: 1.8; }
.de-pezzo { margin: 0.15rem 0; padding: 0.15rem 0.5rem; border: 0; border-bottom: 4px dotted var(--inchiostro-3); border-radius: 8px; background: var(--carta-2); font: inherit; color: inherit; cursor: pointer; }
.de-pezzo:hover:not(:disabled) { background: var(--sole); }
.de-pezzo:disabled { cursor: default; opacity: 0.65; }
.de-pezzo--trovato { opacity: 1 !important; background: #FDE2DC; border-bottom: 4px solid var(--corallo); text-decoration: line-through; text-decoration-color: var(--corallo); text-decoration-thickness: 4px; }
.cc-cosa { display: inline-block; padding: 1rem 1.5rem; border-radius: 20px; background: var(--sole); }
.cc-cestini { display: grid; gap: 1rem; margin-top: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); }
.cc-cestini > div { padding: 1rem; border-radius: 20px; background: var(--carta-2); }
.cc-cestini h3 { font-size: 1.25rem; }
.cc-cestini ul { margin: 0.5rem 0 0; padding-left: 1.1em; font-size: 1rem; }
.cc-ok { background: var(--prato) !important; color: var(--inchiostro) !important; }
.cc-adulto { background: var(--sole) !important; color: var(--inchiostro) !important; }
.cc-mai { background: var(--corallo) !important; color: var(--inchiostro) !important; }

/* Trova il falso */
.fa-coppia { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); margin-top: 1rem; }
.fa-coppia figure { margin: 0; }
.fa-coppia figcaption { margin-top: 0.4rem; font: 800 1.2rem var(--f-gioco); }
.fa-b { position: relative; }
.fa-a svg, .fa-b svg { display: block; width: 100%; border-radius: 16px; }
.fa-zona { position: absolute; width: 2.9rem; height: 2.9rem; translate: -50% -50%; border: 3px dashed rgb(22 20 15 / 0.55); border-radius: 50%; background: rgb(255 253 249 / 0.25); cursor: pointer; }
.fa-zona:hover { background: rgb(255 200 61 / 0.45); }
.fa-zona--trovata { border: 4px solid var(--corallo); background: rgb(240 86 59 / 0.2); }
.fa-zona--trovata::after { content: "✓"; position: absolute; inset: 0; display: grid; place-items: center; font: 800 1.4rem var(--f-gioco); color: var(--inchiostro); }
.fa-zona--no { border-style: solid; border-color: var(--inchiostro-3); opacity: 0.6; }

/* Come vede un computer */
.px-lavoro { display: grid; gap: 1.5rem; align-items: start; margin-top: 1rem; }
@media (min-width: 48rem) { .px-lavoro { grid-template-columns: auto auto 1fr; } }
.px-griglia { --lato: min(2.6rem, calc((100vw - 7.5rem) / 8)); display: grid; grid-template-columns: repeat(8, var(--lato)); grid-auto-rows: var(--lato); gap: 3px; padding: 3px; background: var(--inchiostro); width: max-content; }
.px-cella { border: 0; background: var(--bianco); cursor: pointer; }
.px-cella--accesa { background: var(--inchiostro); box-shadow: inset 0 0 0 2px var(--bianco); }
.px-cella:focus-visible { outline: 4px solid var(--sole); outline-offset: -4px; }
.px-numeri, .px-obiettivo { margin: 0; padding: 0.9rem 1rem; border-radius: 16px; background: var(--carta-2); font: 700 1.15rem/1.45 ui-monospace, "SF Mono", Menlo, monospace; white-space: pre; }
.px-obiettivo { background: var(--sole); }


/* Riconoscitore di forme */
.fo-tela { display: block; width: 100%; max-width: 30rem; aspect-ratio: 3 / 2; border-radius: 18px; box-shadow: inset 0 0 0 3px var(--inchiostro); touch-action: none; cursor: crosshair; }

/* L'AI nella mia giornata */
.gi-scena { position: relative; max-width: 52rem; margin-top: 1rem; }
.gi-scena svg { display: block; width: 100%; border-radius: 18px; }
.gi-oggetto { position: absolute; translate: -50% -50%; padding: 0.35rem 0.7rem; border: 3px solid var(--inchiostro); border-radius: 999px; background: var(--bianco); font: 700 0.9rem/1.1 var(--f-gioco); cursor: pointer; max-width: 9rem; }
.gi-oggetto:hover { background: var(--sole); }
.gi-oggetto--si { background: var(--prato); }
.gi-oggetto--si::before { content: "✓ "; }
.gi-oggetto--no { background: var(--carta-3); text-decoration: line-through; }
@media (max-width: 40rem) { .gi-oggetto { font-size: 0.75rem; padding: 0.25rem 0.45rem; } }

/* Il quiz nella sezione ragazzi */
.rg .quiz { border-top: 0; padding-top: 0; }
.rg .quiz__domanda legend { font-family: var(--f-gioco); font-weight: 800; font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem); }
.rg .quiz__opzione { border-width: 3px; border-radius: 18px; font-size: 1.15rem; }
.rg .quiz__spiega { border-radius: 18px; }
.rg .quiz__punti { font-family: var(--f-gioco); font-weight: 800; }
.rg .quiz .bottone { border-radius: 999px; font-family: var(--f-gioco); font-weight: 800; }

/* Stampabili */
.rg-colora { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); max-width: 52rem; }
.rg-colora svg { width: 100%; background: #fff; border-radius: 18px; }
.cr-lavoro { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 56rem) { .cr-lavoro { grid-template-columns: auto 1fr; } }
.cr-griglia { border-collapse: collapse; }
.cr-griglia td { width: 2.6rem; height: 2.6rem; padding: 0; }
.cr-casella { position: relative; border: 2.5px solid var(--inchiostro); background: #fff; }
.cr-n { position: absolute; left: 3px; top: 1px; font: 700 0.7rem var(--f-testo); }
.cr-casella input { width: 100%; height: 100%; border: 0; background: transparent; text-align: center; font: 800 1.3rem var(--f-gioco); text-transform: uppercase; }
.cr-casella input:focus-visible { outline: 3px solid var(--cielo); outline-offset: -3px; }
.cr-ok { background: #D9F2E5 !important; }
.cr-no { background: #FDE2DC !important; }
.cr-definizioni h3 { font-size: 1.3rem; margin-top: 0.5rem; }
.cr-definizioni ol { margin: 0.4rem 0 1rem; padding-left: 1.6em; }
.di-campo { width: min(100%, 22rem); padding: 0.6rem 0.8rem; border: 3px solid var(--inchiostro); border-radius: 14px; font: 700 1.2rem var(--f-gioco); }
.di-diploma { max-width: 46rem; margin-top: 1.5rem; padding: 2.5rem 2rem; border: 6px double var(--inchiostro); border-radius: 12px; background: #fff; text-align: center; }
.di-occhiello { font: 600 0.85rem var(--f-testo); letter-spacing: 0.1em; text-transform: uppercase; }
.di-titolo { margin-top: 1rem; font: 800 clamp(1.8rem, 1.4rem + 2vw, 2.8rem)/1.05 var(--f-gioco); }
.di-testo { margin-top: 1rem; font-size: 1.15rem; }
.di-nome { margin-top: 0.5rem; padding-bottom: 0.3rem; border-bottom: 3px solid var(--corallo); font: 800 clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem) var(--f-gioco); }
.di-firma { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; text-align: left; }
@media print {
  .rg-barra, .rg-premio, .rg-coriandoli, .rg-interruttore { display: none !important; }
  .rg-foglio { break-after: page; padding: 0 !important; }
  .rg { font-size: 12pt; }
  .di-diploma { border-width: 6px; }
}

/* Insegna alla macchina: l’animale ha una misura fissa, anche su schermi grandi */
.mc-palco svg { width: min(100%, 13rem); height: auto; }