:root{--bg-color:#052159;--yellow:#fff400;--white:#fff;--dark-blue:#021130;--scroll:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--white);background-image:url(/assets/1926-2026-LIsshwPg.svg);background-position:50% 8vh;background-repeat:no-repeat;background-size:contain;background-origin:border-box;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.hero{width:100%;height:calc(100vh - ((100vh - 80px) * var(--scroll)));z-index:100;box-shadow:0 10px 30px rgba(0, 0, 0, calc(.8 * var(--scroll)));background-color:rgba(2, 17, 48, calc(.9 * var(--scroll)));position:fixed;top:0;left:0;overflow:hidden}.hero-overlay{-webkit-backdrop-filter:blur(calc(12px * var(--scroll)));backdrop-filter:blur(calc(12px * var(--scroll)));z-index:-1;background:radial-gradient(circle at 50% 40%,#052159b3 0%,#0000 60%);position:absolute;inset:0}.hero-top{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.main-logo{height:calc(90px - 40px * var(--scroll));filter:drop-shadow(0 0 10px #00000080)}#header-socials{opacity:calc(1 - var(--scroll) * 4);align-items:center;gap:1rem;display:flex}.social-text{letter-spacing:1px;font-size:.9rem;font-weight:800}.social-icon{background-color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 10px #0000004d}.social-icon img{object-fit:contain;width:55%;height:55%;transition:transform .3s}.social-icon:hover{background-color:var(--white);transform:translateY(-4px)scale(1.1);box-shadow:0 10px 25px #00000080}.social-icon:hover img{transform:scale(1.15)}.active-match-wrapper{pointer-events:none;z-index:10;width:100%;height:100vh;position:fixed;top:0;left:0}.state-area{top:calc(40vh - (40vh - 40px) * var(--scroll));left:calc(50vw + (50vw - 150px) * var(--scroll));transform:translate(-50%, -50%) scale(calc(1 - .65 * var(--scroll)));text-align:center;pointer-events:auto;position:absolute}.state-label{letter-spacing:4px;text-transform:uppercase;opacity:clamp(0, 1 - var(--scroll) * 3, 1);max-height:calc(50px * (1 - var(--scroll)));transform:scale(clamp(0, 1 - var(--scroll) * 2, 1));margin-bottom:calc(.5rem * (1 - var(--scroll)));font-size:1.4rem;font-weight:800;overflow:hidden}.huge-text{color:var(--yellow);white-space:nowrap;text-shadow:0 0 30px rgba(0, 0, 0, calc(.9 * (1 - var(--scroll)))), 0 2px 5px #000c, 0 0 15px #fff40080,  0 0 30px #fff4004d;font-size:clamp(3rem,10vw,6rem);font-weight:900}.live-text{color:var(--yellow);text-shadow:0 0 15px #fff40080;display:inline-block;position:relative}.live-text:after{content:"HRAJEME!";color:#fff;pointer-events:none;width:100%;height:100%;animation:3s ease-in-out infinite hypeShine;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(110deg,#0000 30%,#000 50%,#0000 70%);mask-image:linear-gradient(110deg,#0000 30%,#000 50%,#0000 70%);-webkit-mask-size:200%;mask-size:200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes hypeShine{0%{-webkit-mask-position:200%;mask-position:200%}30%,to{-webkit-mask-position:-100%;mask-position:-100%}}.match-card{top:calc(62vh - (62vh - 40px) * var(--scroll));left:calc(50vw + (50vw - 450px) * var(--scroll));transform:translate(-50%, -50%) scale(calc(1 - .5 * var(--scroll)));pointer-events:auto;background-color:rgba(255, 255, 255, clamp(0, .05 - .05 * var(--scroll), .05));border:1px solid rgba(255, 255, 255, clamp(0, .1 - .1 * var(--scroll), .1));border-top:4px solid rgba(255, 244, 0, clamp(0, 1 - 1 * var(--scroll), 1));width:100%;max-width:800px;box-shadow:0 20px 40px rgba(0, 0, 0, clamp(0, .3 - .3 * var(--scroll), .3));padding:calc(2.5rem - 2.5rem * var(--scroll));border-radius:16px;position:absolute}.vs-row{justify-content:center;align-items:center;gap:calc(2rem - 1rem * var(--scroll));display:flex}.team{flex-direction:column;flex:1;align-items:center;display:flex}.team-logo-wrapper{width:calc(140px - 40px * var(--scroll));height:calc(140px - 40px * var(--scroll));margin-bottom:calc(1rem * (1 - var(--scroll)));justify-content:center;align-items:center;display:flex}.team img{object-fit:contain;filter:drop-shadow(0 5px 10px #000000b3);object-fit:contain;max-width:100%;max-height:100%}.vs-badge{color:var(--yellow);text-shadow:0 2px 5px #000c;font-size:3rem;font-weight:900}.team-name,.match-meta{opacity:clamp(0, 1 - var(--scroll) * 3, 1);max-height:calc(50px * (1 - var(--scroll)));overflow:hidden}.team-name{text-transform:uppercase;margin-top:calc(.5rem * (1 - var(--scroll)));text-align:center;font-size:1.2rem;font-weight:800}.match-meta{margin-top:calc(1.5rem * (1 - var(--scroll)));color:#d0d8e8;justify-content:center;gap:1.5rem;font-size:1rem;font-weight:700;display:flex}.content{margin-top:100vh;max-width:850px;opacity:calc(var(--scroll) * 1.5);z-index:5;background-color:var(--bg-color);border-radius:20px 20px 0 0;margin-inline:auto;padding:4rem 1rem;position:relative}.section-title{color:var(--yellow);text-transform:uppercase;letter-spacing:1px;margin-bottom:2.5rem;font-size:1.8rem;font-weight:900}.schedule-row{background:#ffffff05;border:1px solid #ffffff0d;border-left:4px solid #ffffff1a;border-radius:8px;align-items:center;gap:2rem;margin-bottom:1rem;padding:1.2rem 1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.schedule-row:hover{border-left-color:var(--yellow);background:#ffffff0f;transform:translate(8px)scale(1.01);box-shadow:0 10px 20px #0003}.played-row{opacity:.45;filter:grayscale(.5);transition:all .3s}.played-row:hover{opacity:.9;filter:grayscale(0)}.active-row{border-left-color:var(--yellow);background:#fff4000d;box-shadow:0 4px 15px #fff4000d}.played-row.active-row{opacity:1!important}.s-score-badge.is-live{color:#fff;letter-spacing:1px;background:#ff2a2a;border-color:#ff2a2a;animation:2s infinite pulse;box-shadow:0 0 10px #ff2a2a80}.s-date-box{border-right:1px solid #ffffff1a;flex-direction:column;gap:.3rem;min-width:90px;padding-right:1.5rem;display:flex}.s-date-day{color:var(--white);font-size:1.1rem;font-weight:800}.s-date-time{color:#8899b6;letter-spacing:1px;font-size:.85rem;font-weight:600}.s-match-box{flex-grow:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.s-team{text-transform:uppercase;flex:1;font-size:1.1rem;font-weight:800}.s-home{text-align:right}.s-away{text-align:left;color:#d0d8e8}.s-score-badge{text-align:center;background:#0003;border:1px solid #ffffff0d;border-radius:8px;min-width:75px;padding:.5rem 1rem;font-size:1.1rem;font-weight:900;box-shadow:inset 0 2px 4px #00000080}.s-score-badge.is-upcoming{color:var(--yellow);box-shadow:none;background:#fff4000d;border-color:#fff40033}.s-score-badge.is-played{color:var(--white);letter-spacing:2px}.s-teams span{color:var(--yellow);margin-inline:.5rem}.site-footer{background:#050f28cc;border-top:1px solid #ffffff0d;margin-top:auto;padding:2rem 1rem}.footer-content{color:#fff6;letter-spacing:.5px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;font-size:.85rem;font-weight:500;display:flex}.separator{opacity:.3}.site-footer a{color:#fff9;font-weight:700;text-decoration:none;transition:all .3s}.site-footer a:hover{color:var(--yellow);text-shadow:0 0 10px #fff40066}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}body.scrolled-deep #header-socials{pointer-events:none}@media (width<=768px){body{background-position:50% 12vh;background-size:160%}.hero{height:calc(100vh - ((100vh - 110px) * var(--scroll)))}.hero-overlay{background:radial-gradient(circle at 50% 30%,#052159d9 0%,#05215966 100%)}.main-logo{opacity:clamp(0, 1 - var(--scroll) * 3, 1)}.content{padding-top:130px}.social-text{display:none}.state-area{width:100%;left:50vw;top:calc(28vh - (28vh - 30px) * var(--scroll));transform:translate(-50%, -50%) scale(calc(.8 - .2 * var(--scroll)))}.huge-text{font-size:clamp(2.5rem,12vw,4rem)}.team-name{text-transform:uppercase;text-align:center;white-space:normal;width:100%;max-height:none;margin-top:.5rem;font-size:clamp(.75rem,3.5vw,1.1rem);font-weight:800;line-height:1.2;display:block;overflow:visible}.match-card{left:50vw;top:calc(56vh - (56vh - 80px) * var(--scroll));transform:translate(-50%, -50%) scale(calc(.85 - .35 * var(--scroll)));width:95vw;padding:1.2rem .8rem}.team-logo-wrapper{width:70px;height:70px;margin-bottom:.5rem}.vs-badge{font-size:2rem}.match-meta{max-height:calc(120px * (1 - var(--scroll)));flex-direction:column;align-items:center;gap:.4rem;margin-top:1rem}.schedule-row{flex-direction:column;gap:.5rem}.s-match-box{gap:.5rem;width:100%}.s-team{font-size:.95rem}.s-score-badge{white-space:nowrap;flex-shrink:0;min-width:75px}.footer-content{flex-direction:column;gap:.5rem}.separator{display:none}}@media (width<=1100px) and (width>=769px){.main-logo{opacity:clamp(0, 1 - var(--scroll) * 3, 1);pointer-events:none}.match-card{left:calc(50vw - 190px * var(--scroll));transform:translate(-50%, -50%) scale(calc(1 - .6 * var(--scroll)))}.state-area{left:calc(50vw + 190px * var(--scroll));transform:translate(-50%, -50%) scale(calc(1 - .6 * var(--scroll)))}}@media (height<=1050px) and (width>=769px){.state-area{top:calc(38vh - (38vh - 40px) * var(--scroll));transform:translate(-50%, -50%) scale(calc(.85 - .4 * var(--scroll)))}.match-card{top:calc(65vh - (65vh - 40px) * var(--scroll));transform:translate(-50%, -50%) scale(calc(.8 - .2 * var(--scroll)))}}@media (height<=500px){body{background-position:top;background-size:100%}.hero{height:calc(100vh - ((100vh - 80px) * var(--scroll)))}.hero-overlay{background:radial-gradient(circle at 50% 30%,#052159d9 0%,#05215966 100%)}.content{padding-top:80px}.state-area{width:38%;left:2%;top:calc(55vh - (55vh - 40px) * var(--scroll));transform:translateY(-50%) scale(calc(.8 - .2 * var(--scroll)));text-align:center;z-index:10}.huge-text{font-size:clamp(1.8rem,5vw,2.8rem);line-height:1}.match-card{width:55%;left:auto;right:2%;top:calc(55vh - (55vh - 40px) * var(--scroll));transform:translateY(-50%) scale(calc(.9 - .2 * var(--scroll)));padding:calc(1.5rem * (1 - var(--scroll))) 1rem;background:rgba(15, 34, 85, calc(.5 * (1 - var(--scroll))));border-color:rgba(255, 255, 255, calc(.1 * (1 - var(--scroll))));border-radius:15px}.vs-row{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.team{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.team-logo-wrapper{width:70px;height:70px;margin-bottom:calc(.5rem * (1 - var(--scroll)));flex-shrink:0;justify-content:center;align-items:center;display:flex}.team img{object-fit:contain;max-width:100%;max-height:100%}.vs-badge{padding-bottom:calc(20px * (1 - var(--scroll)));margin:0;font-size:1.8rem}.team-name{text-align:center;white-space:normal;word-wrap:break-word;height:calc(2.4em * (1 - var(--scroll)));opacity:calc(1 - var(--scroll));justify-content:center;align-items:center;font-size:.85rem;line-height:1.2;display:flex;overflow:hidden}.match-meta,.state-label{display:none}}