@font-face{font-family:Captain;src:url('assets/american-captain-eternal-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--navy:#100c27;--white:#faf7ff;--muted:#d6cee8;--yellow:#ffe34d;--pink:#ec2b86}
*{box-sizing:border-box}
html{background:#000;scrollbar-color:#dfb846 #100c27;scrollbar-width:thin}
body{margin:0;min-height:100vh;isolation:isolate;color:var(--white);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:#000}
.page-background{position:fixed;inset:0;z-index:-2;pointer-events:none;background:#000 url('assets/BG.png') center center/cover no-repeat}
html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#100c27}html::-webkit-scrollbar-thumb{background:linear-gradient(#ffec9a,#dfb846,#a47720);border:2px solid #100c27;border-radius:8px}html::-webkit-scrollbar-thumb:hover{background:#ffe18a}
.decorations{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.decor{position:absolute;width:clamp(72px,10vw,150px);height:auto;opacity:.36;filter:drop-shadow(0 0 12px #dfb84630)}
.decor-one{left:7%;top:12%;transform:rotate(-32deg)}
.decor-two{right:6%;top:32%;transform:rotate(24deg);width:100px;opacity:.25}
.decor-three{left:4%;bottom:15%;transform:rotate(38deg);width:110px}
.decor-four{right:12%;bottom:5%;transform:rotate(-58deg);width:76px;opacity:.26}
.top-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:20;pointer-events:none;overflow:hidden}
.scroll-progress,.load-progress{position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#b88322,#e4be50,#fff1b1);box-shadow:0 0 12px #f5d36a88}
.load-progress{display:none}
html.is-loading .load-progress{display:block;animation:loading 1.4s ease-in-out infinite;transform-origin:left}
html.is-loaded .load-progress{display:block;transform:scaleX(1);animation:loaded .45s ease-out forwards}
@keyframes loading{0%{transform:translateX(-35%) scaleX(.3)}100%{transform:translateX(100%) scaleX(.6)}}
@keyframes loaded{to{opacity:0}}
.logo-effect{position:relative;display:inline-block;vertical-align:middle;transition:transform .4s ease,filter .4s ease}
.logo-effect::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#fff4c2d9 48%,#fff 50%,transparent 62%);background-size:300% 100%;background-position:100% 0;opacity:0;mask:var(--logo-mask) center/contain no-repeat;-webkit-mask:var(--logo-mask) center/contain no-repeat}
.logo-redbull{--logo-mask:url('assets/Logo.png')}
.logo-varta{--logo-mask:url('assets/varta_2026.png')}
@media(hover:hover){.logo-effect:hover{transform:scale(1.08);filter:drop-shadow(0 0 18px #ffdf6566)}.logo-effect:hover::after{opacity:.8;animation:logo-shine 1.15s ease-out forwards}}
@keyframes logo-shine{from{background-position:100% 0}to{background-position:0% 0}}
main{width:min(100% - 48px,860px);margin:auto;padding:36px 0 64px;text-align:center;text-shadow:0 2px 14px #080415}
.brand{display:flex;justify-content:center;margin-bottom:26px}
.brand img{display:block;width:204px;height:auto}
h1{font-family:Captain,Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(36px,11.5vw,116px);line-height:1;margin:0 0 23px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 5px 35px #bb39ac30}
p{margin:0;text-wrap:pretty}
.intro{font-size:clamp(19px,2.5vw,24px);line-height:1.55;font-weight:500}
.next-challenge{position:relative;max-width:680px;margin:38px auto 0;padding:30px 48px 32px;border-top:1px solid #dcbaff3b;border-bottom:1px solid #dcbaff3b;background:linear-gradient(90deg,transparent,#61358b19,transparent)}
.next-challenge p{position:relative;font-size:clamp(18px,2.3vw,22px);line-height:1.65}
strong{font-weight:700}.date{color:var(--yellow);white-space:nowrap}
.magnifier{position:absolute;right:-87px;top:-12px;width:118px;height:auto;transform:rotate(12deg);opacity:.48;pointer-events:none}
.broadcast{max-width:642px;margin:44px auto 0}
.broadcast>p{font-size:17px;line-height:1.8;color:var(--muted)}
.broadcast>p strong{color:var(--white)}
.channels{list-style:none;margin:27px 0 0;padding:0}
.channels li+li{margin-top:12px}
.channels a{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:490px;min-height:72px;margin:auto;padding:19px 26px;text-align:left;border:1px solid #cb74d178;border-radius:4px;background:linear-gradient(110deg,#5a266e80,#30224c90);color:var(--white);text-decoration:none;font-size:clamp(17px,2.3vw,21px);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.channels a:hover{background:#633477a6;border-color:#f5c3f7;transform:translateY(-3px);box-shadow:0 8px 30px #0003}
.channels a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}
.arrow{color:var(--yellow);font-size:28px;line-height:1}
.partner{margin:54px auto 0}
.partner p{color:#c5bcd8;font-size:12px;text-transform:uppercase;letter-spacing:3px;margin-bottom:18px}
.partner img{display:block;width:180px;height:auto;margin:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.entrance{animation:enter .85s ease-out both}.hero.entrance{animation-delay:.12s}.reveal.is-pending{opacity:0;transform:translateY(20px)}.reveal{transition:opacity .7s ease,transform .7s ease}}
@media(max-width:1000px){.magnifier{right:-34px;width:92px;opacity:.28}}
@media(max-width:600px){main{width:calc(100% - 40px);padding:26px 0 42px}.brand{margin-bottom:26px}.brand img{width:158px}h1{font-size:clamp(36px,11.5vw,66px);margin-bottom:19px;letter-spacing:.5px}.intro{font-size:19px}.desktop-break{display:none}.next-challenge{margin-top:29px;padding:26px 10px}.next-challenge p{font-size:18px;line-height:1.65}.magnifier{width:65px;right:0;top:-27px;opacity:.19}.broadcast{margin-top:30px}.broadcast>p{font-size:16px;line-height:1.75}.channels{margin-top:24px}.channels a{padding:17px 18px;min-height:66px;font-size:17px;gap:8px}.arrow{font-size:25px}.partner{margin-top:40px}.partner img{width:156px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.is-pending{opacity:1;transform:none}}

@media(max-width:600px){.decor{opacity:.18}.decor-one{left:-22px;top:9%;width:80px}.decor-two{right:-28px;top:38%;width:90px}.decor-three{left:-27px;bottom:16%;width:78px}.decor-four{right:8px;bottom:3%;width:48px;opacity:.23}}
@media(prefers-reduced-motion:reduce){.logo-effect:hover{transform:none}.logo-effect:hover::after{display:none}html.is-loading .load-progress{transform:scaleX(.35)}html.is-loaded .load-progress{display:none}}

/* Wyśrodkowanie kompozycji i większy oddech nad logo. */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
main{flex:none;margin-block:auto;padding-top:80px;padding-bottom:80px}
@media(max-width:600px){main{padding-top:56px;padding-bottom:56px}}

/* Dłuższe nazwy kanałów mieszczą się także na wąskim ekranie. */
.channels a>span:first-child{min-width:0;overflow-wrap:anywhere}
.channels .arrow{flex-shrink:0}

/* Główny LP — zapowiedź wyzwania. */
h1{font-size:clamp(36px,8.3vw,88px);line-height:1.05;margin-bottom:26px}
h1>span{display:block}
.intro{max-width:680px;margin-inline:auto}
.next-challenge{max-width:740px;padding:30px 24px;border-color:#e4be504f}
.next-challenge p{font-size:19px;line-height:1.8}
.game-cta{margin:32px auto 0}
.game-cta p{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#c8c1b1;margin-bottom:12px}
.game-soon{display:block;width:228px;min-height:62px;margin:auto;border:1px solid #fff0aa;border-radius:4px;background:linear-gradient(110deg,#c79f35,#f0d36e,#ddba49);color:#171207;font-family:inherit;font-size:20px;font-weight:800;letter-spacing:4px;box-shadow:0 0 28px #dfb84624;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#171207}
.prizes{margin:64px auto 0;max-width:800px}
h2{font-family:inherit;font-size:clamp(22px,3vw,28px);line-height:1.4;margin:0 0 28px;font-weight:700;text-wrap:balance}
.prize-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;text-align:left}
.prize-list li{padding:26px;border:1px solid #e4be5040;border-top:2px solid #ddba49;background:linear-gradient(145deg,#272318b3,#090909cc);border-radius:4px}
.prize-count{display:block;color:var(--yellow);font-family:Captain,Impact,sans-serif;font-size:42px;line-height:1;margin-bottom:18px}
.prize-list p{font-size:16px;line-height:1.8;color:#ddd9d1}
.prize-list strong{color:#fff}
.broadcast{max-width:800px;margin-top:64px}
.broadcast>p{max-width:670px;margin-inline:auto}
.channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
.channels li+li{margin-top:0}
.channels li:first-child{grid-column:1/-1}
.channels a{max-width:none;height:100%;min-height:78px;padding:16px 22px;background:linear-gradient(110deg,#252119d9,#121212d9);border-color:#e4be5047;font-size:20px}
.channels a:hover{background:#30291de6;border-color:#e4be50;box-shadow:0 8px 30px #dfb84612}
.channels li:first-child a{border-color:#e4be5080}
.channel-name{display:flex;flex-direction:column;gap:5px}
.channel-platform{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#bdb6a4}
.partner{margin-top:60px}
@media(max-width:600px){h1{font-size:clamp(31px,9.2vw,55px);letter-spacing:0;line-height:1.13}.next-challenge{padding:25px 8px}.next-challenge p{font-size:17px;line-height:1.8}.prizes,.broadcast{margin-top:46px}.prize-list{grid-template-columns:1fr;gap:14px}.prize-list li{padding:22px}.prize-count{font-size:36px;margin-bottom:14px}.channels{grid-template-columns:1fr}.channels a{font-size:19px;padding:16px 20px}.game-soon{width:210px;min-height:60px}.partner{margin-top:46px}}

/* Wersja 2: równe bloki, jednoznacznie nieaktywny przycisk i player. */
[hidden]{display:none!important}
.game-cta p{font-size:16px;line-height:1.5;font-weight:700;letter-spacing:1.3px;color:#fff;text-shadow:0 2px 8px #000;margin-bottom:14px}
.game-soon:disabled{background:linear-gradient(110deg,#3b3b3b,#2c2c2c);border-color:#666;color:#c6c6c6;-webkit-text-fill-color:#c6c6c6;box-shadow:none;opacity:1;cursor:not-allowed}
.prize-list{gap:18px}
.prize-list li{display:grid;grid-template-rows:auto 2.8em 1fr;align-content:start;background:#10100fed}
.prize-list h3{margin:0;font-size:18px;line-height:1.4;color:#fff;text-wrap:balance}
.prize-list p{margin-top:16px;text-wrap:initial}
.broadcast>p{background:#0009;border-radius:4px;padding:14px 16px}
.channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.channels li:first-child{grid-column:auto}
.channel-card{min-width:0;border:1px solid #e4be5047;border-radius:4px;background:#111110ed;overflow:hidden}
.channels a,.channels li:first-child a{border:0;border-radius:0;background:transparent;height:auto;min-height:90px;padding:18px 16px;font-size:18px;gap:8px}
.channels a:hover{transform:none;box-shadow:none;background:#25221b}
.channels a:focus-visible{outline-offset:-4px}
.channels .arrow{font-size:22px}
.channel-name strong{overflow-wrap:anywhere}
.watch-stream{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#211e16;color:#eed575;border:0;border-top:1px solid #e4be5033;font:600 13px/1.4 system-ui;cursor:pointer}
.watch-stream:hover,.watch-stream[aria-pressed="true"]{background:#e0bd55;color:#15120b}
.watch-stream:focus-visible,.close-stream:focus-visible,.stream-external:focus-visible{outline:3px solid #ffe34d;outline-offset:-3px}
.stream-panel{margin-top:30px;padding:0;background:#0c0c0c;border:1px solid #e4be5066;border-radius:4px;overflow:hidden;scroll-margin-top:24px}
.stream-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}
.stream-toolbar h2{margin:0;font-size:18px;text-align:left;overflow-wrap:anywhere}
.close-stream{flex-shrink:0;color:#ddd;background:#242424;border:1px solid #555;border-radius:3px;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer}
.stream-frame{width:100%;aspect-ratio:16/9;min-height:300px;background:#000}
.stream-frame iframe{display:block;width:100%;height:100%;min-height:300px;border:0}
.stream-fallback{padding:14px 18px;font-size:13px;line-height:1.7;color:#bbb}
.stream-external{color:#f0d36e;text-underline-offset:3px}
@media(max-width:700px){.channels{grid-template-columns:1fr}.prize-list{grid-template-columns:1fr}.prize-list li{grid-template-rows:auto auto auto}.prize-list h3{font-size:18px}.channels a{min-height:82px;font-size:19px;padding:16px 20px}.watch-stream{padding-inline:20px}}

/* Wersja 3 — karty z podglądem wideo, jak w katalogu transmisji. */
.broadcast{margin-top:20px}
.broadcast>p{padding:0;max-width:740px;background:none;border-radius:0;line-height:1.65}
.channels{margin-top:18px;gap:24px 16px}
.channel-card{border:0;border-radius:0;background:transparent;overflow:visible;text-align:left}
.preview-wrap{position:relative;aspect-ratio:16/9;background:#161616;isolation:isolate}
.channels .preview-link{position:absolute;inset:0;display:block;min-height:0;height:100%;padding:0;margin:0;background:#121212;overflow:hidden}
.channels li:first-child .preview-link{padding:0;min-height:0}
.preview-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#111 url('assets/BG.png') center/cover;color:#ded5be;font-size:13px}
.preview-fallback img{width:62px;height:auto}
.stream-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#141414}
.preview-platform{position:absolute;top:8px;left:8px;padding:3px 7px;border-radius:3px;background:#090909dc;color:#fff;font-size:11px;font-weight:700;line-height:1.5;z-index:1}
.channels .watch-stream{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;height:100%;padding:0;border:0;background:transparent;color:white;z-index:2}
.play-icon{display:grid;place-items:center;width:40px;height:40px;padding-left:3px;background:#0009;border:1px solid #ffffff80;border-radius:50%;font-size:16px;box-shadow:0 2px 12px #0005}
.watch-caption{background:#000b;padding:4px 8px;font-size:11px;opacity:0;transition:opacity .2s}
.channels .watch-stream:hover,.channels .watch-stream:focus-visible{background:#0003;color:white}
.watch-stream:hover .watch-caption,.watch-stream:focus-visible .watch-caption{opacity:1}
.watch-stream[aria-pressed="true"]{outline:2px solid #e4be50;outline-offset:-2px}
.preview-wrap:hover{box-shadow:-3px 3px 0 #dfb846}
.channels .channel-details,.channels li:first-child .channel-details{display:flex;justify-content:flex-start;align-items:flex-start;min-height:0;height:auto;padding:11px 0 0;gap:10px;background:transparent;border:0;font-size:16px}
.channels .channel-details:hover{background:transparent}
.channel-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#26241f;color:#dfc879;font-weight:700;font-size:14px}
.channel-details .channel-name{flex:1;min-width:0;gap:3px;line-height:1.35}
.channel-details .channel-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.channel-details .channel-platform{font-size:12px;letter-spacing:0;text-transform:none;color:#bdb9b1}
.channel-details .arrow{font-size:18px;color:#c9b668}
.partner{margin-top:32px}
@media(min-width:701px){.broadcast{max-width:860px}.prizes{max-width:860px}}
@media(max-width:700px){.broadcast{margin-top:18px}.channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.channels .channel-details{font-size:15px}.channel-avatar{display:none}.preview-fallback{gap:6px;font-size:11px}.preview-fallback img{width:40px}}
@media(max-width:460px){.channels{grid-template-columns:1fr;gap:22px}.channels .channel-details{font-size:17px}.channel-avatar{display:grid}.preview-fallback img{width:70px}.preview-fallback{font-size:14px}.partner{margin-top:28px}}

/* Wersja 4: wizualne oddzielenie nagród, zapowiedzi i transmisji. */
.prize-list{gap:28px}
.broadcast{margin-top:48px}
.broadcast>p{max-width:720px;line-height:1.8;padding-inline:12px}
.stream-directory{margin-top:36px;padding:30px 24px 28px;background:linear-gradient(145deg,#18160ff5,#080808f2 45%,#11100df5);border:1px solid #cda94759;border-top:2px solid #ddba49;border-radius:10px;box-shadow:0 16px 44px #0008,inset 0 1px 0 #ffe5990d}
.directory-heading{display:flex;align-items:center;gap:20px;margin-bottom:26px}
.directory-heading>span{height:1px;flex:1;background:linear-gradient(90deg,transparent,#d9b94e66)}
.directory-heading>span:last-child{transform:rotate(180deg)}
.directory-heading h2{margin:0;color:#eed478;font-size:20px;line-height:1.4;font-weight:700;letter-spacing:.5px;text-align:center}
.stream-directory .channels{margin-top:0;gap:28px 18px}
.stream-directory .stream-panel{margin-top:0;margin-bottom:28px}
.preview-wrap{border-radius:4px;overflow:hidden}
.channel-details .channel-name strong{color:#fff}
.partner{margin-top:48px}
@media(max-width:700px){.prize-list{gap:22px}.broadcast{margin-top:36px}.stream-directory{margin-top:28px;padding:24px 18px;border-radius:8px}.directory-heading{gap:12px;margin-bottom:22px}.directory-heading h2{font-size:18px}.stream-directory .channels{gap:26px 16px}.partner{margin-top:38px}}
@media(max-width:460px){.stream-directory{padding:22px 14px}.directory-heading{gap:8px}.directory-heading h2{font-size:17px}.broadcast>p{padding-inline:0}}