:root{--paper:#fff;--cream:#fffaf1;--surface:#f6f2f8;--rosa-soft:#ffe3ef;--giallo-soft:#fff3c2;--line:#e2dbe6;--ink:#0e0e12;--muted:#5e5868;--cigno:#0e0e12;--on-cigno:#fff;--rosa:#ff2d87;--rosa-ink:#c8005f;--on-rosa:#0e0e12;--giallo:#ffd60a;--on-giallo:#0e0e12;--menta:#7cf5d4;--vittoria:#0b7a43;--pareggio:#8a5a00;--sconfitta:#c4231a;--font-display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;--font-body:Archivo,"Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--radius-s:6px;--radius-sticker:12px;--radius-l:24px;--radius-pill:999px;--stamp:4px 4px 0 var(--ink);--stamp-l:6px 6px 0 var(--ink);--sticker:0 1px 0 #0e0e121a, 0 10px 24px #0e0e1229;--dots:radial-gradient(#0e0e121a 1.3px, transparent 1.5px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font:400 16px/24px var(--font-body);margin:0;overflow-x:hidden}.wrap{max-width:1180px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.label{font:800 12px/16px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}a{color:inherit}.demo{background:var(--ink);color:var(--giallo);font:600 12px/16px var(--font-mono);text-align:center;padding:6px 16px}.ticker{background:var(--giallo);color:var(--on-giallo);border-bottom:2px solid var(--ink);display:flex}.ticker-clip{flex:1;min-width:0;overflow:hidden}.ticker-btn{border:0;border-left:2px solid var(--ink);background:var(--giallo);width:44px;color:var(--ink);cursor:pointer;flex:none;place-items:center;padding:0;display:none}.js .ticker-btn{display:grid}.ticker-btn svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ticker-btn .i-play,.ticker-btn[aria-pressed=true] .i-pausa{display:none}.ticker-btn[aria-pressed=true] .i-play{fill:currentColor;display:block}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track,.ticker.pausa .ticker-track{animation-play-state:paused}.ticker-track{width:max-content;animation:28s linear infinite run;display:flex}.ticker span{font:900 20px/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:10px 0}.ticker span:after{content:"●";vertical-align:middle;color:var(--rosa);margin:0 22px;font-size:12px}@keyframes run{to{transform:translate(-50%)}}header{background:var(--paper);border-bottom:2px solid var(--ink);z-index:10;position:sticky;top:0}header .wrap{align-items:center;gap:12px;padding-block:10px;display:flex}header img{width:44px;height:44px}header .brand{font:900 24px/1 var(--font-display);text-transform:uppercase}header .brand small{font:600 12px/14px var(--font-mono);color:var(--muted);letter-spacing:.04em;display:block}header nav{gap:8px;margin-left:auto;display:flex}header nav a{font:800 13px/1 var(--font-body);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);border:2px solid #0000;padding:10px 14px;text-decoration:none}header nav a:hover{border-color:var(--ink);background:var(--giallo)}@media (width<=600px){header .wrap{flex-wrap:wrap;row-gap:4px;padding-block:8px 4px}header nav{scrollbar-width:none;flex:1 0 100%;gap:6px;margin-left:0;overflow-x:auto}header nav a{border-color:var(--ink);background:var(--paper);white-space:nowrap;align-items:center;min-height:44px;padding-inline:16px;display:inline-flex}}.hero{--cielo:clamp(410px, 40vw, 900px);--prato:max(0px, calc(max(100vw, 900px) * .429 + 60px - var(--cielo)));background:#2e9cfd url(/casciavola-cartoon-960.jpg) no-repeat 72% calc(100% + var(--prato) + var(--par,0px)) / max(100%, 900px) auto;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}@media (width>=961px){.hero{background-image:url(/casciavola-cartoon.jpg)}}@media (width>=601px){.hero{--cielo:clamp(340px, 38vw, 650px);background-position:center calc(100% + var(--par,0px));background-size:100%}}.hero .wrap{padding-block:36px var(--cielo);gap:24px;display:grid;position:relative}.hero-kicker{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-sub{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-pill);font:700 13px/18px var(--font-mono);text-transform:uppercase;box-shadow:var(--stamp);align-self:center;margin:0;padding:6px 14px;transform:rotate(1.5deg)}.hero-kicker h1{font:900 clamp(44px, 9vw, 112px)/.85 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0}.hero-kicker h1 span:not(.sr){background:var(--paper);border:2px solid var(--ink);box-shadow:var(--stamp);border-radius:10px;padding:0 .12em;display:inline-block;transform:rotate(-2deg)}.board{background:var(--cigno);color:var(--on-cigno);border:2px solid var(--ink);border-radius:var(--radius-l);box-shadow:var(--stamp-l);gap:12px;padding:clamp(16px,3vw,32px);display:grid}.board-top{font:600 12px/16px var(--font-mono);color:#c9c3d1;text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.board-top .ft{background:var(--giallo);color:var(--on-giallo);border-radius:var(--radius-pill);padding:2px 8px}.board-body{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,3vw,40px);display:grid}.board-team{font:900 clamp(22px, 4.6vw, 60px)/.9 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;min-width:0}.board-team.us{color:var(--rosa)}.board-team:last-child{text-align:right}.board-score{font:900 clamp(80px, 17vw, 220px)/.8 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--giallo)}@media (width<=520px){.board-body{gap:10px}.board-team{font-size:19px}.board-score{font-size:clamp(48px,15vw,76px)}}.board-foot{font:500 14px/20px var(--font-body);color:#c9c3d1;border-top:1px dashed #3a3644;padding-top:12px}.board-foot b{color:#fff}.next{background:var(--giallo);color:var(--on-giallo);border:2px solid var(--ink);border-radius:var(--radius-l);box-shadow:var(--stamp-l);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px 24px;display:grid}.next h2{font:900 clamp(32px, 5vw, 56px)/.9 var(--font-display);text-transform:uppercase;margin:4px 0 6px}.next .label{color:var(--on-giallo)}.next p{font:600 14px/20px var(--font-body);margin:0}.count{gap:8px;display:flex}.count .live{background:var(--ink);color:var(--giallo);font:900 28px/1 var(--font-display);text-transform:uppercase;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:14px 20px;display:flex}.count .live:before{content:"";background:var(--rosa);border-radius:50%;width:12px;height:12px;animation:1.2s ease-out infinite pulsa}@keyframes pulsa{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.count .live:before{animation:none}}.lnk{color:inherit;text-underline-offset:3px;font-weight:800;text-decoration:underline}.count div{background:var(--paper);color:var(--ink);border:2px solid var(--ink);text-align:center;border-radius:10px;min-width:64px;padding:10px 8px 8px}.count b{font:900 40px/1 var(--font-display);font-variant-numeric:tabular-nums;color:var(--rosa-ink);display:block}.count span{font:700 12px/1 var(--font-mono);text-transform:uppercase;color:var(--muted)}@media (width<=720px){.next{grid-template-columns:1fr;padding:18px}.count div{flex:1;min-width:0}}section{padding-block:56px;scroll-margin-top:64px}@media (width<=600px){section{padding-block:40px;scroll-margin-top:110px}.hero{--par:0px!important}}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.sec-head h2{font:900 clamp(44px, 8vw, 88px)/.86 var(--font-display);text-transform:uppercase;margin:0}.sec-head h2 em{color:var(--rosa);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-style:normal}.results{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.res{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-sticker);box-shadow:var(--stamp);gap:6px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:grid}.res:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.res-top{justify-content:space-between;align-items:center;display:flex}.res-sc{font:900 56px/1 var(--font-display);font-variant-numeric:tabular-nums}.res.v .res-sc{color:var(--vittoria)}.res.p .res-sc{color:var(--sconfitta)}.res.n .res-sc{color:var(--pareggio)}.res-avv{font:800 16px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.02em}.res small{font:500 12px/16px var(--font-body);color:var(--muted)}.esito{border-radius:var(--radius-s);width:28px;height:28px;font:800 14px/1 var(--font-mono);color:#fff;place-items:center;display:inline-grid}.esito.v{background:var(--vittoria)}.esito.n{background:var(--pareggio)}.esito.p{background:var(--sconfitta)}.form{align-items:center;gap:6px;display:flex}.cal-sec{background:var(--giallo-soft);border-block:2px solid var(--ink)}.tickets{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tk{background:var(--paper);border-radius:var(--radius-sticker);border:2px solid var(--ink);box-shadow:var(--stamp);grid-template-columns:1fr 84px;display:grid;position:relative;overflow:hidden}.tk:first-child{background:var(--rosa);color:var(--on-rosa)}.tk-main{gap:6px;padding:16px 18px;display:grid}.tk-main .label{color:inherit}.tk-vs{font:900 30px/.95 var(--font-display);text-transform:uppercase}.tk-meta{font:600 13px/18px var(--font-body)}.tk-stub{text-align:center;border-left:2px dashed;place-items:center;padding:8px;display:grid;position:relative}.tk-stub b{font:900 40px/1 var(--font-display);display:block}.tk-stub span{font:700 12px/1 var(--font-mono);text-transform:uppercase}.tk:before,.tk:after{content:"";background:var(--giallo-soft);border:2px solid var(--ink);border-radius:50%;width:20px;height:20px;position:absolute;right:73px}.tk:before{top:-12px}.tk:after{bottom:-12px}.rosa-sec{background:var(--rosa-soft);background-image:var(--dots);border-bottom:2px solid var(--ink);background-size:12px 12px;overflow:hidden}.hint{font:600 13px/18px var(--font-mono);color:var(--muted)}.album-ctrl{align-items:center;gap:10px;display:none}.arrow{border:2px solid var(--ink);background:var(--paper);width:48px;height:48px;box-shadow:var(--stamp);cursor:pointer;color:var(--ink);border-radius:50%;place-items:center;padding:0;transition:transform .1s,box-shadow .1s;display:grid}.arrow svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.arrow:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.arrow:disabled{opacity:.35;cursor:default;box-shadow:none;transform:none}.album-count{font:700 14px/1 var(--font-mono);text-align:center;font-variant-numeric:tabular-nums;min-width:64px}.vista{border:2px solid var(--ink);background:var(--giallo);border-radius:var(--radius-pill);font:800 13px/1 var(--font-body);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:var(--ink);box-shadow:var(--stamp);padding:10px 16px}.vista:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.carousel{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px 18px;padding:4px 4px 8px;display:grid}.dots{display:none}@media (width<=899px){.album-ctrl{display:flex}.rosa-sec .sec-head{align-items:center}.album:not(.tutte) .carousel{--cw:min(66vw, 270px);grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--cw);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;width:100vw;padding:8px calc((100vw - var(--cw)) / 2) 22px;gap:16px;margin-left:calc(50% - 50vw);display:grid;overflow-x:auto}.album:not(.tutte) .carousel::-webkit-scrollbar{display:none}.album:not(.tutte) .card{scroll-snap-align:center;opacity:.7;transition:transform .3s,opacity .3s;transform:scale(.9)rotate(-1.5deg)}.album:not(.tutte) .card:nth-child(2n){transform:scale(.9)rotate(1.5deg)}.album:not(.tutte) .card.on{opacity:1;transform:none}.album:not(.tutte) .dots{flex-wrap:wrap;justify-content:center;gap:2px;margin-top:4px;display:flex}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.dots button:before{content:"";background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;transition:width .2s}.dots button[aria-current=true]:before{background:var(--rosa);border-radius:6px;width:22px}.album.tutte .carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.album.tutte .album-ctrl .arrow,.album.tutte .album-count{display:none}}@media (width>=900px){.vista{display:none}}.card{perspective:900px;aspect-ratio:5/7;position:relative;container-type:inline-size}.flip{z-index:2;cursor:pointer;border-radius:var(--radius-sticker);background:0 0;border:0;padding:0;position:absolute;inset:0}.card-in{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,1.3,.5,1);position:relative}.card.gira .card-in{transform:rotateY(180deg)}@media (hover:hover){.carousel .card:hover .card-in{translate:0 -4px}}.face{backface-visibility:hidden;border-radius:var(--radius-sticker);border:2px solid var(--ink);position:absolute;inset:0}.front{background:var(--paper);color:var(--ink);box-shadow:var(--sticker);grid-template-rows:auto 1fr auto;gap:6px;padding:8px;display:grid}.back{background:var(--giallo);color:var(--ink);box-shadow:var(--sticker);align-content:space-between;padding:clamp(8px,7cqw,14px);display:grid;transform:rotateY(180deg)}.fig-top{justify-content:space-between;align-items:center;display:flex}.fig-num{background:var(--giallo);font:700 12px/1 var(--font-mono);color:var(--ink);border-radius:4px;padding:4px 6px}.fig-top img{width:22px;height:22px}.fig-photo{background:var(--rosa);background-image:radial-gradient(#0e0e122e 1.2px,#0000 1.4px);background-size:8px 8px;border-radius:6px;position:relative;overflow:hidden}.fig-photo svg{width:100%;height:86%;fill:var(--ink);position:absolute;bottom:0;left:0;right:0}.fig-shirt{font:900 34px/1 var(--font-display);position:absolute;top:4px;right:8px}.fig-name{background:var(--ink);color:#fff;border-radius:6px;min-width:0;padding:6px 8px}.fig-name b{font:900 22px/1 var(--font-display);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fig-name span{font:600 12px/14px var(--font-mono);text-transform:uppercase;color:#ffffffbf;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fig-capo,.fig-gol{z-index:1;border:2px solid var(--ink);font:900 16px/1 var(--font-display);text-transform:uppercase;border-radius:6px;padding:3px 6px 2px;position:absolute}.fig-capo{background:var(--giallo);top:6px;left:6px;transform:rotate(-5deg)}.fig-gol{background:var(--paper);bottom:6px;left:6px}.foil .fig-photo{background:conic-gradient(from 210deg at 50% 55%,#ff2d87,#ffd60a,#7cf5d4,#8a7dff,#ff2d87);place-items:center;display:grid}.foil .fig-photo img{width:72%}.back h3{font:900 clamp(18px, 15cqw, 36px)/.9 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;margin:0}.back dl{font:600 clamp(12px, 5.5cqw, 13px)/1.35 var(--font-mono);grid-template-columns:auto 1fr;gap:6px 10px;margin:0;display:grid}.back dt{text-transform:uppercase;opacity:.7}.back dd{text-align:right;margin:0;font-weight:700}.back .big{font:900 clamp(40px, 34cqw, 72px)/.8 var(--font-display)}.back .big small{font:800 12px/16px var(--font-body);letter-spacing:.08em;display:block}.girone{flex-wrap:wrap;gap:10px;display:flex}.girone span{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-pill);font:800 14px/1 var(--font-display);text-transform:uppercase;letter-spacing:.04em;padding:9px 14px}.girone span.us{background:var(--rosa);color:var(--on-rosa);box-shadow:var(--stamp)}.site-footer{background:var(--giallo);border-top:2px solid var(--ink);padding-block:clamp(32px,5vw,56px)}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.album-foot{align-items:center;margin:16px 0 0}.footer-brand{align-items:center;gap:16px;display:flex}.footer-brand img{width:72px;height:72px}.footer-brand strong{font:900 clamp(32px, 4vw, 48px)/.85 var(--font-display);text-transform:uppercase;display:block}.footer-brand p{font:600 13px/1.3 var(--font-body);margin:9px 0 0}.sp{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:12px;display:grid}.sp>div{border:2px solid var(--ink);border-radius:var(--radius-s);background:#fff;place-items:center;min-height:130px;padding:20px;display:grid}.sp img{object-fit:contain;width:100%;max-width:160px;height:80px;display:block}.footer-links{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.instagram{min-height:48px;color:var(--ink);align-items:center;gap:12px;font-weight:800;text-decoration:none;display:inline-flex}.instagram svg{flex:none;width:28px;height:28px}.instagram small{overflow-wrap:anywhere;font-weight:500;text-decoration:underline;display:block}.instagram:hover small{text-decoration-thickness:2px}.credit{background:var(--ink);color:#fff;text-align:center;font:500 11px/1.5 var(--font-body);padding:24px 16px}.credit>a{align-items:center;gap:8px;display:inline-flex}.credit p{margin:5px 0 0}.credit a{color:inherit}.empty{background:var(--paper);border:2px dashed var(--ink);border-radius:var(--radius-sticker);color:var(--muted);padding:24px}.fig-photo img.foto{object-fit:contain;object-position:bottom;width:100%;height:92%;position:absolute;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.card-in,.card,.res{transition:none!important}}.js [data-reveal]{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.2,1.2,.4,1);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(32px)scale(.98)}.js [data-reveal=sx]{transform:translate(-40px)rotate(-2deg)}.js [data-reveal=pop]{transform:translateY(40px) rotate(var(--rot,-4deg)) scale(.9)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transition:none;transform:none}}.slogan{z-index:1;left:max(16px,50vw - 574px);top:calc(100% - var(--cielo) + 28px);pointer-events:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}.slogan span{font:900 clamp(20px, 3.2vw, 40px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;border:2px solid var(--ink);box-shadow:var(--stamp);white-space:nowrap;border-radius:10px;padding:.18em .4em .14em}.slogan .sl-1{background:var(--paper);color:var(--ink);transform:rotate(-3deg)}.slogan .sl-2{background:var(--rosa);color:var(--on-rosa);margin-left:1.2em;transform:rotate(1.5deg)}.slogan .sl-3{background:var(--giallo);color:var(--on-giallo);margin-left:.4em;transform:rotate(-2deg)}.js .slogan [data-reveal].in{transform:rotate(var(--rot))}@media (width<=600px){.slogan{gap:6px}.slogan span{font-size:17px}.slogan .sl-2{margin-left:.5em}}.legale{padding-block:48px 72px}.legale .wrap{max-width:720px}.legale h1{font:900 clamp(48px, 9vw, 88px)/.9 var(--font-display);text-transform:uppercase;margin:0 0 8px}.legale .agg{font:600 13px/18px var(--font-mono);color:var(--muted);margin:0 0 32px}.legale h2{font:900 28px/1 var(--font-display);text-transform:uppercase;margin:40px 0 12px}.legale p,.legale li{max-width:68ch}.legale ul{padding-left:1.2em}
