.app{min-height:calc(100dvh - 66px)}.app .schermo{display:none;padding-top:clamp(20px,3vw,40px);padding-bottom:40px}.app[data-stato=inizio] .s-inizio,.app[data-stato=gioco] .s-partita,.app[data-stato=fine] .s-fine{display:block}.ico{width:1em;height:1em}.s-inizio{text-align:center}.s-inizio .mega{font-size:clamp(2.8rem,7.5vw,6.6rem);margin:14px 0 34px}.intro-maglie{display:flex;justify-content:center;margin:10px 0 18px}.intro-maglie span{width:clamp(64px,9vw,110px);margin:0 -10px;animation:salta 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}@keyframes salta{0%,to{transform:translateY(0) rotate(calc((var(--i) - 2) * 6deg))}50%{transform:translateY(-14px) rotate(calc((var(--i) - 2) * 6deg))}}.modi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;max-width:860px;margin:0 auto}.modo{text-align:left;display:grid;gap:8px;padding:22px 24px 20px;border-radius:22px;border:2px solid var(--bordo-2);background:linear-gradient(160deg,var(--notte-3),var(--notte-1));cursor:pointer;box-shadow:0 7px #050814;transition:transform .1s,border-color .15s,box-shadow .1s}.modo:hover{border-color:var(--lime);transform:translateY(-3px)}.modo:active{transform:translateY(5px);box-shadow:0 2px #050814}.modo b{font-size:2rem}.modo span{color:var(--muto);font-size:.95rem}.modo em{font-style:normal;font-size:.85rem;font-weight:800;color:var(--lime)}.regole{list-style:none;padding:0;margin:34px auto 0;max-width:860px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;text-align:left}.regole li{background:var(--notte-1);border:1px solid var(--bordo);border-radius:14px;padding:12px 16px;color:var(--muto);font-size:.9rem}.regole b{display:block;color:var(--testo);font-style:italic;font-stretch:75%;font-weight:900;text-transform:uppercase;font-size:1.1rem}.carico{margin-top:18px;font-size:.85rem}.hud{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:clamp(10px,2vw,24px);background:linear-gradient(180deg,var(--notte-2),var(--notte-1));border:1px solid var(--bordo);border-radius:18px;padding:10px 18px}.hud small{display:block;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muto)}.hud-punti{position:relative}.hud-punti b{font-style:italic;font-stretch:72%;font-weight:900;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1;color:var(--lime)}.volo{position:absolute;left:110px;top:4px;font-style:italic;font-weight:900;font-stretch:75%;color:var(--lime);font-size:1.3rem;opacity:0;pointer-events:none}.volo.via{animation:vola 1s ease-out}@keyframes vola{0%{opacity:0;transform:translateY(10px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-26px) scale(1)}}.hud-combo{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:99px;background:var(--notte-3);color:var(--muto);font-style:italic;font-weight:900;font-size:1.15rem;transition:background .2s,color .2s,transform .2s}.hud-combo[data-x="2"]{background:#5b8cff33;color:var(--blu)}.hud-combo[data-x="3"]{background:#ffc93c2e;color:var(--oro)}.hud-combo[data-x="4"]{background:var(--lime);color:var(--notte);transform:scale(1.08)}.hud-vite{display:flex;gap:6px;font-size:1.5rem;color:var(--testo)}.hud-vite .ico.persa{color:var(--notte-3)}.hud-vite .ico.persa-ora{animation:perdi .6s}@keyframes perdi{30%{transform:scale(1.5);color:var(--rosso)}}.hud-livello{text-align:center}.hud-livello b{font-style:italic;font-stretch:72%;font-weight:900;font-size:1.8rem;line-height:1}.tempo{height:8px;border-radius:99px;background:var(--notte-2);margin:12px 0 0;overflow:hidden}.tempo i{display:block;height:100%;width:100%;background:var(--lime);border-radius:99px;transform-origin:left}.tempo i.poco{background:var(--rosso)}.domanda{margin-top:clamp(20px,3vw,36px);text-align:center}.domanda .titolo{font-size:clamp(1.7rem,3.8vw,3rem);margin:8px auto 22px;max-width:24ch}.domanda.entra{animation:entraQ .35s cubic-bezier(.2,.8,.2,1)}@keyframes entraQ{0%{opacity:0;transform:translateY(16px)}}.q-fila{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.q-tappa{width:clamp(96px,11vw,132px);background:linear-gradient(180deg,var(--notte-2),var(--notte-1));border:1px solid var(--bordo);border-radius:16px;padding:12px 10px 10px;display:grid;gap:3px;animation:carta .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 60ms)}.q-tappa .maglia{width:82%;margin:0 auto 4px}.q-tappa b{font-style:italic;font-stretch:75%;font-weight:900;font-size:.95rem;text-transform:uppercase;line-height:1}.q-tappa small{color:var(--muto);font-size:.7rem}.q-mistero{border:2px dashed var(--lime)}.q-punto{aspect-ratio:1;display:grid;place-items:center;font-style:italic;font-weight:900;font-size:3rem;color:var(--lime)}@keyframes carta{0%{opacity:0;transform:translateY(18px) rotate(-4deg)}}.q-carta{--c1: #1D2A50;--c2: #141E3A;position:relative;width:clamp(180px,22vw,240px);aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;margin:0 auto;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:0 0 0 2px #ffffff1f inset,0 20px 40px #00000080;isolation:isolate}.q-carta img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;opacity:.9}.q-carta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,8,20,.92))}.q-carta-maglia{position:absolute;inset:12% 14% 30%}.q-credito{position:absolute;top:8px;left:10px;right:10px;z-index:2;font-size:.56rem;line-height:1.25;color:#ffffffc7;text-shadow:0 1px 2px #000;text-align:left}.q-credito a{text-decoration:underline}.q-carta-nome{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;text-align:left}.q-carta-nome small{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.q-carta-nome b{display:block;font-style:italic;font-stretch:72%;font-weight:900;font-size:1.5rem;text-transform:uppercase;line-height:.95}.q-duello{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,28px)}.q-duello .q-carta{margin:0;width:clamp(140px,20vw,220px)}.q-trofeo{display:grid;justify-items:center;gap:10px;color:var(--oro);padding:clamp(12px,3vw,28px) 0}.q-trofeo svg{width:clamp(84px,14vw,132px);height:auto;filter:drop-shadow(0 10px 30px rgba(255,201,60,.45));animation:q-brilla 2.4s ease-in-out infinite}.q-trofeo b{font-style:italic;font-weight:900;font-stretch:72%;text-transform:uppercase;font-size:clamp(1.8rem,5vw,3.2rem);line-height:1;color:var(--testo)}@keyframes q-brilla{50%{transform:translateY(-6px) rotate(-3deg);filter:drop-shadow(0 16px 40px rgba(255,201,60,.7))}}.q-vs{font-style:italic;font-weight:900;font-stretch:72%;font-size:clamp(1.6rem,4vw,3rem);color:var(--lime)}.opzioni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin:26px auto 0}.opz{position:relative;display:flex;align-items:center;gap:12px;text-align:left;padding:16px 18px;min-height:72px;border-radius:16px;border:2px solid var(--bordo-2);background:var(--notte-2);cursor:pointer;box-shadow:0 5px #050814;transition:transform .08s,box-shadow .08s,border-color .15s,background .15s}.opz:hover:not([disabled]){border-color:var(--lime)}.opz:active:not([disabled]){transform:translateY(4px);box-shadow:0 1px #050814}.opz .maglia{width:42px;flex:none;filter:none}.opz b{font-style:italic;font-stretch:78%;font-weight:900;font-size:1.2rem;text-transform:uppercase;line-height:1.05;display:block}.opz small{color:var(--muto);font-size:.78rem;font-weight:700}.opz kbd{margin-left:auto;font:800 .7rem var(--display);color:var(--muto);border:1px solid var(--bordo-2);border-radius:6px;padding:2px 6px}.opz.giusta{background:var(--prato);border-color:var(--prato);color:#04130b;box-shadow:0 5px #0e7a4c}.opz.giusta small,.opz.giusta kbd{color:#04130b}.opz.sbagliata{background:var(--rosso);border-color:var(--rosso);color:#fff;box-shadow:0 5px #a3243a;animation:trema .4s}.opz.sbagliata small{color:#ffe1e5}.opz[disabled]{cursor:default}.opz.spenta{opacity:.45}@keyframes trema{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.spiega{min-height:1.6em;margin:18px 0 0;font-weight:700;color:var(--muto)}.avviso{position:fixed;inset:0;display:grid;place-items:center;z-index:40;pointer-events:none}.avviso b{font-style:italic;font-stretch:72%;font-weight:900;text-transform:uppercase;font-size:clamp(3rem,12vw,9rem);color:var(--lime);text-shadow:0 10px 40px rgba(0,0,0,.6);animation:boom 1.4s cubic-bezier(.2,.8,.2,1) both;text-align:center;line-height:.9}.avviso b small{display:block;font-size:.3em;color:var(--testo)}@keyframes boom{0%{opacity:0;transform:scale(.4) rotate(-6deg)}25%{opacity:1;transform:scale(1.06) rotate(-3deg)}75%{opacity:1;transform:scale(1) rotate(-3deg)}to{opacity:0;transform:scale(1.1) rotate(-3deg)}}.s-fine{text-align:center}.s-fine .mega{font-size:clamp(3.4rem,11vw,9rem);margin-top:10px}.s-fine .mega small{font-size:.38em}.record-nuovo{display:inline-block;margin:14px 0 0;padding:6px 16px;border-radius:99px;background:var(--oro);color:#1a1200;font-weight:900;font-style:italic;text-transform:uppercase;animation:pulsa 1.2s ease-in-out infinite}@keyframes pulsa{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.cl-box{max-width:860px;margin:40px auto 0;text-align:left;background:var(--notte-1);border:1px solid var(--bordo);border-radius:22px;padding:20px clamp(16px,3vw,26px)}.cl-testa{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:12px}.cl-testa .titolo{font-size:1.6rem;margin-right:auto}.cl-schede{display:inline-flex;background:var(--notte-2);border:1px solid var(--bordo);border-radius:99px;padding:3px}.cl-schede button{border:0;background:none;color:var(--muto);font:inherit;font-weight:800;font-size:.8rem;padding:6px 12px;border-radius:99px;cursor:pointer}.cl-schede button[aria-pressed=true]{background:var(--lime);color:var(--notte)}.cl-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}.cl-lista li{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--notte-2)}.cl-lista li.mio{outline:2px solid var(--lime)}.cl-lista .cl-pos{font-style:italic;font-weight:900;font-stretch:72%;font-size:1.5rem;color:var(--muto)}.cl-lista li:nth-child(-n+3) .cl-pos{color:var(--oro)}.cl-lista b{font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-lista small{color:var(--muto);font-size:.75rem}.cl-lista .cl-punti{font-style:italic;font-weight:900;font-stretch:72%;font-size:1.4rem;color:var(--lime)}.cl-lista .cl-vuota{display:block;color:var(--muto);text-align:center}.cl-entra{max-width:520px;margin:30px auto 22px;display:grid;gap:8px;text-align:left}.cl-entra[hidden],.cl-entra div[hidden]{display:none}.cl-entra label{font-weight:900;font-style:italic;font-stretch:75%;text-transform:uppercase;font-size:1.2rem}.cl-entra div{display:flex;gap:10px}.cl-entra input{flex:1;min-width:0;height:50px;border-radius:14px;border:1px solid var(--bordo-2);background:var(--notte-2);color:var(--testo);font:inherit;font-weight:700;font-size:16px;padding:0 16px}.cl-entra input:focus{outline:none;border-color:var(--lime)}.cl-esito{margin:0;color:#c9d1ea}.cl-esito b{color:var(--lime)}.cl-fine{max-width:520px;margin:0 auto 26px;text-align:left}@media(max-width:600px){.cl-lista li{grid-template-columns:32px minmax(0,1fr) auto}.cl-lista small{display:none}}.grado{font-size:clamp(1.6rem,4vw,2.6rem);margin:18px 0 26px;color:var(--testo)}.s-fine .stats{max-width:760px;margin:0 auto}.s-fine .azioni{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}.s-fine .gettoni{justify-content:center}@media(max-width:640px){.hud{grid-template-columns:1fr auto auto;padding:8px 12px}.hud-livello{display:none}.opzioni{gap:8px;margin-top:18px}.opz{min-height:58px;padding:10px;gap:8px;border-radius:14px}.opz b{font-size:.95rem}.opz small{font-size:.68rem}.opz .maglia{width:30px}.domanda .titolo{margin-bottom:14px}.opz kbd{display:none}.q-tappa{width:86px;padding:8px 6px}.q-tappa b{font-size:.8rem}}