@font-face{font-family:"Unbounded";src:url(/static/fonts/unbounded-latin-wght-normal.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Onest";src:url(/static/fonts/onest-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/static/fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--f-display:"Unbounded",system-ui,sans-serif;--f-text:"Onest",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;
 --bg:#f4f3f8;--bg2:#ebe9f3;--ink:#141629;--ink2:#363a58;--mute:#555b72;--dim:#5d6479;--glass:#ffffffd9;--edge:#1416291a;
 --acc:#5b4ff0;--acc2:#0aa8c9;--a1:#3a5bff;--a2:#a84dff;--a3:#00cdb8;--ok:#0f9f6e;--bad:#d62f5a;--warn:#c47a00;--aurora-op:.5;
 --ease:cubic-bezier(.16,1,.3,1);--r:22px;--shadow:0 24px 70px -30px #1416293d}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#05060a;--bg2:#0b0d16;--ink:#f3f3fb;--ink2:#cfd2e6;--mute:#a4a9c0;--dim:#9297ad;--glass:#12152399;--edge:#ffffff1f;
 --acc:#8f86ff;--acc2:#6ce9ff;--a1:#8fb0ff;--a2:#e2a6ff;--a3:#7ff0e0;--ok:#4be0a8;--bad:#ff6b8e;--warn:#ffc266;--aurora-op:.55;--shadow:0 30px 80px -30px #000c}}
:root[data-theme=dark]{--bg:#05060a;--bg2:#0b0d16;--ink:#f3f3fb;--ink2:#cfd2e6;--mute:#a4a9c0;--dim:#9297ad;--glass:#12152399;--edge:#ffffff1f;--acc:#8f86ff;--acc2:#6ce9ff;--a1:#8fb0ff;--a2:#e2a6ff;--a3:#7ff0e0;--ok:#4be0a8;--bad:#ff6b8e;--warn:#ffc266;--aurora-op:.55;--shadow:0 30px 80px -30px #000c}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font:16px/1.5 var(--f-text);overflow-x:hidden}
body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;opacity:var(--aurora-op);pointer-events:none;
 background:radial-gradient(40vmax 30vmax at 15% 20%,var(--a1),transparent 60%),radial-gradient(35vmax 35vmax at 85% 15%,var(--a2),transparent 60%),radial-gradient(45vmax 30vmax at 60% 90%,var(--a3),transparent 60%);
 filter:blur(40px);animation:aurora 24s var(--ease) infinite alternate}
@keyframes aurora{to{transform:translate3d(-4%,3%,0) rotate(6deg) scale(1.08)}}
.wrap{width:min(720px,100% - 32px);margin:0 auto;padding:22px 0 60px}
.wrap.largo{width:min(1080px,100% - 32px)}
header.top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.marchio{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.marchio .logo{width:42px;height:42px;border-radius:13px;background:url("/static/img/logo.svg") center/cover no-repeat;box-shadow:0 10px 30px -12px var(--acc)}
.marchio b{font:700 18px var(--f-display);letter-spacing:-.02em}.marchio small{display:block;color:var(--mute);font-size:12px}
.card{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--edge);border-radius:var(--r);padding:22px;box-shadow:var(--shadow);animation:sali .7s var(--ease) both}
.card+.card{margin-top:14px}
@keyframes sali{from{opacity:0;transform:translateY(14px)}}
h1{font:600 clamp(26px,6vw,38px)/1.1 var(--f-display);letter-spacing:-.03em;margin:0 0 8px}
h2{font:600 clamp(18px,4.2vw,22px)/1.2 var(--f-display);letter-spacing:-.02em;margin:0 0 10px}
h3{font:600 15px/1.3 var(--f-text);margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
p{margin:0 0 10px}.mute{color:var(--mute)}.mono{font-family:var(--f-mono);font-size:.86em;word-break:break-all}
.importo{font:600 clamp(40px,12vw,64px)/1 var(--f-display);letter-spacing:-.04em;margin:8px 0 2px}
.importo small{font-size:.4em;color:var(--mute);letter-spacing:0}
dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:10px 0}dl.kv dt{color:var(--mute)}dl.kv dd{margin:0;font-weight:500}
button,.btn{font:600 16px/1.2 var(--f-text);min-height:52px;border-radius:14px;border:1px solid var(--edge);padding:14px 20px;cursor:pointer;background:var(--ink);color:var(--bg);width:100%;transition:transform .2s var(--ease),filter .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}
button.primario{background:linear-gradient(120deg,var(--acc),var(--acc2));color:#fff;border:0;box-shadow:0 14px 36px -16px var(--acc)}
button.ghost{background:transparent;color:var(--ink)}button.pericolo{background:transparent;color:var(--bad);border-color:var(--bad)}
button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}button:disabled{opacity:.5;cursor:default}
button:focus-visible{outline:3px solid var(--acc2);outline-offset:3px}
.row{display:flex;gap:10px;flex-wrap:wrap}.row>*{flex:1 1 160px}
input,select,textarea{font:16px var(--f-text);width:100%;min-height:50px;border-radius:12px;border:1px solid var(--edge);background:var(--bg2);color:var(--ink);padding:12px 14px}
label{display:block;font-weight:600;font-size:14px;margin:12px 0 6px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;border:1px solid var(--edge);background:var(--bg2)}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mute)}
.pill.ok::before{background:var(--ok)}.pill.bad::before{background:var(--bad)}.pill.warn::before{background:var(--warn)}.pill.live::before{background:var(--acc2);animation:pulsa 1.2s infinite}
@keyframes pulsa{50%{opacity:.3}}
.msg{padding:12px 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--edge);margin:10px 0}.msg.bad{border-color:var(--bad);color:var(--bad)}.msg.ok{border-color:var(--ok)}
.passi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.passo{padding:10px;border-radius:12px;background:var(--bg2);border:1px solid var(--edge);font-size:13px}
.passo b{display:block;font-family:var(--f-display);font-size:12px;letter-spacing:.04em;color:var(--mute);margin-bottom:4px}
.passo.fatto{border-color:var(--ok)}.passo.fatto b{color:var(--ok)}.passo.attivo{border-color:var(--acc2)}.passo.no{border-color:var(--bad)}.passo.no b{color:var(--bad)}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--edge);vertical-align:top}th{color:var(--mute);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.qr{display:grid;place-items:center;background:#fff;border-radius:16px;padding:12px;max-width:280px;margin:12px auto}.qr svg{width:100%;height:auto}
.link{font-family:var(--f-mono);font-size:13px;word-break:break-all;background:var(--bg2);padding:10px 12px;border-radius:10px;border:1px solid var(--edge)}
.griglia{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:900px){.griglia{grid-template-columns:420px 1fr;align-items:start}}
.elenco .r{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--edge);cursor:pointer}
.elenco .r:hover{background:var(--bg2)}.elenco .r .t{font-weight:600}.elenco .r .s{font-size:13px;color:var(--mute)}
.conferma-anello{width:120px;height:120px;border-radius:50%;margin:10px auto;display:grid;place-items:center;background:conic-gradient(var(--acc),var(--acc2),var(--a3),var(--acc));animation:gira 6s linear infinite;position:relative}
.conferma-anello::after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--glass)}
.conferma-anello span{position:relative;font:600 28px var(--f-display)}
@keyframes gira{to{transform:rotate(360deg)}}
footer.pie{margin-top:26px;color:var(--mute);font-size:13px;text-align:center}
.hero{text-align:center;padding:40px 0 10px}.hero p{max-width:560px;margin:0 auto 18px;color:var(--ink2)}
.tre{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:720px){.tre{grid-template-columns:repeat(3,1fr)}}
.tre .card{padding:18px}.tre h3{color:var(--acc)}
/* fascicolo stampabile */
body.fascicolo{background:var(--bg)}body.fascicolo::before{display:none}
.foglio{width:min(900px,100% - 32px);margin:24px auto;background:var(--glass);border:1px solid var(--edge);border-radius:var(--r);padding:28px}
.testata{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid var(--edge);padding-bottom:16px;margin-bottom:16px}
.sopratitolo{font:600 12px var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);margin:0 0 6px}
.sigillo{text-align:right}.sigillo span{display:block;font-size:12px;color:var(--mute)}.sigillo b{font-family:var(--f-display);font-size:14px}
.avvertenza{padding:12px 14px;border-left:3px solid var(--acc);background:var(--bg2);border-radius:0 12px 12px 0}
.fatti{display:grid;gap:10px;grid-template-columns:1fr;margin:14px 0}@media(min-width:720px){.fatti{grid-template-columns:repeat(3,1fr)}}
.fatto{padding:14px;border-radius:14px;border:1px solid var(--edge);background:var(--bg2)}.fatto h3{font-size:13px}.fatto p{font-size:14px;margin:0}
.fatto.ok{border-color:var(--ok)}.fatto.no{border-color:var(--bad)}.fatto.att{border-color:var(--warn)}
.nota{font-size:13px;color:var(--mute)}
@media print{body::before{display:none}.foglio{border:0;box-shadow:none;width:100%}button{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* --- home: carta, novità, fatti --- */
.carta-scena{padding:18px 0 6px;text-align:center;animation:sali .8s var(--ease) both}
.carta{position:relative;margin:0 auto;width:min(380px,100%);aspect-ratio:1.586;border-radius:20px;padding:20px 22px;color:#f3f3fb;text-align:left;
 background:linear-gradient(135deg,#1a1d3a 0%,#141629 55%,#0d1a2a 100%);box-shadow:0 40px 80px -30px #14162999,inset 0 1px 0 #ffffff22;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transform:perspective(900px) rotateX(6deg);transition:transform .6s var(--ease)}
.carta:hover{transform:perspective(900px) rotateX(0) rotateY(-3deg)}
.carta::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 20%,#62efbf33,transparent 60%),radial-gradient(40% 60% at 10% 100%,#5b4ff044,transparent 70%)}
.carta::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 7px);mix-blend-mode:overlay}
.carta>*{position:relative}
.carta-top{display:flex;justify-content:space-between;align-items:center}
.carta-top img{filter:drop-shadow(0 4px 10px #62efbf55)}
.carta-rete{font:600 12px var(--f-display);letter-spacing:.22em;color:#62efbf}
.carta-chip{width:40px;height:30px;border-radius:7px;background:linear-gradient(135deg,#e9d8a6,#b8975a);box-shadow:inset 0 0 0 1px #0003}
.carta-nome{font:500 13px var(--f-display);letter-spacing:.14em;opacity:.9}
.carta-basso{display:flex;justify-content:space-between;font:500 11.5px var(--f-mono);color:#cfd2e6;gap:10px}
.carta-didascalia{max-width:520px;margin:18px auto 0;color:var(--ink2)}
.nuovo{margin-top:6px;border-color:color-mix(in srgb,var(--acc) 35%,var(--edge))}
.nuovo p{margin:0 0 10px;color:var(--ink2)}
.punti{margin:0;padding-left:18px;color:var(--ink2)}.punti li{margin:6px 0}
h2.sez{margin:26px 0 12px;text-align:center}
.fatti{display:grid;gap:10px}
.fatto{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border:1px solid var(--edge);border-radius:14px;background:var(--bg2)}
.fatto-n{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:600 15px var(--f-display);color:#fff;background:linear-gradient(120deg,var(--acc),var(--acc2))}
.fatto b{display:block}.fatto small{color:var(--mute);display:block;margin-top:2px}
@media(min-width:720px){.fatti{grid-template-columns:repeat(3,1fr)}.fatto{flex-direction:column}}