:root{--bg: #090d0b;--bg-2: #0d1411;--card: #121a16;--card-hi: #182219;--line: rgba(232, 255, 238, .09);--line-2: rgba(232, 255, 238, .16);--text: #f1f6ef;--dim: #8a978c;--lime: #c8ff3d;--lime-soft: rgba(200, 255, 61, .14);--sunset: #ff6a3d;--sunset-soft: rgba(255, 106, 61, .16);--gold: #ffc73a;--gold-soft: rgba(255, 199, 58, .15);--font-display: "Anton", system-ui, sans-serif;--font-body: "Schibsted Grotesk", system-ui, sans-serif;--radius: 14px;--radius-sm: 9px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 100%)}.hero-glow{position:absolute;top:-45%;left:50%;width:120vw;height:90vh;transform:translate(-50%);background:radial-gradient(closest-side,rgba(200,255,61,.16),transparent 70%),radial-gradient(closest-side,rgba(255,106,61,.1),transparent 70%);background-position:38% 40%,64% 55%;background-repeat:no-repeat;background-size:70% 100%,60% 90%;pointer-events:none}.hero-inner{position:relative;max-width:1180px;margin:0 auto;padding:clamp(2.4rem,6vw,4.4rem) 1.25rem 1.8rem;text-align:center}.hero-kicker{font-size:clamp(.7rem,1.6vw,.82rem);letter-spacing:.34em;text-transform:uppercase;color:var(--lime);font-weight:700;margin-bottom:.9rem;opacity:0;animation:rise .7s ease .05s forwards}.hero-title{font-family:var(--font-display);font-weight:400;line-height:.82;letter-spacing:.01em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.04em}.hero-title .word{font-size:clamp(3.4rem,15vw,9.5rem);background:linear-gradient(178deg,#fff 30%,#c9d4c8);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}.hero-title .word:nth-child(1){animation-delay:.12s}.hero-title .word:nth-child(2){animation-delay:.2s}.hero-title .year{font-size:clamp(2.4rem,11vw,7rem);-webkit-text-stroke:2px var(--lime);color:transparent;margin-top:.06em;text-shadow:0 0 32px rgba(200,255,61,.35);opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .3s forwards}.hero-sub{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.3rem;margin-top:1.3rem;color:var(--dim);font-size:clamp(.8rem,2vw,.95rem);font-weight:600;opacity:0;animation:rise .7s ease .42s forwards}.hero-sub .host{white-space:nowrap}.updated-at{margin-top:1rem;font-size:.76rem;color:var(--dim);letter-spacing:.02em;opacity:0;animation:fade .7s ease .6s forwards}.countdown{margin-top:1.6rem;display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;padding:.9rem 1.8rem;border:1px solid var(--line-2);border-radius:999px;background:#ffffff05;backdrop-filter:blur(6px);opacity:0;animation:rise .7s ease .5s forwards}.countdown-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font-weight:700}.countdown-clock{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.04em;color:var(--lime);font-variant-numeric:tabular-nums}.tabs{margin-top:1.8rem;display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.32rem;border:1px solid var(--line-2);border-radius:999px;background:#0000004d;opacity:0;animation:rise .7s ease .55s forwards}.tab{display:inline-block;padding:.5rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.01em;color:var(--dim);text-decoration:none;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease}.tab:hover{color:var(--text);transform:translateY(-1px)}.tab.active{background:var(--lime);color:#0a1400;box-shadow:0 4px 18px #c8ff3d40}main{max-width:1180px;margin:0 auto;padding:0 1.25rem 4rem}.section{margin-top:3rem;opacity:0;transform:translateY(16px);animation:rise .7s ease forwards}.section:nth-of-type(1){animation-delay:.2s}.section:nth-of-type(2){animation-delay:.32s}.section h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1;display:flex;align-items:center;gap:.6rem}.section h2:before{content:"";width:6px;align-self:stretch;min-height:1.4em;background:var(--lime);border-radius:3px}.section-hint{color:var(--dim);font-size:.86rem;margin:.5rem 0 1.4rem 1.2rem}.filter-bar{display:flex;align-items:center;gap:.7rem;margin-bottom:1.4rem;flex-wrap:wrap}.filter-bar label{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dim)}#team-filter{background:var(--card);color:var(--text);border:1px solid var(--line-2);border-radius:999px;padding:.5rem 1rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;min-width:180px}#team-filter:focus{outline:none;border-color:var(--lime)}.match-day{margin-bottom:1.8rem}.match-day h3{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lime);margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.match-card{position:relative;display:grid;grid-template-columns:6rem 1fr auto 1fr;align-items:center;gap:.9rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1.1rem;margin-bottom:.6rem;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.match-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lime);transform:scaleY(0);transform-origin:top;transition:transform .22s ease}.match-card:hover{transform:translateY(-3px);background:var(--card-hi);border-color:var(--line-2)}.match-card:hover:before{transform:scaleY(1)}.match-time{font-size:.8rem;font-weight:600;color:var(--dim);font-variant-numeric:tabular-nums}.match-team{text-align:right;font-weight:700;font-size:.98rem}.match-team.away{text-align:left}.match-team.win{color:var(--lime)}.match-score{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.05em;color:var(--text);background:#060a08;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:.2rem .8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.match-score.scheduled{font-family:var(--font-body);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);background:transparent}.match-meta{grid-column:1 / -1;color:var(--dim);font-size:.76rem;display:none;padding-top:.55rem;margin-top:.3rem;border-top:1px dashed var(--line)}.match-card:hover .match-meta{display:block}.match-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--line)}.match-tv{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.74rem}.tv-label{color:var(--dim)}.tv-chan{display:inline-flex;align-items:center;gap:.25rem;color:var(--text);font-weight:700;text-decoration:none;background:#ffffff0d;border:1px solid var(--line-2);border-radius:6px;padding:.12rem .45rem;line-height:1.4;transition:border-color .18s ease,background .18s ease}a.tv-chan:hover{border-color:var(--lime);background:var(--lime-soft);color:var(--lime)}.tv-chan-plain{color:var(--dim);font-weight:600}.tv-logo{height:14px;width:auto;display:block;background:#fff;border-radius:3px;padding:1px}.match-cal{font-size:.76rem;font-weight:700;color:var(--lime);text-decoration:none;white-space:nowrap;transition:transform .18s ease}.match-cal:hover{transform:translateY(-1px)}.match-list>.empty{color:var(--dim);font-style:italic;padding:1rem 0}.badge-new{position:absolute;top:.55rem;right:.9rem;background:var(--sunset);color:#1a0600;font-size:.62rem;font-weight:800;letter-spacing:.1em;padding:.12rem .5rem;border-radius:999px;animation:pulse 1.6s ease-in-out infinite}.badge-round{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--lime);border:1px solid var(--line-2);border-radius:999px;padding:.05rem .55rem;margin-left:.5rem}.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.group-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;transition:transform .2s ease,border-color .2s ease}.group-card:hover{transform:translateY(-3px);border-color:var(--line-2)}.group-card h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.2rem;color:var(--lime);margin-bottom:.7rem}.group-card table{width:100%;border-collapse:collapse;font-size:.86rem}.group-card th,.group-card td{text-align:left;padding:.32rem}.group-card th{color:var(--dim);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line-2)}.group-card tbody tr{border-bottom:1px solid var(--line)}.group-card tbody tr:last-child{border-bottom:none}.group-card td:first-child{font-weight:600}.group-card td.num,.group-card th.num{text-align:right;font-variant-numeric:tabular-nums}.group-card .empty{color:var(--dim);font-style:italic;font-size:.85rem}.bracket-vertical{max-width:760px;margin:0 auto;display:flex;flex-direction:column}.kstage{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.2rem;opacity:0;transform:translateY(16px);animation:rise .6s ease forwards}.kstage.locked{background:transparent;border-style:dashed;animation:riseDim .6s ease forwards}.kstage-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.kstage-name{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.25rem;color:var(--text)}.kstage-final .kstage-name{color:var(--gold)}.kstage-status{font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .62rem;border-radius:999px;border:1px solid var(--line-2);white-space:nowrap}.kstage-status.done{color:var(--lime);border-color:var(--lime)}.kstage-status.live{color:var(--sunset);border-color:var(--sunset)}.kstage-status.wait{color:var(--dim)}.kstage-body{margin-top:.95rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.7rem}.kstage-final .kstage-body{grid-template-columns:1fr;max-width:340px;margin-left:auto;margin-right:auto}.kmatch{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .62rem;display:flex;flex-direction:column;gap:.3rem;opacity:0;animation:rise .45s ease forwards}.kmatch.filled{border-color:var(--line-2)}.kstage-final .kmatch{border-color:var(--gold);box-shadow:0 0 22px var(--gold-soft)}.kteam{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;font-weight:600;padding:.2rem .36rem;border-radius:6px}.kname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kscore{font-variant-numeric:tabular-nums;color:var(--dim)}.kteam.tbd .kname{color:var(--dim);font-style:italic;font-weight:500}.kteam.winner{background:var(--lime-soft);color:var(--lime)}.kteam.winner .kscore{color:var(--lime)}.kstage-final .kteam.winner{background:var(--gold-soft);color:var(--gold)}.kstage-final .kteam.winner .kscore{color:var(--gold)}.kstage-lock{margin-top:.7rem;color:var(--dim);font-size:.86rem;font-style:italic}.kconnector{position:relative;display:flex;align-items:center;justify-content:center;height:2.6rem}.kconnector:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(var(--line-2),rgba(200,255,61,.45))}.kchevron{position:relative;color:var(--lime);font-size:1.15rem;line-height:1;animation:bob 1.8s ease-in-out infinite}.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.news-card{display:flex;flex-direction:column;gap:.5rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;opacity:0;animation:rise .5s ease forwards;transition:transform .2s ease,border-color .2s ease,background .2s ease}.news-card:hover{transform:translateY(-3px);background:var(--card-hi);border-color:var(--line-2)}.news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;font-size:.72rem}.news-source{font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#0a1400;background:var(--lime);padding:.12rem .55rem;border-radius:999px}.news-date{color:var(--dim);font-variant-numeric:tabular-nums}.news-title{font-size:1.02rem;font-weight:700;line-height:1.3}.news-title a{color:var(--text);text-decoration:none;transition:color .18s ease}.news-title a:hover{color:var(--lime)}.news-summary{color:var(--dim);font-size:.88rem;line-height:1.5}.news-link{margin-top:auto;align-self:flex-start;font-size:.82rem;font-weight:700;color:var(--sunset);text-decoration:none;transition:transform .18s ease}.news-link:hover{transform:translate(3px)}.news-list .empty{color:var(--dim);font-style:italic}.footer{text-align:center;color:var(--dim);font-size:.78rem;letter-spacing:.02em;padding:2.4rem 1.25rem;border-top:1px solid var(--line)}.confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:90}.load-error{text-align:center;color:var(--sunset);padding:2.4rem;font-weight:600}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{to{opacity:1}}@keyframes riseDim{0%{opacity:0;transform:translateY(16px)}to{opacity:.5;transform:translateY(0)}}@keyframes bob{0%,to{transform:translateY(-2px);opacity:.55}50%{transform:translateY(2px);opacity:1}}@keyframes slide-in{to{opacity:1;transform:translate(0)}}@keyframes connector{to{width:2.4rem}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:600px){.match-card{grid-template-columns:3.6rem 1fr auto 1fr;gap:.45rem;padding:.75rem .7rem}.match-team{font-size:.88rem}.match-score{font-size:1.1rem;padding:.18rem .55rem}.tab{padding:.45rem .85rem;font-size:.8rem}.section h2{font-size:1.5rem}}
