/* Quizzopoli — ritocchi "cartone animato fantasy" per crediti.php e privacy.php.
   Si carica DOPO lo <style> della pagina e cambia solo l'aspetto (colori, bordi, titoli),
   non le dimensioni: la versione proiettata (?proiettore=1) resta com'era. */
html{background:#0f1b4c}
body{
  background:
    radial-gradient(2px 2px at 12% 18%,#fff8 50%,transparent 52%),
    radial-gradient(2px 2px at 78% 9%,#ffd36ecc 50%,transparent 52%),
    radial-gradient(1.5px 1.5px at 44% 63%,#fff7 50%,transparent 52%),
    radial-gradient(2px 2px at 90% 71%,#fff8 50%,transparent 52%),
    radial-gradient(1.5px 1.5px at 26% 88%,#ffd36eaa 50%,transparent 52%),
    radial-gradient(circle at top,#2a3c92 0%,#0f1b4c 55%,#0a1236 100%);
  background-size:340px 340px,420px 420px,300px 300px,380px 380px,460px 460px,100% 100%;
  background-attachment:scroll;
}
h1,h2{color:#ffd36e;text-shadow:0 4px 0 #0a1236}
@supports (paint-order:stroke){h1,h2{-webkit-text-stroke:6px #0a1236;paint-order:stroke fill;text-shadow:0 5px 0 #0a1236}}
.eyebrow{display:table;margin:0 auto 10px;background:#ffd36e;color:#0a1236;border:3px solid #0a1236;border-radius:999px;padding:7px 16px 5px;box-shadow:0 4px 0 #0a1236;transform:rotate(-2deg)}
.back{background:#16246a;color:#ffd36e;border:3px solid #0a1236;border-radius:999px;padding:6px 16px 5px;box-shadow:0 4px 0 #0a1236;font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:15px}
.back:hover{color:#fff}
.card{background:linear-gradient(170deg,#1d2f86,#16246a);border:4px solid #0a1236;border-radius:26px;box-shadow:0 8px 0 #0a1236,inset 0 0 0 2px rgba(255,255,255,.10);backdrop-filter:none}
.stat{background:#16246a;border:3px solid #0a1236;border-radius:20px;box-shadow:0 4px 0 #0a1236}
.stat .num{color:#ffd36e;text-shadow:0 3px 0 #0a1236}
.stats .stat:nth-child(4n+2) .num{color:#9fb1ff}.stats .stat:nth-child(4n+3) .num{color:#ff9a9e}.stats .stat:nth-child(4n) .num{color:#7fe0b8}
.role{color:#ffd36e}
.credits li,.credits li:last-child{border-bottom-color:rgba(255,255,255,.14)}
.brand img.mascot{filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}
.pv h2{-webkit-text-stroke:0;paint-order:normal;text-shadow:0 3px 0 #0a1236;color:#ffd36e}
footer{color:#c3cbf3}
