@import"https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@600;700;800;900&family=Saira:wght@500;600;700;800&display=swap";:root{--blu:#0A2A66;--blu-acc:#1746B0;--rosso:#D7263D;--rosso-scuro:#A21729;--crema:#F5F1E6;--carta:#FFFFFF;--inch:#0C1320;--oro:#FFD23F}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}body{font-family:Saira,system-ui,sans-serif;color:var(--inch);background:repeating-linear-gradient(135deg,rgba(10,42,102,.04) 0 18px,transparent 18px 36px),var(--crema);min-height:100dvh;display:flex;justify-content:center;overflow-x:hidden}.phone{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:18px}.cond{font-family:Saira Condensed;font-weight:900;text-transform:uppercase;letter-spacing:.5px;line-height:.95}.top{background:var(--blu);color:#fff;position:relative;overflow:hidden;border-bottom:6px solid var(--rosso);margin-left:calc((100vw - 100%)/-2);margin-right:calc((100vw - 100%)/-2);padding:18px calc((100vw - 100%)/2 + 18px) 22px}.top.compact{padding-top:14px;padding-bottom:14px}.top:after{content:"";position:absolute;top:0;right:-40px;width:120px;height:100%;background:var(--rosso);transform:skew(-18deg);opacity:.9}.top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.1) 1.5px,transparent 2px);background-size:22px 22px;opacity:.5}.brandrow{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.brandrow img{height:62px;width:auto;display:block}.wordmark{font-family:Saira Condensed;font-weight:900;font-size:38px;line-height:.9;letter-spacing:1px;text-transform:uppercase}.wordmark i{font-style:normal;color:var(--oro)}.tagline{position:relative;z-index:2;margin-top:8px;font-family:Saira Condensed;font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:12px;color:#cdd8f0}.subhead{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.back{width:42px;height:42px;flex:0 0 auto;background:#fff;border-radius:10px;border:3px solid var(--inch);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--rosso-scuro)}.back svg{width:22px;height:22px}.back svg path{stroke:var(--blu);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;fill:none}.subhead .h{font-family:Saira Condensed;font-weight:900;text-transform:uppercase;font-size:30px;letter-spacing:1px;color:#fff}.versus{margin:-14px 16px 0;position:relative;z-index:3;background:var(--inch);color:#fff;border-radius:14px;border:3px solid #fff;box-shadow:5px 5px #0a2a6659;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 10px}.team{text-align:center}.team .nm{font-family:Saira Condensed;font-weight:800;text-transform:uppercase;font-size:17px;letter-spacing:.5px}.team .sc{font-family:Saira Condensed;font-weight:900;font-size:34px;line-height:1}.team.home .sc{color:var(--oro)}.team.away .sc{color:#8fb3ff}.vs{font-family:Saira Condensed;font-weight:900;font-size:15px;color:var(--rosso);background:#fff;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);box-shadow:0 0 0 3px var(--rosso)}.cta{margin:18px 16px 6px;display:flex;align-items:center;gap:12px;cursor:pointer;background:var(--rosso);color:#fff;border:3px solid var(--inch);border-radius:12px;padding:14px 16px;box-shadow:5px 5px 0 var(--inch);transition:transform .08s,box-shadow .08s}.cta:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--inch)}.cta .plus{width:42px;height:42px;flex:0 0 auto;background:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center}.cta .plus svg{width:24px;height:24px}.cta .plus svg path{stroke:var(--rosso);stroke-width:2.6;stroke-linecap:round;fill:none}.cta .t{font-family:Saira Condensed;font-weight:900;text-transform:uppercase;font-size:22px;line-height:.95}.cta .s{font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.9}.sectit{margin:18px 18px 8px;font-family:Saira Condensed;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:14px;color:var(--blu);display:flex;align-items:center;gap:10px}.sectit:after{content:"";flex:1;height:3px;background:repeating-linear-gradient(90deg,var(--blu) 0 10px,transparent 10px 16px)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:2px 16px 8px}.card{position:relative;border-radius:12px;padding:14px;min-height:132px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;background:var(--carta);border:3px solid var(--inch);box-shadow:5px 5px 0 var(--blu);transition:transform .08s,box-shadow .08s;overflow:hidden}.card:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--blu)}.card .corner{position:absolute;top:6px;right:10px;font-family:Saira Condensed;font-weight:900;font-size:30px;color:#0a2a661f;line-height:1}.card .ic{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:3px solid var(--inch)}.card .ic svg{width:24px;height:24px}.card .ic svg *{stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.card .ic svg .fill{fill:#fff;stroke:none}.card .lab{font-family:Saira Condensed;font-weight:900;text-transform:uppercase;font-size:21px;line-height:.95;letter-spacing:.5px}.card .sub{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:#5a6678;margin-top:3px}.c-part .ic{background:var(--blu)}.c-part{box-shadow:5px 5px 0 var(--rosso)}.c-vid .ic{background:var(--rosso)}.c-cal .ic{background:var(--inch)}.c-stat .ic{background:var(--blu-acc)}.c-stat{box-shadow:5px 5px 0 var(--rosso)}.list{padding:6px 16px 8px;display:flex;flex-direction:column;gap:12px}.rowcard{background:#fff;border:3px solid var(--inch);border-radius:12px;box-shadow:4px 4px 0 var(--blu);padding:12px 14px;display:flex;align-items:center;gap:12px}.rowcard .badge{flex:0 0 auto;width:44px;height:44px;border-radius:9px;background:var(--blu);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Saira Condensed;font-weight:900;font-size:20px;border:3px solid var(--inch)}.rowcard .badge.win{background:var(--rosso)}.rowcard .badge.gold{background:var(--oro);color:var(--inch)}.rowcard .main{flex:1;min-width:0}.rowcard .main .ttl{font-family:Saira Condensed;font-weight:800;text-transform:uppercase;font-size:18px;letter-spacing:.5px;line-height:1}.rowcard .main .meta{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:#5a6678;margin-top:2px}.rowcard .score{font-family:Saira Condensed;font-weight:900;font-size:26px;letter-spacing:1px}.rowcard .score .w{color:var(--rosso)}.rowcard .score .l{color:#9aa1ad}.pill{display:inline-block;font-family:Saira Condensed;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding:2px 8px;border-radius:6px;border:2px solid var(--inch)}.pill.w{background:var(--rosso);color:#fff}.pill.l{background:#e7e9ee;color:#5a6678}.vid{background:#fff;border:3px solid var(--inch);border-radius:12px;box-shadow:4px 4px 0 var(--rosso);overflow:hidden}.vid .thumb{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,var(--blu),var(--inch));display:flex;align-items:center;justify-content:center}.vid .thumb .play{width:54px;height:54px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #d7263dcc}.vid .thumb .play svg{width:26px;height:26px}.vid .thumb .play svg .fill{fill:var(--rosso)}.vid .thumb .dur{position:absolute;right:8px;bottom:8px;background:var(--inch);color:#fff;font-family:Saira Condensed;font-weight:800;font-size:13px;padding:2px 8px;border-radius:6px}.vid .cap{padding:10px 12px}.vid .cap .ttl{font-family:Saira Condensed;font-weight:800;text-transform:uppercase;font-size:17px;letter-spacing:.5px}.vid .cap .meta{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:#5a6678;margin-top:2px}.cal{background:#fff;border:3px solid var(--inch);border-radius:12px;box-shadow:4px 4px 0 var(--blu);padding:12px 14px;display:flex;align-items:center;gap:12px}.cal .date{flex:0 0 auto;width:58px;text-align:center;border:3px solid var(--inch);border-radius:9px;overflow:hidden}.cal .date .m{background:var(--rosso);color:#fff;font-family:Saira Condensed;font-weight:800;font-size:12px;text-transform:uppercase;padding:2px 0}.cal .date .d{font-family:Saira Condensed;font-weight:900;font-size:26px;padding:2px 0;line-height:1}.cal .info{flex:1}.cal .info .ttl{font-family:Saira Condensed;font-weight:800;text-transform:uppercase;font-size:18px;letter-spacing:.5px}.cal .info .meta{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.8px;color:#5a6678;margin-top:2px}.cal .go{font-family:Saira Condensed;font-weight:900;color:var(--blu);font-size:22px}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 16px 8px}.stat{background:#fff;border:3px solid var(--inch);border-radius:12px;box-shadow:4px 4px 0 var(--blu);padding:14px;text-align:center}.stat .big{font-family:Saira Condensed;font-weight:900;font-size:40px;line-height:1;color:var(--blu)}.stat.red .big{color:var(--rosso)}.stat .k{font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;color:#5a6678;margin-top:4px}.bar{height:18px;border:3px solid var(--inch);border-radius:6px;background:#e7e9ee;overflow:hidden;display:flex}.bar .w{background:var(--rosso)}.bar .l{background:var(--blu)}.form{padding:8px 16px;display:flex;flex-direction:column;gap:14px}.field label{display:block;font-family:Saira Condensed;font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--blu);margin-bottom:5px}.field input,.field select{width:100%;font-family:Saira,sans-serif;font-weight:700;font-size:16px;padding:12px;border:3px solid var(--inch);border-radius:10px;background:#fff;box-shadow:3px 3px 0 var(--blu)}.scoreinput{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.scoreinput .vs{transform:rotate(-8deg)}.btn{display:block;text-align:center;background:var(--rosso);color:#fff;border:3px solid var(--inch);border-radius:12px;padding:15px;font-family:Saira Condensed;font-weight:900;text-transform:uppercase;font-size:22px;letter-spacing:1px;box-shadow:5px 5px 0 var(--inch);cursor:pointer}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--inch)}.note{background:#fff;border:3px dashed var(--blu);border-radius:10px;padding:10px 12px;font-weight:700;font-size:12.5px;color:#5a6678;text-transform:uppercase;letter-spacing:.5px}.foot{margin-top:auto;padding:16px 18px 4px;text-align:center;font-family:Saira Condensed;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#9aa1ad}
