:root{--fondo:#0c0d10;--carta:#15171c;--carta-2:#1d2027;--testo:#f5f3ef;--testo-2:#d9d6cf;--tenue:#b3b0a8;--riga:rgba(255,255,255,0.09);--accento:#ff4646;--rosso:#cf1f24;--notte:#0b0d18;--oro:#ffd24a;--margine:clamp(16px,4vw,48px);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--fondo)}
body{margin:0;background:var(--fondo);color:var(--testo);font-family:'Archivo','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.5;padding-bottom:32px;-webkit-font-smoothing:antialiased}
a{color:var(--testo);text-decoration:none}a:hover{color:#fff}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px}
img{display:block}
button,input{font:inherit;color:inherit}
.nascosto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.barra{position:sticky;top:16px;z-index:30;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:32px clamp(16px,3vw,40px) 0;pointer-events:none}
.striscia{display:flex;align-items:stretch;height:48px;pointer-events:auto;box-shadow:0 14px 34px -14px rgba(0,0,0,0.75)}
.striscia>*{display:flex;align-items:center;padding:0 16px;flex:none}
.s-marca{gap:10px;background:var(--notte)}
.s-marca img{width:28px;height:28px}
.s-marca span{font-size:20px;font-weight:900;font-style:italic;letter-spacing:-0.01em}
.s-sezione{background:var(--rosso);color:#fff;font-size:15px;font-weight:900;font-style:italic;letter-spacing:0.1em;text-transform:uppercase}
.s-nav{gap:2px;padding:0 8px;background:rgba(11,13,24,0.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.s-nav a{position:relative;display:flex;align-items:center;height:100%;padding:0 10px;color:#9ba1b8}
.s-nav a:hover{color:#fff}
.s-nav a[aria-current]{color:#e1e4ef}
.s-nav a[aria-current]::after{content:"";position:absolute;left:10px;right:10px;bottom:11px;height:2px;background:var(--accento)}
.s-nav a+a::before{content:"·";position:absolute;left:-3px;color:#5d6278}
.s-cerca{gap:10px;background:rgba(11,13,24,0.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#9ba1b8}
.s-cerca input{width:150px;background:transparent;border:0;color:#e1e4ef;font-size:14px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;outline-offset:6px}
.s-cerca input::placeholder{color:#7f859c}
.s-icona{width:48px;justify-content:center;padding:0!important;background:rgba(11,13,24,0.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e1e4ef;border:0;cursor:pointer}
.s-utente{position:relative;padding:0!important;background:var(--notte)}
.s-utente summary{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 10px;list-style:none;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#e1e4ef}
.s-utente summary::-webkit-details-marker{display:none}
.s-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--carta-2);color:var(--tenue)}
.s-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;display:flex;flex-direction:column;padding:6px;background:var(--notte);border:1px solid rgba(255,255,255,0.1);box-shadow:0 20px 40px -12px rgba(0,0,0,0.8)}
.s-menu a{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#cfd3e2}
.s-menu a:hover{background:rgba(255,255,255,0.06);color:#fff}
.s-menu a.s-esci{color:#ff8a8a}
.s-accedi{background:var(--rosso);color:#fff;font-size:15px;font-weight:900;font-style:italic;letter-spacing:0.1em;text-transform:uppercase}
.schede{display:none}

.sez{padding:64px var(--margine) 0}
.cont{max-width:1344px;margin:0 auto}
.colonna{display:flex;flex-direction:column;gap:24px}
.titolo-sez{margin:0;font-size:32px;line-height:1.1;font-weight:800;font-stretch:125%;letter-spacing:-0.01em}
.titolo-2{margin:0;font-size:28px;font-weight:800;font-stretch:125%}
.titolo-3{margin:0;font-size:20px;font-weight:800;font-stretch:125%}
.sotto{margin:0;color:var(--tenue);font-size:16px}
.testa-sez{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.testa-sez--base{align-items:baseline}
.nota{font-size:15px;color:var(--tenue)}
.pill{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:0.08em;text-transform:uppercase}
.pill--accento{background:var(--accento);color:#2a0608}
.pill--bordo{border:1px solid rgba(255,255,255,0.18);color:var(--testo-2);font-weight:700}
.pill--arrivo{min-height:30px;padding:0 14px;background:rgba(255,210,74,0.14);color:var(--oro);letter-spacing:0.1em}
.btn-gioca{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 32px;border-radius:14px;background:var(--accento);color:#2a0608;font-size:19px;font-weight:800;font-stretch:112%}
.btn-gioca:hover{color:#2a0608;filter:brightness(1.08)}
.btn-bordo{display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 24px;border-radius:14px;border:1px solid rgba(255,255,255,0.22);background:rgba(12,13,16,0.5);font-size:17px;font-weight:700}
.btn-piccolo{min-height:44px;padding:0 16px;border-radius:12px;font-size:16px;background:transparent;border-color:rgba(255,255,255,0.14)}
.wordmark{font-weight:900;font-style:italic;letter-spacing:-0.02em}
.wordmark em{font-style:inherit;color:var(--accento)}
.carta{border-radius:18px;background:var(--carta);border:1px solid var(--riga)}

.eroe{position:relative;border-radius:24px;overflow:hidden;min-height:560px;background:#07080d;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.eroe>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.eroe-velo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,16,0.97) 0%,rgba(12,13,16,0.88) 34%,rgba(12,13,16,0.35) 64%,rgba(12,13,16,0.15) 100%)}
.eroe-fondo{position:absolute;inset:auto 0 0 0;height:160px;background:linear-gradient(0deg,rgba(12,13,16,0.9),rgba(12,13,16,0))}
.eroe-testo{position:relative;display:flex;flex-direction:column;gap:20px;padding:clamp(24px,4vw,56px);max-width:660px}
.riga-pill{display:flex;flex-wrap:wrap;gap:8px}
.eroe h1{margin:0;font-size:clamp(56px,8vw,104px);line-height:0.92;white-space:nowrap}
.eroe-sigla{margin:0;font-size:15px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--testo-2)}
.eroe-descr{margin:0;font-size:19px;line-height:1.55;color:var(--testo-2);max-width:560px;text-wrap:pretty}
.chip{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chip li{display:flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:14px;font-weight:600}
.azioni{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}
.copertina{position:relative;margin:0 clamp(24px,4vw,56px) clamp(24px,4vw,56px);display:flex;align-items:center;gap:16px;padding:16px 20px 16px 16px;border-radius:18px;background:rgba(12,13,16,0.82);border:1px solid rgba(255,255,255,0.12)}
.copertina-num{display:grid;place-items:center;width:64px;height:64px;border-radius:14px;background:var(--testo);color:#13284f;font-size:34px;font-weight:900;font-style:italic;font-stretch:75%}
.copertina-testo{display:flex;flex-direction:column;gap:2px}
.copertina-testo small{font-size:12px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--tenue)}
.copertina-testo b{font-size:18px;font-weight:800}
.copertina-testo span{font-size:14px;color:var(--tenue)}
.copertina img{width:44px;height:44px;margin-left:8px}
.solo-telefono{display:none!important}

.griglia-giochi{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px}
.gioco{display:flex;flex-direction:column;gap:14px}
.gioco-cop{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#07080d;border:1px solid rgba(255,255,255,0.12)}
.gioco-cop>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 70%}
.gioco-cop-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,13,0.92) 0%,rgba(7,8,13,0.25) 45%,rgba(7,8,13,0.85) 100%)}
.gioco-cop-testo{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.gioco-cop-testo>img{width:40px;height:40px}
.gioco-cop-testo div{display:flex;flex-direction:column;gap:6px}
.gioco-cop-testo .wordmark{font-size:64px;line-height:0.86}
.gioco-cop-testo small{font-size:12px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--testo-2)}
.gioco-arrivo{position:relative;aspect-ratio:3/4;border-radius:18px;border:2px dashed rgba(255,255,255,0.16);background:#121318;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.gioco-arrivo img{width:72px;height:72px;filter:grayscale(1);opacity:0.28}
.gioco-nome{display:flex;flex-direction:column;gap:2px}
.gioco-nome b,.gioco-nome h3{margin:0;font-size:18px;font-weight:800}
.gioco-nome span{font-size:14px;color:var(--tenue)}

.griglia-novita{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:24px}
.novita{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--carta);border:1px solid var(--riga)}
.novita img{width:100%;aspect-ratio:16/9;object-fit:cover}
.novita div{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.novita small{font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#ff6b6b}
.novita h3{margin:0;font-size:19px;line-height:1.3;font-weight:800}
.novita p{margin:0;font-size:15px;color:var(--tenue);text-wrap:pretty}

.piede{padding:64px var(--margine) 32px}
.piede .cont{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid var(--riga)}
.piede-marca{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--tenue)}
.piede-marca img{width:28px;height:28px}
.piede nav{display:flex;flex-wrap:wrap;gap:8px}
.piede nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--tenue);font-size:15px}

.pagina{padding:0 var(--margine)}
.pagina>.cont{display:flex;flex-direction:column;gap:32px}
.percorso{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:20px;font-size:15px;color:var(--tenue)}
.percorso a{display:inline-flex;align-items:center;min-height:44px;color:var(--tenue)}
.percorso span{color:var(--testo);font-weight:600}
.cop-gioco{position:relative;border-radius:24px;overflow:hidden;min-height:460px;background:#07080d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:48px 24px;text-align:center}
.cop-gioco>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.cop-gioco-velo{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(7,8,13,0.86) 0%,rgba(7,8,13,0.55) 60%,rgba(7,8,13,0.8) 100%)}
.cop-gioco .logo{position:relative;width:72px;height:72px}
.cop-gioco-titolo{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}
.cop-gioco-titolo .wordmark{font-size:clamp(64px,11vw,148px);line-height:0.86;letter-spacing:-0.03em}
.cop-gioco-titolo small{font-size:16px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#e4e1da}
.stemmi{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.stemmi img{width:52px;height:52px}
.due-col{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.col-main{flex:999 1 620px;min-width:0;display:flex;flex-direction:column;gap:56px}
.col-lato{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:20px}
.intro{display:flex;flex-direction:column;gap:12px}
.intro h1{margin:0;font-size:clamp(36px,4vw,52px);line-height:1.05;font-weight:800;font-stretch:125%;letter-spacing:-0.015em}
.intro p{margin:0;font-size:19px;line-height:1.55;color:var(--testo-2);max-width:720px;text-wrap:pretty}
.etichette{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.etichette li{display:flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;background:var(--carta-2);font-size:14px;font-weight:600}
.galleria{display:flex;flex-direction:column;gap:16px}
.galleria figure{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#07080d;border:1px solid var(--riga)}
.galleria figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.galleria figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:48px 24px 20px;background:linear-gradient(0deg,rgba(7,8,13,0.94),rgba(7,8,13,0))}
.galleria figcaption>div:first-child{display:flex;flex-direction:column;gap:2px}
.galleria figcaption b{font-size:22px;font-weight:800}
.galleria figcaption span{font-size:15px;color:var(--testo-2)}
.frecce{display:flex;gap:8px}
.frecce button{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,0.22);background:rgba(12,13,16,0.7);color:var(--testo);cursor:pointer}
.miniature{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr));gap:10px}
.miniature button{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:transparent;color:var(--testo);text-align:left;cursor:pointer}
.miniature img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;outline:2px solid transparent;outline-offset:2px;opacity:0.72}
.miniature button[aria-pressed="true"] img{outline-color:var(--oro);opacity:1}
.miniature span{font-size:12px;line-height:1.3;color:var(--tenue)}
.descr{margin:0;font-size:17px;line-height:1.65;color:var(--testo-2);max-width:760px;text-wrap:pretty}
.modi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
.modi li{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;background:var(--carta);border:1px solid var(--riga)}
.modi b{font-size:17px;font-weight:800}
.modi span{font-size:15px;color:var(--tenue)}
.squadre{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
.squadre li{display:flex;align-items:center;gap:16px;padding:16px;border-radius:14px;background:var(--carta);border:1px solid var(--riga)}
.squadre img,.stemma-vuoto{width:56px;height:56px;flex:none}
.stemma-vuoto{display:grid;place-items:center;border-radius:12px;background:var(--carta-2);font-weight:900;font-style:italic;font-size:22px}
.squadre div{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.squadre b{font-size:17px;font-weight:800}
.squadre b small{font-size:13px;font-weight:700;color:#ff9aa0}
.squadre div span{font-size:14px;color:var(--tenue)}
.ovr{font-size:28px;font-weight:900;font-stretch:75%}
.ovr--top{color:var(--oro)}
.riquadro{display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;background:var(--carta);border:1px solid var(--riga)}
.riquadro .stato{display:flex;align-items:center;gap:8px;color:var(--tenue);font-size:15px}
.riquadro .btn-gioca{min-height:60px;font-size:21px}
.riquadro p{margin:0;font-size:14px;color:var(--tenue)}
.scheda-dati{padding:8px 24px;gap:4px}
.scheda-dati dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0 16px;font-size:15px}
.scheda-dati dt{padding:12px 0;color:var(--tenue);border-bottom:1px solid rgba(255,255,255,0.07)}
.scheda-dati dd{margin:0;padding:12px 0;text-align:right;font-weight:600;border-bottom:1px solid rgba(255,255,255,0.07)}
.scheda-dati dt:nth-last-of-type(1),.scheda-dati dd:nth-last-of-type(1){border-bottom:0}
.requisiti-titolo{display:flex;flex-direction:column;gap:4px}
.requisiti-titolo span{font-size:26px;line-height:1.2;font-weight:800;font-stretch:112%;color:var(--accento)}
.requisiti{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:15px;color:var(--testo-2)}
.requisiti li{display:flex;gap:12px;align-items:flex-start}
.requisiti svg{flex:none;margin-top:1px}
.comandi{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;font-size:15px}
.comandi dt{margin:0}
.comandi dd{margin:0;color:var(--testo-2)}
kbd{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,255,255,0.24);background:var(--carta-2);font:700 13px/1 'Archivo',sans-serif}
.brani{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px}
.brani li{display:flex;justify-content:space-between;gap:12px}
.brani b{font-weight:700}
.brani span{color:var(--tenue)}

.lib{padding:32px var(--margine) 0}
.lib>.cont{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.lib-lato{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:16px}
.lib-cerca{display:flex;flex-direction:column;gap:6px}
.lib-cerca label{font-size:14px;font-weight:600;color:var(--tenue)}
.lib-cerca input{min-height:44px;padding:0 14px;border-radius:12px;background:var(--carta);border:1px solid rgba(255,255,255,0.12);color:var(--testo);font-size:15px}
.filtro{display:flex;gap:6px;padding:4px;border-radius:12px;background:var(--carta);border:1px solid var(--riga)}
.filtro button{flex:1 1 0;min-height:40px;border:0;border-radius:9px;background:transparent;color:var(--testo);font-size:15px;font-weight:700;cursor:pointer}
.filtro button[aria-pressed="true"]{background:rgba(255,70,70,0.22)}
.lib-elenco{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lib-voce{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 12px 8px 8px;border-radius:12px}
.lib-voce--attiva{background:var(--carta-2);border:1px solid rgba(255,70,70,0.45)}
.lib-voce--arrivo{border:1px dashed rgba(255,255,255,0.16)}
.lib-voce>img{width:44px;height:44px;padding:6px;border-radius:10px;background:#07080d}
.lib-voce>i{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--carta);color:#8f8c85}
.lib-voce>span{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.lib-voce b{font-size:16px;font-weight:800}
.lib-voce--arrivo b{font-weight:700;color:var(--testo-2)}
.lib-voce small{font-size:13px;color:var(--tenue)}
.lib-voce--arrivo small{color:var(--oro)}
.lib-vuoto{padding:12px;font-size:14px;color:var(--tenue)}
.lib-main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:24px}
.lib-eroe{position:relative;border-radius:22px;overflow:hidden;min-height:320px;background:#07080d;display:flex;align-items:flex-end}
.lib-eroe>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.lib-eroe-velo{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,13,16,0.85) 0%,rgba(12,13,16,0) 55%),linear-gradient(90deg,rgba(12,13,16,0.94) 0%,rgba(12,13,16,0.6) 45%,rgba(12,13,16,0.1) 100%)}
.lib-eroe div{position:relative;padding:32px 36px;display:flex;flex-direction:column;gap:8px}
.lib-eroe .wordmark{margin:0;font-size:clamp(48px,6vw,80px);line-height:0.9}
.lib-eroe small{font-size:14px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#e4e1da}
.lib-barra{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px;border-radius:18px;background:var(--carta);border:1px solid var(--riga)}
.lib-barra .btn-gioca{padding:0 36px}
.lib-barra dl{margin:0;display:flex;flex-wrap:wrap;gap:12px 32px;flex:1 1 auto}
.lib-barra dl div{display:flex;flex-direction:column}
.lib-barra dt{font-size:13px;color:var(--tenue)}
.lib-barra dd{margin:0;display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700}
.lib-barra .btn-bordo{min-height:48px;padding:0 18px;border-radius:12px;border-color:rgba(255,255,255,0.18);background:transparent;font-size:16px}
.lib-carte{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.lib-carta{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:var(--carta);border:1px solid var(--riga)}
.lib-carta-testa{display:flex;flex-direction:column;gap:2px}
.lib-carta h3{margin:0;font-size:19px;font-weight:800}
.lib-carta-testa span{font-size:14px;color:var(--tenue)}
.slot{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.slot a,.slot li>span{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 14px;border-radius:12px}
.slot a{background:var(--carta-2)}
.slot li>span{border:1px dashed rgba(255,255,255,0.14)}
.slot small{display:block;font-size:13px;color:var(--tenue)}
.slot b{display:block;font-size:15px;font-weight:700}
.slot li>span b{color:var(--testo-2)}
.slot em{font-style:normal;font-size:14px;font-weight:800;color:#ff6b6b;flex:none}
.trofei{display:flex;align-items:center;gap:16px;padding:14px;border-radius:12px;background:var(--carta-2)}
.trofei i{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(255,210,74,0.14);color:var(--oro);flex:none}
.trofei span{display:flex;flex-direction:column}
.trofei b{font-size:22px;font-weight:800}
.trofei small{font-size:14px;color:var(--tenue)}
.link-freccia{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700}
.posta{margin:0;padding:14px;border-radius:12px;background:var(--carta-2);font-size:15px;color:var(--testo-2)}
.lib-carta p.nota{margin:0;text-wrap:pretty}

.accesso{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:48px var(--margine)}
.accesso form{width:min(420px,100%);display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:22px;background:var(--carta);border:1px solid var(--riga)}
.accesso h1{margin:0;font-size:clamp(40px,6vw,56px);line-height:0.9}
.accesso p{margin:0;color:var(--tenue);font-size:15px}
.accesso label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--tenue)}
.accesso input{min-height:48px;padding:0 14px;border-radius:12px;background:var(--carta-2);border:1px solid rgba(255,255,255,0.12);color:var(--testo);font-size:16px}
.accesso .pw-wrap{position:relative;display:flex}
.accesso .pw-wrap input{flex:1 1 auto;padding-right:52px}
.accesso .pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:transparent;color:var(--tenue);cursor:pointer}
.accesso .btn-gioca{width:100%;border:0;cursor:pointer;margin-top:4px}
.errore{margin:0;color:#ff8a8a!important;font-weight:700}

@media (max-width:1180px){.s-cerca{display:none!important}}
@media (max-width:980px){.s-sezione{display:none!important}.eroe-velo{background:linear-gradient(90deg,rgba(12,13,16,0.96) 0%,rgba(12,13,16,0.86) 55%,rgba(12,13,16,0.45) 100%)}}
@media (max-width:760px){
  body{padding-bottom:104px}
  .barra{margin:12px 12px 0;top:10px}
  .s-nav,.s-cerca,.s-utente summary .s-nome{display:none!important}
  .s-sezione{display:flex!important}
  .s-marca span{font-size:18px}
  .s-utente summary{padding:0 9px}
  .s-accedi{padding:0 14px}
  .schede{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;height:60px;background:rgba(11,13,24,0.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 40px -10px rgba(0,0,0,0.85)}
  .schede a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:800;font-style:italic;letter-spacing:0.08em;text-transform:uppercase;color:#9ba1b8}
  .schede a[aria-current]{background:var(--rosso);color:#fff}
  .solo-computer{display:none!important}
  .solo-telefono{display:flex!important}
  .sez{padding:28px 0 0}
  .sez:first-of-type{padding-top:16px}
  .sez>.cont{padding:0 16px}
  .sez--scorre>.cont{padding:0}
  .sez--scorre .testa-sez{padding:0 16px}
  .eroe{min-height:330px;border-radius:22px;flex-direction:column;justify-content:flex-end;align-items:stretch}
  .eroe>img{object-position:46% 70%}
  .eroe-velo{background:linear-gradient(180deg,rgba(12,13,16,0.35) 0%,rgba(12,13,16,0.55) 35%,rgba(12,13,16,0.96) 78%)}
  .eroe-fondo{display:none}
  .eroe-testo{gap:12px;padding:20px}
  .eroe h1{font-size:54px;line-height:0.9}
  .eroe-descr{font-size:15px}
  .eroe .pill{min-height:26px;padding:0 10px;font-size:12px}
  .eroe .btn-gioca{display:flex;min-height:50px;font-size:17px;padding:0 20px}
  .nota-tastiera{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--tenue)}
  .titolo-sez{font-size:21px}
  .testa-sez{flex-wrap:nowrap;align-items:center}
  .testa-sez .btn-bordo{border:0;min-height:44px;padding:0 4px;font-size:15px;color:#ff6b6b}
  .testa-sez .btn-bordo svg{display:none}
  .griglia-giochi{display:flex;gap:12px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory}
  .griglia-giochi>*{flex:none;width:136px;gap:8px;scroll-snap-align:start}
  .gioco-cop,.gioco-arrivo{border-radius:14px}
  .gioco-arrivo{gap:10px}
  .gioco-arrivo img{width:40px;height:40px}
  .gioco-arrivo .pill{background:none;min-height:0;padding:0;font-size:12px;letter-spacing:0.08em}
  .gioco-cop-testo{padding:12px;justify-content:flex-end}
  .gioco-cop-testo>img,.gioco-cop-testo small{display:none}
  .gioco-cop-testo .wordmark{font-size:30px}
  .gioco-nome b,.gioco-nome h3{font-size:14px;font-weight:700}
  .gioco-nome span{display:none}
  .gioco-arrivo+.gioco-nome h3{color:var(--testo-2)}
  .griglia-novita{display:flex;flex-direction:column;gap:10px}
  .novita{flex-direction:row;align-items:center;gap:12px;padding:10px;border-radius:14px}
  .novita img{width:92px;height:56px;aspect-ratio:auto;border-radius:10px;flex:none}
  .novita div{padding:0;gap:2px;min-width:0}
  .novita small{font-size:11px;letter-spacing:0.1em}
  .novita h3{font-size:15px;font-weight:700}
  .novita p{display:none}
  .piede{padding:40px 16px 24px}
  .cop-gioco{min-height:320px;gap:20px;padding:32px 16px}
  .stemmi img{width:40px;height:40px}
  .pagina{padding:0 16px}
  .copertina{display:none}
  .lib{padding:20px 16px 0}
  .lib-eroe{min-height:200px;border-radius:18px}
  .lib-eroe div{padding:20px}
  .lib-eroe .wordmark{font-size:44px;white-space:nowrap}
  .galleria figcaption{padding:32px 14px 12px}
  .galleria figcaption b{font-size:17px}
  .galleria figcaption span{font-size:13px}
  .frecce button{width:40px;height:40px}
}
