@font-face{font-family:Inter;src:url('../fonts/inter-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#06271f;--navy:#091b38;--green:#007541;--bright:#05a84c;--muted:#4c6068;--line:#e7ebe5;--paper:#fdfdfb;--radius:11px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-optical-sizing:auto}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a,summary{touch-action:manipulation}img{display:block;max-width:100%}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #25ad68;outline-offset:5px}h1,h2,h3,p,figure{margin:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:10px;left:20px;background:var(--green);padding:13px 20px;color:white;border-radius:8px;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:relative;z-index:10;background:#fff;border-bottom:1px solid #f0f0eb;box-shadow:0 5px 20px #17291904}.header-inner{max-width:1320px;margin:auto;min-height:82px;padding:8px 34px;display:flex;align-items:center;gap:66px}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;color:#081638;font-size:28px;font-weight:850;letter-spacing:-1px;line-height:1.15}.brand img{width:44px;height:57px;object-fit:contain}.header-links{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:1;min-width:0}.main-nav,.secondary-nav{display:flex;align-items:center;gap:30px;color:var(--navy)}.main-nav a{font-size:14px;white-space:nowrap;position:relative;display:flex;align-items:center;min-height:48px}.main-nav a[aria-current=page]{color:#005d32;font-weight:750}.main-nav a[aria-current=page]:after{content:'';height:2px;background:var(--green);position:absolute;bottom:3px;left:0;right:0}.secondary-nav{gap:25px}.secondary-nav a{font-size:12px;white-space:nowrap;display:flex;align-items:center;min-height:44px}.language-menu{position:relative;font-size:13px;color:#005d32;font-weight:750}.language-menu summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px}.language-menu summary::-webkit-details-marker{display:none}.language-menu .icon{width:16px;height:16px}.language-options{position:absolute;right:0;top:48px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px #08271f1a;padding:7px;min-width:145px}.language-options a{display:block;padding:12px;border-radius:5px}.language-options a:hover{background:#ecf6ee}.nav-toggle{display:none;background:transparent;border:1px solid #dce5de;border-radius:8px;align-items:center;justify-content:center;width:44px;height:44px;color:var(--ink)}
.page-shell{max-width:1320px;margin:0 auto;padding:0 34px 38px}.intro{padding:31px 18px 24px}.intro h1{font-size:clamp(40px,6.13vw,81px);font-weight:900;letter-spacing:-.063em;line-height:1.04;white-space:nowrap}.intro p{font-size:25px;line-height:1.45;color:#0a1a39;letter-spacing:-.04em;margin-top:2px}.video-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:15px}.media-card{position:relative;overflow:hidden;border-radius:var(--radius);isolation:isolate;background:#142e28;box-shadow:0 0 0 1px #102d1e13;display:block;color:white}.card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1)}.featured-video{aspect-ratio:1.745}.featured-video:before{content:'';position:absolute;z-index:-2;inset:-14px;background:url('../img/bale.webp') center 40%/cover;filter:blur(10px) brightness(.62);transform:scale(1.1)}.feature-photo{left:25%;width:75%;object-position:50% 28%;z-index:-1}.featured-video:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#020d16b8 0%,#0710196b 34%,transparent 76%),linear-gradient(0deg,#06131747,transparent 60%)}.feature-content{position:absolute;z-index:1;left:28px;bottom:27px;right:15px}.focus-badge{display:inline-block;color:white;background:linear-gradient(130deg,#11a148,#006537);border:1px solid #8be29b;border-radius:6px;padding:5px 14px;font-size:17px;line-height:1.1;font-weight:700;box-shadow:0 2px 8px #001c2366;margin-bottom:16px}.feature-content h2{font-size:clamp(29px,4.15vw,54px);font-weight:850;letter-spacing:-.042em;line-height:1.01;text-shadow:0 2px 12px #0007;max-width:96%}.feature-content h2 span{display:block}.pill{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-weight:700;font-size:17px;line-height:1.2;border-radius:999px;padding:12px 24px;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.pill .icon{width:23px;height:23px}.pill-primary{background:linear-gradient(110deg,#078f40,#006f3a);color:white;border:1px solid #91d9ab;box-shadow:inset 0 1px 0 #fff2,0 5px 15px #00170c24}.play-action{margin-top:24px;min-height:61px;padding:5px 25px 5px 7px;gap:15px;font-size:19px}.play-disc{width:44px;height:44px;border-radius:50%;background:white;display:grid;place-items:center;flex:0 0 auto}.play-disc:after{content:'';border-left:14px solid #008546;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}.play-action>.icon{margin-left:2px}.secondary-videos{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-height:0}.secondary-video:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#091019b8,transparent 100%),linear-gradient(0deg,#02091457,transparent 65%)}.secondary-video .card-photo{object-position:60% 46%}.video-worldcup .card-photo{object-position:60% 35%}.video-2006 .card-photo{object-position:65% 50%}.secondary-video-content{position:absolute;z-index:1;inset:22px}.secondary-video h3{font-size:clamp(22px,2.8vw,35px);font-weight:850;letter-spacing:-.045em;line-height:1.01;text-shadow:0 2px 8px #0005}.play-outline{margin-top:15px;display:grid;place-items:center;border:2px solid #fff;width:55px;height:55px;border-radius:50%;box-shadow:0 3px 14px #0003}.play-outline>span{border-left:16px solid white;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.section-link{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:15px;font-weight:700;color:#00592e;margin:9px 5px 13px;min-height:24px}.section-link .icon{width:20px;height:20px}
.discover-section{display:grid;grid-template-columns:1fr 1.075fr;gap:0 15px}.discovery-card{position:relative;overflow:hidden;border-radius:var(--radius);aspect-ratio:1.235;background:#f2f6ef;isolation:isolate;box-shadow:0 0 0 1px #0f402416}.statistics-photo{position:absolute;right:-5%;top:0;height:100%;width:64%;object-fit:cover;object-position:50% 24%;z-index:-2}.statistics-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5faf6 0%,#f5faf6f5 30%,#f5faf6a6 51%,#f5faf600 85%)}.statistics-content{padding:33px 29px}.eyebrow{text-transform:uppercase;letter-spacing:.075em;font-size:14px;line-height:1.3;color:#00693a;font-weight:750;margin-bottom:9px}.statistics-content h2{font-size:clamp(31px,3.9vw,50px);font-weight:850;line-height:1.005;letter-spacing:-.052em}.statistics-description{font-size:19px;line-height:1.3;letter-spacing:-.035em;margin-top:8px;max-width:390px}.comparison-preview{position:relative;background:#ffffffde;border:1px solid #fff7;border-radius:12px;backdrop-filter:blur(7px);margin-top:22px;padding:16px 15px 18px;width:83%;box-shadow:0 6px 22px #102b1b04}.comparison-preview figcaption{color:#162d45;font-size:14px;margin-bottom:17px;white-space:nowrap;letter-spacing:-.025em}.comparison-row{display:grid;grid-template-columns:74px 1fr 40px;align-items:center;gap:9px;font-size:18px;letter-spacing:-.05em;line-height:1.2;margin-top:12px}.comparison-row>span:first-child{font-weight:650}.comparison-row strong{font-size:23px;font-weight:750;text-align:right}.bar-track{display:block;height:29px}.comparison-bar{display:block;height:100%;width:var(--bar-width);border-radius:3px}.bar-messi{background:linear-gradient(90deg,#00884a,#006a3b)}.bar-ronaldo{background:linear-gradient(90deg,#8aca29,#83d008)}.pill-outline{min-height:51px;border:1px solid #8bd4ac;color:#00522f;background:#e6f6ebdb;font-size:16px;margin-top:26px;padding:11px 26px;gap:17px}.sample-label{position:absolute;right:10px;bottom:10px;color:white;font-size:10px;background:#06271f82;padding:3px 5px;border-radius:3px}.game-card{background:#173c16 url('../img/grass.webp') center/cover;color:white}.game-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08260b6e,transparent 100%),linear-gradient(0deg,#001d108a,transparent 100%)}.game-content{padding:37px 28px;position:relative;z-index:2;pointer-events:none}.game-content a{pointer-events:auto}.game-content h2{font-size:clamp(53px,6.5vw,85px);font-weight:900;line-height:1.02;letter-spacing:-.055em;text-shadow:0 2px 8px #03230c55}.game-content h3{font-size:clamp(21px,2.65vw,34px);font-weight:800;line-height:1.05;letter-spacing:-.05em}.game-content p{font-size:20px;line-height:1.4;letter-spacing:-.03em;margin:21px 0}.game-action{padding:13px 27px;font-size:19px;min-height:57px;background:linear-gradient(110deg,#18ad36,#07862c);border-color:#80d47a}.game-badges{display:flex;gap:7px;margin-top:13px;font-size:13px}.game-badges span{border:1px solid #badcc0;border-radius:999px;padding:4px 10px;background:#03291173;box-shadow:0 2px 4px #00170a40}.laptop{position:absolute;right:-7%;bottom:-3%;width:81%;z-index:1;transform:rotate(-7deg) skewX(-6deg);transform-origin:bottom center;filter:drop-shadow(0 14px 10px #00120975)}.laptop-lid{position:relative;background:linear-gradient(120deg,#111d26,#04090f);border:2px solid #627579;border-radius:13px 13px 5px 5px;padding:22px 11px 13px;box-shadow:inset 0 0 0 2px #02090b}.laptop-lid img{width:100%;height:auto;border:1px solid #03231d;border-radius:2px}.laptop-camera{position:absolute;top:8px;left:50%;width:4px;height:4px;border-radius:50%;background:#465b5e}.laptop-base{height:30px;background:linear-gradient(#68767d 0%,#18252d 10%,#4b5963 30%,#0b1219 75%,#74818c 85%,#111d24 100%);clip-path:polygon(8% 0,91% 0,100% 75%,96% 90%,5% 100%,0 80%);margin:-2px -8% 0;position:relative}.laptop-base:after{content:'';position:absolute;inset:3px 35% 10px;background:linear-gradient(#0b121c,#5d6a76);border-radius:0 0 7px 7px;opacity:.7}.games-link{grid-column:2;margin-bottom:7px}
.predictions-section h2{display:flex;align-items:center;gap:15px;font-size:32px;font-weight:850;letter-spacing:-.045em;line-height:1.1;margin:0 0 11px}.trophy-mark{display:grid;place-items:center;background:#005d3d;width:41px;height:41px;border-radius:50%;color:white}.trophy-mark .icon{width:27px;height:27px;stroke-width:1.9}.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.prediction-card{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;aspect-ratio:3.05;background:#204821;color:white}.prediction-background{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 75%;filter:blur(2px) saturate(1.25);transform:scale(1.04);transition:transform .6s}.prediction-card:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#03271caa 0%,#02291812 78%)}.prediction-champions{background:#092654}.prediction-champions .prediction-background{filter:blur(3px) grayscale(.75) brightness(.6) sepia(1) hue-rotate(168deg) saturate(3)}.prediction-champions:after{background:linear-gradient(90deg,#001b41a8,#002a683b)}.competition-title{position:absolute;top:32%;left:25px;z-index:2;display:flex;align-items:center;gap:14px;font-size:27px;font-weight:800;letter-spacing:-.04em;max-width:80%;text-shadow:0 2px 9px #001b2277}.competition-icon{display:grid;place-items:center;flex:0 0 auto}.bundesliga-icon{background:#e51b26;width:59px;height:47px;border:3px solid white;box-shadow:0 3px 10px #00142c44}.bundesliga-icon .icon{width:34px;height:34px;stroke-width:1.5}.champions-icon{width:53px;height:53px}.champions-icon .icon{width:48px;height:48px;stroke-width:1.3}.prediction-ball{position:absolute;right:3%;top:2%;height:102%;width:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;clip-path:circle(46%);z-index:0;filter:drop-shadow(-5px 2px 8px #0005)}.prediction-trophy{position:absolute;right:15%;top:-7%;height:125%;width:41%;object-fit:cover;object-position:50% 44%;z-index:-2;mix-blend-mode:screen;filter:contrast(1.15) saturate(.6)}.prediction-card .pill-small{position:absolute;bottom:15px;right:20px;z-index:3;min-height:38px;padding:9px 21px;background:#fffffff2;color:#005731;font-size:13px;gap:10px;box-shadow:0 2px 8px #001b2830}.pill-small .icon{width:17px;height:17px}
.site-footer{border-top:1px solid #e9ede6;background:#fdfdfb}.footer-inner{max-width:1320px;padding:23px 44px 14px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:21px;letter-spacing:-.8px;gap:9px}.footer-brand img{width:35px;height:45px}.footer-brand small{display:block;color:#4a5c6e;font-size:10px;font-weight:450;letter-spacing:-.025em;margin-top:4px;white-space:nowrap}.footer-nav,.channel-nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;color:#263f57}.footer-nav a,.channel-nav a{font-size:11px;min-height:30px;display:flex;align-items:center;gap:8px;white-space:nowrap}.channel-nav{gap:15px}.flag{width:19px;height:14px;border-radius:2px;box-shadow:0 0 0 1px #001c2b14;display:inline-block}.flag-de{background:linear-gradient(#111 33.33%,#e8232b 33.33% 66.66%,#ffdc29 66.66%)}.flag-fr{background:linear-gradient(90deg,#064799 33.33%,white 33.33% 66.66%,#e92f3b 66.66%)}.flag-es{background:linear-gradient(#dc192f 25%,#f9cb21 25% 75%,#dc192f 75%)}.flag-gb{background:linear-gradient(90deg,transparent 42%,#dc2539 42% 58%,transparent 58%),linear-gradient(transparent 36%,white 36% 64%,transparent 64%),linear-gradient(90deg,transparent 32%,white 32% 68%,transparent 68%),linear-gradient(transparent 44%,#dc2539 44% 56%,transparent 56%),linear-gradient(35deg,transparent 40%,white 40% 46%,#dc2539 46% 52%,white 52% 58%,transparent 58%),#17367a}.footer-credits{max-width:1320px;margin:auto;padding:0 44px 13px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#5a6b65}.footer-credits a{text-decoration:underline;text-underline-offset:3px}
dialog{border:0;color:var(--ink);padding:0;border-radius:14px;box-shadow:0 25px 100px #0005;width:min(960px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;background:#fff}dialog::backdrop{background:#05140edb;backdrop-filter:blur(5px)}.dialog-top{padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.dialog-top h2{font-size:21px;letter-spacing:-.035em}.icon-button{display:grid;place-items:center;border:1px solid #dce6df;background:#f3f7f3;border-radius:50%;width:44px;height:44px;flex:0 0 auto;color:var(--ink)}.video-player{aspect-ratio:16/9;background:#071b17}.video-player iframe{display:block;width:100%;height:100%;border:0}.video-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;font-size:12px;line-height:1.5;color:#50645b}.video-dialog-footer a{display:flex;gap:6px;align-items:center;color:var(--green);font-weight:700;white-space:nowrap}.video-dialog-footer .icon{width:17px;height:17px}.credits-dialog{max-width:790px}.credits-intro,.credits-note{padding:22px 26px 0;font-size:14px;line-height:1.65;color:#43594f}.credits-note{padding:0 26px 25px;font-size:12px}.credits-dialog a{text-decoration:underline;text-underline-offset:3px;color:#00723d}.credits-list{padding:5px 45px 15px;margin:0}.credits-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6}.credits-list li:last-child{border-bottom:0}.credits-list strong{font-size:14px}.credits-list p{margin-top:3px}.credits-page{max-width:900px;margin:50px auto;padding:0 25px}.credits-page h1{font-size:38px;letter-spacing:-.04em}.credits-page>p{margin:18px 0;line-height:1.6}.credits-page .credits-list{padding-left:22px}
@media(hover:hover) and (pointer:fine){.main-nav a:hover,.secondary-nav a:hover,.footer-nav a:hover,.channel-nav a:hover{color:var(--green)}.pill:hover{background:#009848}.pill-outline:hover{background:#d1eedb}.prediction-card:hover .pill-small{background:#e0f8e9}}
@media(min-width:1400px){.intro h1{font-size:81px}}
@media(max-width:1200px){.header-inner{gap:45px;padding:7px 30px}.main-nav{gap:24px}.secondary-nav{gap:20px}.header-links{gap:23px}.brand{font-size:27px}.header-inner{min-height:72px}.brand img{width:39px;height:50px}.page-shell{padding:0 30px 33px}.intro{padding:26px 17px 21px}.intro p{font-size:22px}.feature-content{left:25px;bottom:23px}.feature-content h2{font-size:4.25vw}.focus-badge{font-size:15px;margin-bottom:15px}.play-action{margin-top:24px;min-height:57px;font-size:17px}.play-disc{width:42px;height:42px}.secondary-video-content{inset:19px}.secondary-video h3{font-size:2.85vw}.play-outline{width:49px;height:49px;margin-top:12px}.statistics-content{padding:30px 25px}.statistics-content h2{font-size:4vw}.statistics-description{font-size:17px}.comparison-preview{margin-top:19px;padding:14px 13px 16px;width:84%}.comparison-row{grid-template-columns:68px 1fr 34px;gap:8px;font-size:16px}.comparison-row strong{font-size:22px}.comparison-preview figcaption{font-size:12px;margin-bottom:14px}.bar-track{height:27px}.pill-outline{margin-top:23px;font-size:14px;min-height:47px;padding:10px 23px}.game-content{padding:39px 25px}.game-content p{font-size:18px;margin:20px 0}.game-action{min-height:52px;font-size:17px;padding:12px 25px}.game-badges{font-size:12px;margin-top:12px}.competition-title{font-size:25px}.footer-inner{padding:21px 44px 13px;gap:20px}.footer-nav{gap:16px}.channel-nav{gap:13px}.footer-nav a,.channel-nav a{font-size:10px}.footer-brand{font-size:19px}.footer-brand small{font-size:9px}}
@media(max-width:1080px){.header-inner{gap:30px}.header-links{gap:17px}.main-nav{gap:20px}.main-nav a{font-size:13px}.secondary-nav{gap:14px}.secondary-nav a{font-size:11px}.brand{font-size:25px}.brand img{width:35px;height:46px}.language-menu{font-size:12px}.footer-inner{flex-wrap:wrap;gap:8px 26px}.footer-nav{margin-left:auto}.channel-nav{margin-left:auto}.footer-credits{padding-top:3px}.competition-title{font-size:23px;gap:10px;left:20px}.bundesliga-icon{width:50px;height:41px}.champions-icon{width:44px;height:44px}}
@media(max-width:950px){.header-inner{padding:10px 25px;flex-wrap:wrap;gap:0;justify-content:space-between;min-height:74px}.brand{font-size:26px}.brand img{width:35px;height:46px}.js .nav-toggle{display:flex}.header-links{flex-basis:100%;flex-wrap:wrap;gap:12px 30px;padding:16px 0 7px}.js .site-header[data-menu-open=false] .header-links{display:none}.main-nav{gap:24px;flex:1}.main-nav a{font-size:14px;min-height:44px}.secondary-nav{gap:24px}.secondary-nav a{font-size:12px}.language-menu{margin-left:auto}.page-shell{padding:0 25px 30px}.intro{padding:26px 5px 20px}.intro h1{font-size:6.2vw}.intro p{font-size:20px}.feature-content{left:22px;bottom:20px}.focus-badge{font-size:13px;padding:4px 11px;margin-bottom:12px}.feature-content h2{font-size:4.1vw}.play-action{margin-top:18px;min-height:49px;font-size:15px;padding:5px 18px 5px 5px;gap:10px}.play-disc{width:35px;height:35px}.play-disc:after{border-left-width:11px;border-top-width:7px;border-bottom-width:7px}.secondary-video-content{inset:16px}.secondary-video h3{font-size:2.7vw}.play-outline{width:41px;height:41px;margin-top:10px}.play-outline>span{border-left-width:12px;border-top-width:8px;border-bottom-width:8px}.section-link{font-size:13px;margin-top:8px;margin-bottom:10px}.statistics-content{padding:25px 21px}.statistics-content h2{font-size:3.85vw}.eyebrow{font-size:12px;margin-bottom:8px}.statistics-description{font-size:14px}.comparison-preview{margin-top:17px;padding:12px 11px 14px;width:87%}.comparison-preview figcaption{font-size:10px;margin-bottom:11px}.comparison-row{grid-template-columns:58px 1fr 30px;gap:6px;font-size:14px;margin-top:9px}.comparison-row strong{font-size:19px}.bar-track{height:23px}.pill-outline{margin-top:19px;font-size:12px;min-height:43px;padding:10px 17px;gap:10px}.pill-outline .icon{width:18px;height:18px}.game-content{padding:30px 21px}.game-content h2{font-size:6.3vw}.game-content h3{font-size:2.55vw}.game-content p{font-size:16px;margin:17px 0}.game-action{font-size:15px;min-height:47px;padding:10px 21px}.game-badges{font-size:11px;gap:5px;margin-top:10px}.game-badges span{padding:3px 8px}.laptop-lid{padding:17px 8px 9px;border-radius:10px 10px 4px 4px}.laptop-camera{top:6px}.laptop-base{height:23px}.predictions-section h2{font-size:28px;gap:12px}.trophy-mark{width:36px;height:36px}.competition-title{font-size:19px;left:17px;gap:10px}.bundesliga-icon{width:42px;height:36px}.bundesliga-icon .icon{width:27px;height:27px}.champions-icon{width:36px;height:36px}.champions-icon .icon{width:34px;height:34px}.prediction-card .pill-small{font-size:11px;min-height:33px;bottom:12px;right:15px;padding:8px 16px}.footer-inner{padding-left:30px;padding-right:30px}.footer-credits{padding-left:30px;padding-right:30px}}
@media(max-width:700px){.header-inner{padding:9px 20px;min-height:70px}.brand{font-size:25px}.brand img{width:33px;height:43px}.main-nav{flex-basis:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:2px 12px}.main-nav a{font-size:14px;justify-content:center;border-radius:6px}.main-nav a[aria-current=page]{background:#eaf5ed}.main-nav a[aria-current=page]:after{display:none}.secondary-nav{gap:22px}.secondary-nav a{font-size:12px}.header-links{gap:12px 20px;padding-bottom:10px}.page-shell{padding:0 20px 28px}.intro{padding:27px 1px 22px}.intro h1{font-size:clamp(35px,7.7vw,53px);line-height:1.025;letter-spacing:-.06em;white-space:normal;max-width:650px}.intro p{font-size:16px;line-height:1.45;margin-top:10px;letter-spacing:-.025em}.video-grid{display:block}.featured-video{aspect-ratio:1.5}.feature-photo{width:78%;left:22%;object-position:50% 25%}.feature-content{left:23px;bottom:24px}.focus-badge{font-size:13px;margin-bottom:13px}.feature-content h2{font-size:clamp(28px,6.5vw,43px)}.play-action{margin-top:20px;min-height:49px;font-size:15px;padding-right:18px}.play-disc{width:35px;height:35px}.secondary-videos{margin-top:13px;grid-template-columns:1fr 1fr;grid-template-rows:none;gap:13px}.secondary-video{aspect-ratio:1.45}.secondary-video-content{inset:16px 14px}.secondary-video h3{font-size:clamp(18px,3.65vw,25px)}.play-outline{margin-top:13px;width:40px;height:40px}.secondary-video:after{background:linear-gradient(90deg,#05151ac9,#05151a10)}.section-link{font-size:13px;min-height:32px;margin:6px 3px 13px}.discover-section{grid-template-columns:1fr;gap:15px}.discovery-card{aspect-ratio:1.25}.statistics-content{padding:30px 27px}.statistics-photo{right:-4%;width:63%}.eyebrow{font-size:13px;margin-bottom:10px}.statistics-content h2{font-size:clamp(34px,7.8vw,50px)}.statistics-description{font-size:17px;max-width:340px}.comparison-preview{margin-top:23px;max-width:390px;width:80%;padding:15px 14px 18px;backdrop-filter:none}.comparison-preview figcaption{font-size:12px;margin-bottom:15px}.comparison-row{font-size:17px;grid-template-columns:70px 1fr 36px;gap:8px;margin-top:12px}.comparison-row strong{font-size:22px}.bar-track{height:28px}.pill-outline{font-size:14px;min-height:47px;margin-top:24px;padding:11px 22px;gap:14px}.sample-label{font-size:9px}.game-content{padding:36px 27px}.game-content h2{font-size:clamp(60px,13vw,85px)}.game-content h3{font-size:clamp(24px,5.3vw,34px)}.game-content p{font-size:18px;margin:20px 0}.game-action{font-size:17px;min-height:52px;padding:12px 25px}.game-badges{font-size:12px;margin-top:12px}.game-badges span{padding:4px 9px}.laptop{width:78%;right:-7%;bottom:-4%}.laptop-lid{padding:20px 10px 11px}.laptop-base{height:27px}.games-link{grid-column:1;margin:-9px 3px 0}.predictions-section{margin-top:9px}.predictions-section h2{font-size:29px;margin-bottom:13px}.prediction-grid{grid-template-columns:1fr;gap:13px}.prediction-card{aspect-ratio:3.05}.competition-title{font-size:clamp(23px,5vw,29px);left:22px;gap:13px}.bundesliga-icon{width:52px;height:43px}.bundesliga-icon .icon{width:33px;height:33px}.champions-icon{width:46px;height:46px}.champions-icon .icon{width:43px;height:43px}.prediction-card .pill-small{font-size:13px;min-height:38px;bottom:14px;right:18px;padding:9px 21px}.footer-inner{padding:24px 22px 9px;display:block}.footer-brand{font-size:22px;margin-bottom:13px}.footer-brand small{font-size:10px}.footer-brand img{width:35px;height:45px}.footer-nav{margin:0;gap:8px 19px}.footer-nav a{font-size:11px;min-height:36px}.channel-nav{margin:10px 0 0;gap:7px 19px}.channel-nav a{font-size:11px;min-height:36px}.footer-credits{padding:8px 22px 19px;flex-wrap:wrap;font-size:10px;gap:12px}.dialog-top{padding:12px 16px;gap:12px}.dialog-top h2{font-size:17px}.video-dialog-footer{display:block;padding:15px 18px}.video-dialog-footer a{margin-top:10px;min-height:35px}.credits-intro{padding:18px 20px 0}.credits-list{padding-left:37px;padding-right:20px}.credits-note{padding:0 20px 20px}}
@media(max-width:430px){.page-shell{padding-left:15px;padding-right:15px}.header-inner{padding-left:17px;padding-right:17px}.intro{padding-top:25px}.intro h1{font-size:37px}.intro p{font-size:15px;max-width:320px}.featured-video{aspect-ratio:1.15}.feature-photo{width:91%;left:9%;object-position:48% 20%}.featured-video:after{background:linear-gradient(90deg,#020e1880,transparent),linear-gradient(0deg,#020f16c9,transparent 95%)}.feature-content{left:20px;bottom:22px}.feature-content h2{font-size:31px}.focus-badge{font-size:12px;margin-bottom:13px}.play-action{margin-top:18px}.secondary-videos{gap:10px;margin-top:11px}.secondary-video{aspect-ratio:1.05}.secondary-video-content{inset:15px 12px}.secondary-video h3{font-size:20px}.play-outline{width:38px;height:38px;margin-top:13px}.secondary-video .card-photo{object-position:57% 50%}.discovery-card{aspect-ratio:auto;min-height:405px}.statistics-content{padding:27px 21px}.statistics-content h2{font-size:37px}.statistics-description{font-size:15px;max-width:285px}.statistics-photo{width:68%;right:-10%;object-position:50% 20%}.comparison-preview{margin-top:22px;width:89%;padding:14px 12px 16px}.comparison-preview figcaption{font-size:11px}.comparison-row{grid-template-columns:65px 1fr 32px;font-size:16px;gap:7px}.comparison-row strong{font-size:21px}.bar-track{height:26px}.pill-outline{font-size:13px;padding:11px 20px;margin-top:25px;min-height:46px}.game-content{padding:29px 21px}.game-content h2{font-size:65px}.game-content h3{font-size:26px;max-width:300px}.game-content p{font-size:16px;max-width:290px;margin:19px 0}.game-action{font-size:16px;min-height:49px;padding:11px 23px}.game-badges{font-size:11px}.laptop{width:80%;bottom:-2%;right:-8%}.prediction-card{aspect-ratio:2.6}.competition-title{left:16px;gap:10px;font-size:23px;top:28%}.bundesliga-icon{width:44px;height:37px}.bundesliga-icon .icon{width:28px;height:28px}.champions-icon{width:37px;height:37px}.champions-icon .icon{width:36px;height:36px}.prediction-card .pill-small{right:13px;bottom:12px;font-size:12px;min-height:36px;padding:8px 17px}.prediction-ball{right:-5%}.prediction-trophy{right:12%}.predictions-section h2{font-size:27px}.trophy-mark{width:35px;height:35px}.footer-credits>span{font-size:9px}}
@media(max-width:360px){.intro h1{font-size:33px}.intro p{font-size:14px}.secondary-video h3{font-size:18px}.secondary-video-content{inset:13px 10px}.feature-content h2{font-size:28px}.feature-content{left:17px;bottom:19px}.play-action{font-size:14px;gap:10px}.discovery-card{min-height:385px}.statistics-content{padding:25px 18px}.statistics-content h2{font-size:34px}.statistics-description{font-size:14px}.comparison-preview{width:95%;padding:14px 10px}.comparison-preview figcaption{font-size:10px}.comparison-row{font-size:14px;grid-template-columns:57px 1fr 31px;gap:5px}.comparison-row strong{font-size:20px}.game-content{padding:29px 18px}.game-content h2{font-size:59px}.game-content h3{font-size:23px}.game-content p{font-size:15px}.game-action{font-size:15px}.competition-title{font-size:20px;gap:8px}.champions-icon{width:31px;height:31px}.champions-icon .icon{width:30px;height:30px}.bundesliga-icon{width:39px;height:33px}.secondary-nav{gap:18px}.language-menu{font-size:11px}}
.intro h1{letter-spacing:-.045em;word-spacing:.18em}.feature-photo{object-position:50% 0;mask-image:linear-gradient(90deg,transparent,#000 14%)}.discovery-card{aspect-ratio:auto;height:clamp(340px,37.1vw,500px)}.statistics-photo{mask-image:linear-gradient(90deg,transparent,#000 24%)}.prediction-trophy{mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 18% 82%,transparent);filter:saturate(.75) contrast(1.05)}.section-link{margin-top:7px;margin-bottom:8px}.games-link{margin-top:4px;margin-bottom:0}.predictions-section{margin-top:-8px}.prediction-background{object-position:center 36%}
@media(min-width:951px) and (max-width:1200px){.header-inner{padding:7px 48px;gap:60px;min-height:66px}.intro{padding-top:22px;padding-bottom:17px}}
@media(min-width:701px){.laptop{bottom:-13%;right:-10%;width:78%}}
@media(max-width:1080px) and (min-width:951px){.header-inner{padding-left:30px;padding-right:30px;gap:35px}}
@media(max-width:700px){.predictions-section{margin-top:9px}.section-link{margin-top:6px;margin-bottom:13px}.games-link{margin:-9px 3px 0}.intro h1{letter-spacing:-.05em;word-spacing:.12em}}
@media(max-width:700px){.discovery-card{height:auto;min-height:405px;aspect-ratio:1.25}.feature-photo{object-position:50% 0}}
@media(max-width:430px){.discovery-card{aspect-ratio:auto;min-height:405px}}
@media(max-width:360px){.discovery-card{min-height:385px}}
/* One shared motion system for video, discovery and prediction tiles. */
:root{--hover-duration:.32s;--hover-ease:cubic-bezier(.2,.7,.3,1);--hover-lift:-5px;--hover-zoom:1.045;--hover-shadow:0 15px 30px #123b2024,0 0 0 1px #00754135}
:is(.media-card,.discovery-card,.prediction-card){transition:transform var(--hover-duration) var(--hover-ease),box-shadow var(--hover-duration) var(--hover-ease)}
:is(.card-photo,.statistics-photo,.laptop,.prediction-background,.prediction-artwork){transition:transform var(--hover-duration) var(--hover-ease)}
.statistics-photo{transform-origin:70% 45%}
.pill,.section-link .icon,.pill .icon{transition-duration:var(--hover-duration);transition-timing-function:var(--hover-ease)}
.pill .icon{transition-property:transform}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  :is(.media-card,.discovery-card,.prediction-card):is(:hover,:focus-within){transform:translateY(var(--hover-lift));box-shadow:var(--hover-shadow)}
  :is(.media-card,.discovery-card,.prediction-card):is(:hover,:focus-within) :is(.card-photo,.statistics-photo,.prediction-background,.prediction-artwork){transform:scale(var(--hover-zoom))}
  .game-card:is(:hover,:focus-within) .laptop{transform:rotate(-7deg) skewX(-6deg) scale(var(--hover-zoom))}
  :is(.media-card,.discovery-card,.prediction-card):is(:hover,:focus-within) .pill .icon,.section-link:is(:hover,:focus-visible) .icon{transform:translateX(4px)}
}
/* Supplied prediction artwork: softly filled background plus an intact focal motif. */
.prediction-background{transform:none;filter:blur(3px) brightness(.78);object-position:center 48%}
.prediction-champions .prediction-background{filter:blur(3px) brightness(.65)}
.prediction-bundesliga .prediction-background{object-position:center top}
.prediction-artwork{position:absolute;right:-5%;top:-20%;height:140%;width:auto;max-width:none;z-index:0;mask-image:linear-gradient(90deg,transparent,#000 22%);transform-origin:60% 50%;pointer-events:none}
.prediction-bundesliga .prediction-artwork{height:190%;top:-55%;right:-25%}
.prediction-card:after{background:linear-gradient(90deg,#03271cc7,transparent 80%)}
.prediction-champions:after{background:linear-gradient(90deg,#001332ce,transparent 82%)}
.competition-title{max-width:90%}
/* User-supplied paper / pitch artwork. Natural image proportions, no fixed scroll layer. */
:root{background:#faf7ef}
body{position:relative;isolation:isolate;background:#faf7ef}
body::before,body::after{content:'';position:absolute;width:clamp(280px,48vw,768px);aspect-ratio:3/2;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;mask-size:100% 100%;mask-repeat:no-repeat;mask-composite:intersect}
body::before{top:0;left:0;background-image:url('../img/background-top-left.webp');mask-image:linear-gradient(to right,#000 25%,transparent 100%),linear-gradient(to bottom,#000 30%,transparent 100%)}
body::after{bottom:0;right:0;background-image:url('../img/background-bottom-right.webp');mask-image:linear-gradient(to left,#000 25%,transparent 100%),linear-gradient(to top,#000 30%,transparent 100%)}
.site-header{background:#fffefaf2}
.site-footer{background:#fffefab8}
@media(max-width:700px){body::before,body::after{width:280px;opacity:.72}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}