Jediný český zástupce v LM: Slavia dnes v Edenu přivítá RC Lens od 21:00
.hmmHL{--g:255,209,120;--gold:#ffd178;--gold-l:#ffe8b8;--gold-d:#c8a000;--lime:#d4f244;
font-family:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#f8fbff;margin:0 0 26px;box-sizing:border-box}
.hmmHL *{box-sizing:border-box}
/* ---------- HERO ---------- */
.hmmHL__hero{position:relative;border-radius:20px;overflow:hidden;
border:1.5px solid rgba(var(--g),.24);
background:linear-gradient(180deg,rgba(14,23,41,.90),rgba(6,11,21,.96)),radial-gradient(140% 130% at 50% 0%,rgba(var(--g),.16),transparent 62%);
box-shadow:0 40px 90px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 1.5px 0 rgba(255,255,255,.18)}
.hmmHL__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.hmmHL__lg{font-size:10px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--g),.85)}
.hmmHL__st{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:1000;letter-spacing:.1em;text-transform:uppercase;color:rgba(248,251,255,.6)}
.hmmHL__dot{width:9px;height:9px;border-radius:50%;background:rgba(248,251,255,.32)}
.hmmHL.is-live .hmmHL__dot{background:var(--lime);box-shadow:0 0 12px rgba(182,211,0,.95);animation:hmmHLp 1.3s ease-in-out infinite}
.hmmHL.is-live .hmmHL__st{color:var(--lime);text-shadow:0 0 12px rgba(182,211,0,.55)}
@keyframes hmmHLp{0%,100%{opacity:1}50%{opacity:.28}}
@media(prefers-reduced-motion:reduce){.hmmHL.is-live .hmmHL__dot{animation:none}}
.hmmHL__main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;padding:26px 12px 20px}
.hmmHL__tm{text-align:center;min-width:0}
.hmmHL__lo{width:40px;height:40px;object-fit:contain;margin:0 auto 10px;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}
.hmmHL__nm{font-size:15px;font-weight:1000;line-height:1.2;letter-spacing:-.015em}
.hmmHL__frm{margin-top:7px;display:flex;gap:3px;justify-content:center}
.hmmHL__f{width:17px;height:17px;border-radius:5px;font-size:9.5px;font-weight:1000;display:flex;align-items:center;justify-content:center;color:#0b1020}
.hmmHL__f--W{background:var(--lime)}.hmmHL__f--D{background:rgba(248,251,255,.42)}.hmmHL__f--L{background:#ff5c6e;color:#fff}
.hmmHL__mid{text-align:center;padding:0 6px}
.hmmHL__sc{font-size:64px;font-weight:1000;letter-spacing:-.05em;line-height:.95;white-space:nowrap;
background:linear-gradient(180deg,var(--gold-l),var(--gold) 52%,var(--gold-d));-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 4px 18px rgba(var(--g),.32))}
.hmmHL__vs{font-size:30px;font-weight:1000;color:rgba(248,251,255,.26);letter-spacing:.02em}
.hmmHL__mn{margin-top:9px;font-size:14px;font-weight:1000;color:rgba(248,251,255,.55);letter-spacing:.02em}
.hmmHL.is-live .hmmHL__mn{color:var(--lime);text-shadow:0 0 10px rgba(182,211,0,.4)}
.hmmHL__ht{margin-top:3px;font-size:11px;color:rgba(248,251,255,.38);font-weight:800}
/* ---------- KURZY ---------- */
.hmmHL__odds{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:2px 14px 14px}
.hmmHL__odd{display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 6px;border-radius:12px;text-decoration:none;
border:1px solid rgba(var(--g),.2);background:rgba(255,255,255,.04);transition:transform .15s,border-color .15s,background .15s}
.hmmHL__odd:hover{transform:translateY(-2px);border-color:rgba(var(--g),.45);background:rgba(var(--g),.1)}
.hmmHL__ot{font-size:9.5px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase;color:rgba(248,251,255,.5)}
.hmmHL__ov{font-size:21px;font-weight:1000;color:var(--gold);letter-spacing:-.025em}
.hmmHL__odd--fav{border-color:rgba(212,242,68,.4);background:rgba(212,242,68,.07)}
.hmmHL__odd--fav .hmmHL__ov{color:var(--lime);text-shadow:0 0 12px rgba(182,211,0,.5)}
.hmmHL__note{padding:0 14px 13px;text-align:center;font-size:10px;color:rgba(248,251,255,.34);letter-spacing:.03em;line-height:1.5}
.hmmHL__cta{display:block;padding:14px;text-align:center;font-size:12.5px;font-weight:1000;letter-spacing:.02em;text-decoration:none;
color:#0b1020;background:linear-gradient(180deg,var(--gold-l),var(--gold));border-top:1px solid rgba(var(--g),.25)}
.hmmHL__cta:hover{filter:brightness(1.08)}
/* ---------- SEKCE ---------- */
.hmmHL__sec{padding:0 16px}
.hmmHL__hd{font-size:9.5px;font-weight:1000;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--g),.78);margin:0 0 11px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.hmmHL__ev{display:flex;gap:9px;padding:6px 0;font-size:13.5px;line-height:1.35}
.hmmHL__evm{flex:0 0 36px;font-weight:1000;color:var(--gold);font-size:12.5px}
.hmmHL__evi{flex:0 0 18px;text-align:center}
.hmmHL__evt{flex:1;min-width:0;color:rgba(248,251,255,.9)}
.hmmHL__evt i{font-style:normal;color:rgba(248,251,255,.45);font-size:11.5px}
.hmmHL__row{margin-bottom:12px}
.hmmHL__rt{display:flex;justify-content:space-between;font-size:13.5px;font-weight:1000;margin-bottom:4px}
.hmmHL__rl{font-size:9px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:rgba(248,251,255,.4);text-align:center;margin-bottom:6px}
.hmmHL__bar2{display:flex;height:8px;border-radius:5px;overflow:hidden;background:rgba(255,255,255,.06)}
.hmmHL__bh{background:linear-gradient(90deg,var(--gold-d),var(--gold));transition:width .6s ease}
.hmmHL__ba{background:rgba(255,255,255,.22);transition:width .6s ease}
.hmmHL__pre{font-size:11.5px;color:rgba(248,251,255,.42);text-align:center;padding:0 16px 16px;line-height:1.55}
.hmmHL__upd{padding:0 14px 14px;text-align:center;font-size:9.5px;color:rgba(248,251,255,.26);letter-spacing:.05em}
@media(max-width:540px){
.hmmHL__sc{font-size:46px}.hmmHL__vs{font-size:24px}.hmmHL__lo{width:34px;height:34px}
.hmmHL__nm{font-size:12.5px}.hmmHL__ov{font-size:18px}.hmmHL__main{padding:20px 8px 16px}
}
Vsaď si u Tipsportu →
(function(){
var box=document.getElementById('hmmHL-8477963');
if(!box||box.dataset.init) return;
box.dataset.init='1';
var MID=box.dataset.mid, FID=box.dataset.fix;
var TIPS='https://wp.hmmsport.cz/wp-json/hmmsport/v1/match/'+MID;
var FOOT='/api/football/fixture?id='+FID;
var LIVE=['1H','2H','HT','ET','BT','P','LIVE','INT'], DONE=['FT','AET','PEN'];
var q=function(c){return box.querySelector(c);};
var elStx=q('.hmmHL__stx'), elSc=q('.hmmHL__sc'), elMn=q('.hmmHL__mn'), elHt=q('.hmmHL__ht'),
elOd=q('.hmmHL__odds'), elNote=q('.hmmHL__note'), elEvs=q('.hmmHL__evs'),
elSts=q('.hmmHL__sts'), elPre=q('.hmmHL__pre'), elUpd=q('.hmmHL__upd');
function esc(s){return String(s==null?'':s).replace(/[&"]/g,function(c){return {'&':'&','':'>','"':'"'}[c];});}
function label(s){
var m={'NS':'Dnes 21:00','1H':'1. poločas','HT':'Poločas','2H':'2. poločas','ET':'Prodloužení',
'P':'Penalty','FT':'Konec','AET':'Konec po prodl.','PEN':'Konec po pen.',
'PST':'Odloženo','CANC':'Zrušeno','ABD':'Přerušeno','SUSP':'Přerušeno','INT':'Přerušeno'};
return m[s]||s||'';
}
/* --- statistiky před výkopem: forma ze sezóny, ať blok nikdy nezeje prázdnotou --- */
var PRE=[
['Výhry z posl. 5 zápasů',3,2],
['Vstřelené góly (posl. 5)',12,7],
['Inkasované góly (posl. 5)',4,7],
['Kurz Tipsport',2.66,2.62]
];
function paintPre(){
var rows='';
PRE.forEach(function(p){
var h=p[1],a=p[2],t=h+a,hp=t>0?h/t*100:50;
rows+='
Slavia Praha
RVV
vs
RC Lens
VPP
'+h+''+a+'
'
+ ''+p[0]+'
📊 Před zápasem
'+rows;
elPre.textContent='Živé skóre, góly i statistiky zápasu naskočí sem automaticky po výkopu. Stránku obnovovat nemusíte. ⚽';
}
function paintOdds(d){
var o=d&&d.odds;
if(!o||!o.length){return;}
var url=d.matchUrl?('https://www.tipsport.cz'+d.matchUrl):'https://www.tipsport.cz/kurzy/zapas/fotbal-mlada-boleslav-banik-ostrava/'+MID;
var vals=o.map(function(x){return parseFloat(x.odd)||0;}).filter(Boolean);
var min=vals.length?Math.min.apply(null,vals):0;
var LB={'1':'Slavia','x':'Remíza','X':'Remíza','2':'Lens'};
var ORD={'1':0,'x':1,'X':1,'2':2};
var html='';
o.slice().sort(function(p,q){
var pa=ORD[p.type], qa=ORD[q.type];
return (pa===undefined?9:pa)-(qa===undefined?9:qa);
}).forEach(function(x){
var v=parseFloat(x.odd)||0;
html+=''
+ ''+esc(LB[x.type]||x.type)+''
+ ''+v.toFixed(2)+'';
});
elOd.innerHTML=html;
elNote.innerHTML='Kurzy dodává náš partner Tipsport · 18+ hraj zodpovědně'+(d.tv?' · TV: '+esc(d.tv):'');
}
function paintEvents(d){
var ev=(d.events||[]).filter(function(e){return e.type==='Goal'||(e.type==='Card'&&/Red/i.test(e.detail||''));});
if(!ev.length){elEvs.hidden=true;return;}
var hid=d.home&&d.home.id, html='⚽ Góly a vyloučení
';
ev.forEach(function(e){
var side=(e.team_id===hid)?d.home.name:(d.away?d.away.name:'');
var min=e.minute+(e.extra?'+'+e.extra:'')+"'";
html+=''+esc(min)+''
+ ''+(e.type==='Goal'?'⚽':'🟥')+''
+ ''+esc(e.player)+''
+ (e.assist?' ('+esc(e.assist)+')':'')+' · '+esc(side)+'
';
});
elEvs.innerHTML=html; elEvs.hidden=false;
}
var ROWS=[['Ball Possession','Držení míče'],['Shots on Goal','Střely na branku'],
['Total Shots','Střely celkem'],['Corner Kicks','Rohy'],['Fouls','Fauly'],['Yellow Cards','Žluté karty']];
function n(v){if(v==null||v==='')return null;var x=parseFloat(String(v).replace('%',''));return isNaN(x)?null:x;}
var posledniStaty=null;
function celkemStrel(s){
var t=n(s['Total Shots']); if(t!==null) return t;
var a=n(s['Shots on Goal']), b=n(s['Shots off Goal']), c=n(s['Blocked Shots']);
if(a===null&&b===null&&c===null) return null;
return (a||0)+(b||0)+(c||0);
}
function paintStats(d){
var sh=d.stats_home, sa=d.stats_away;
if(!sh||!sa||Array.isArray(sh)) return false;
var rows='', maData=false;
ROWS.forEach(function(p){
var h,a;
if(p[0]==='Total Shots'){ h=celkemStrel(sh); a=celkemStrel(sa); }
else { h=n(sh[p[0]]); a=n(sa[p[0]]); }
if(h===null||a===null) return;
if(p[0]==='Ball Possession'&&h+a===0) return;
if(h>0||a>0) maData=true;
var t=h+a,hp=t>0?h/t*100:50;
var sf=p[0]==='Ball Possession'?' %':'';
rows+=''+h+sf+''+a+sf+'
'
+ ''+p[1]+'
📊 Statistiky zápasu
'+rows;
elSts.innerHTML=posledniStaty;
elPre.textContent='';
return true;
}
var state={live:false,done:false}, tipsOk=false;
function stamp(){
var t=new Date();
elUpd.textContent='Aktualizováno '+('0'+t.getHours()).slice(-2)+':'+('0'+t.getMinutes()).slice(-2)
+(state.live?' · obnovuje se každých 25 s':'');
}
/* --- TIPSPORT = primární zdroj skóre, minuty, stavu i kurzů --- */
function tsNum(v){var n=parseInt(v,10);return isNaN(n)?null:n;}
function tsLabel(d){
var mt=d.matchType||'', s=String(d.status||'');
if(mt==='FINISHED') return 'Konec';
if(mt==='PENALTIES') return 'Penalty';
if(/přestáv/i.test(s)) return 'Poločas';
if(/2s*.s*pol/i.test(s)) return '2. poločas';
if(/1s*.s*pol/i.test(s)) return '1. poločas';
if(mt==='LIVE') return 'Živě';
return label('NS');
}
function paintTips(d){
var mt=d.matchType||'';
tipsOk=true;
state.live=(mt==='LIVE'||mt==='PENALTIES'); state.done=(mt==='FINISHED');
box.classList.toggle('is-live',state.live);
elStx.textContent=tsLabel(d);
var h=tsNum(d.scoreHome), a=tsNum(d.scoreAway);
if((state.live||state.done)&&h!==null&&a!==null){
elSc.innerHTML=h+' : '+a;
elMn.textContent=state.live?(d.time||''):'Konec zápasu';
var m=/((d+)s*:s*(d+)/.exec(String(d.status||''));
if(m) elHt.textContent='Poločas '+m[1]+':'+m[2];
}
paintOdds(d);
stamp();
}
/* --- api-football = statistiky a góly (Tipsport je nedodává) + fallback skóre --- */
function paintFoot(d){
var st=d.status_short||'NS';
if(!tipsOk){
state.live=LIVE.indexOf(st)>-1; state.done=DONE.indexOf(st)>-1;
box.classList.toggle('is-live',state.live);
elStx.textContent=label(st);
if(state.live||state.done){
var h=(d.score&&d.score.home!=null)?d.score.home:0, a=(d.score&&d.score.away!=null)?d.score.away:0;
elSc.innerHTML=h+' : '+a;
elMn.textContent=state.live&&d.elapsed!=null?d.elapsed+"'":(state.done?'Konec zápasu':'');
if(d.score_ht&&d.score_ht.home!=null) elHt.textContent='Poločas '+d.score_ht.home+':'+d.score_ht.away;
}
}
if(state.live||state.done){
paintEvents(d);
if(!paintStats(d)){
elPre.textContent='Statistiky dodá poskytovatel během pár minut od výkopu.';
}
}
stamp();
}
var timer=null;
function schedule(){
if(timer) clearTimeout(timer);
if(state.done) return;
var toKick=parseInt(box.dataset.kick,10)*1000-Date.now();
timer=setTimeout(tick, state.live?25000:(toKick>900000?600000:45000));
}
function tick(){
fetch(TIPS,{cache:'no-store'}).then(function(r){return r.ok?r.json():null;})
.then(function(d){if(d&&d.matchType) paintTips(d);}).catch(function(){})
.then(function(){
return fetch(FOOT,{cache:'no-store'}).then(function(r){return r.ok?r.json():null;})
.then(function(d){if(d) paintFoot(d);}).catch(function(){});
})
.then(schedule,schedule);
}
paintPre();
tick();
document.addEventListener('visibilitychange',function(){if(!document.hidden) tick();});
})();
.hmmTips{box-sizing:border-box}
.hmmTips *{box-sizing:border-box}
/* ── TIPY ── */
.hmmTips__tips{border-radius:18px;overflow:hidden;
border:1.5px solid rgba(var(--g),.22);
background:linear-gradient(180deg,rgba(14,23,41,.88),rgba(6,11,21,.94)),radial-gradient(130% 120% at 50% 0%,rgba(var(--g),.13),transparent 62%);
box-shadow:0 32px 80px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.05),inset 0 1.5px 0 rgba(255,255,255,.16)}
.hmmTips__th{padding:18px 16px 4px;text-align:center}
.hmmTips__tlbl{font-size:9.5px;font-weight:1000;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--g),.8)}
.hmmTips__ttl{font-size:23px;font-weight:1000;letter-spacing:-.03em;margin:7px 0 5px;line-height:1.15}
.hmmTips__tsub{font-size:12.5px;color:rgba(248,251,255,.55);line-height:1.45;max-width:430px;margin:0 auto}
.hmmTips__list{padding:14px 12px 6px;display:flex;flex-direction:column;gap:9px}
.hmmTips__t{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border-radius:13px;
border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-left:3px solid var(--ac,rgba(var(--g),.5))}
.hmmTips__te{flex:0 0 30px;font-size:22px;line-height:1.1;text-align:center}
.hmmTips__tb{flex:1;min-width:0}
.hmmTips__tn2{font-size:13px;font-weight:1000;color:var(--ac,var(--gold));letter-spacing:-.01em;margin-bottom:3px}
.hmmTips__tq{font-size:12.5px;line-height:1.45;color:rgba(248,251,255,.8)}
.hmmTips__tv{flex:0 0 auto;align-self:center;font-size:17px;font-weight:1000;letter-spacing:-.02em;color:var(--ac,var(--gold));white-space:nowrap;padding-left:6px}
.hmmTips__foot{padding:6px 16px 16px;text-align:center;font-size:11.5px;color:rgba(248,251,255,.45);line-height:1.5}
.hmmTips__foot a{color:var(--gold);text-decoration:none;font-weight:800}
@media(max-width:520px){.hmmTips__sc{font-size:33px}.hmmTips__nm{font-size:12.5px}.hmmTips__lo{width:38px;height:38px}.hmmTips__ttl{font-size:20px}.hmmTips__tv{font-size:15px}}
🏆 Jediný český zástupce · Lens porazil PSG
Tři na Slavii, Dragon a Claude proti.
Slavia je pět zápasů neporažená. Lens porazil PSG 1:0, pak doma padl s Lorientem.
😈
DevilČajld
„Moje Slávinka to dneska urve." ❤️🤍
2:1
🎂
DragonMástr
„Slavii dnes nevěřím, Lens vyhraje." 🐉🇫🇷
1:3
🪲
Brouk Pytlík
„Eden je obrovská výhoda, jen nesmí bláznit." 🪲
2:1
👨🦳
Strýček Claude
„Lens letos nedal v žádném zápase víc než jeden gól."
1:1
🏆 Od 16. 9. se v HmmSport LíG hraje o ceny. Zapoj se ještě před startem →
.cs3{--g:255,209,120; --gd:122,82,33; --gold:#ffd178; --gold-l:#ffe8b8; --gold-d:#c8a000;
--neon:#d4f244; --ink:#f8fbff; --mut:rgba(248,251,255,.70); --mut2:rgba(248,251,255,.50);
--dev:#ff5c6e; --devr:255,92,110;
--dra:#4fe08a; --drar:79,224,138;
--pyt:#ffc914; --pytr:255,201,20;
--cla:#63d9ff; --clar:99,217,255;
--acc:var(--gold); --accr:var(--g);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
color:var(--ink); line-height:1.7; font-size:17px; -webkit-font-smoothing:antialiased;
position:relative; z-index:1;
overflow-wrap:break-word; word-break:normal; max-width:100%}
.cs3 *{box-sizing:border-box}
.cs3 p{margin:0 0 1.1em; color:var(--mut); font-size:17px}
.cs3 strong,.cs3 b{color:var(--ink); font-weight:800}
.cs3 a{color:var(--gold); text-decoration:none}
/* ===== ZÓNY POSTAV ===== */
.cs3-zone[data-acc="dev"]{--acc:var(--dev); --accr:var(--devr)}
.cs3-zone[data-acc="dra"]{--acc:var(--dra); --accr:var(--drar)}
.cs3-zone[data-acc="pyt"]{--acc:var(--pyt); --accr:var(--pytr)}
.cs3-zone[data-acc="cla"]{--acc:var(--cla); --accr:var(--clar)}
.cs3-zone[data-acc="gold"]{--acc:var(--gold); --accr:var(--g)}
.cs3-fb{width:100%; max-width:100%; position:relative; overflow:hidden}
.cs3-wrap{width:100%; max-width:100%; margin:0 auto; padding:0}
.cs3-stage{max-width:100%; position:relative;
background:
radial-gradient(1200px 600px at 50% -5%, rgba(var(--g),.14), transparent 60%),
radial-gradient(900px 500px at 8% 28%, rgba(99,217,255,.06), transparent 55%),
radial-gradient(900px 500px at 92% 68%, rgba(var(--g),.07), transparent 55%),
linear-gradient(180deg,#03070e 0%,#070d1a 40%,#050a14 100%);
padding:0 0 60px; border-radius:28px; overflow:hidden;
border:1px solid rgba(var(--g),.14); box-shadow:0 40px 100px rgba(0,0,0,.5)}
/* ===== PROGRESS ===== */
.cs3-prog{position:fixed; top:0; left:0; height:3px; width:0%; z-index:9995;
background:linear-gradient(90deg,rgba(var(--gd),1),var(--gold) 55%,var(--gold-l));
box-shadow:0 0 14px rgba(var(--g),.8), 0 0 32px rgba(var(--g),.42);
transition:width .18s cubic-bezier(.22,.7,.3,1)}
/* ===== HERO ===== */
.cs3-hero{padding:70px 22px 58px; text-align:center; position:relative; overflow:hidden}
.cs3-hero:before{content:""; position:absolute; inset:0;
background:radial-gradient(680px 340px at 50% 0%, rgba(var(--g),.22), transparent 62%); pointer-events:none}
.cs3-hero>*{position:relative; z-index:1}
.cs3-badge{display:inline-flex; align-items:center; gap:9px; padding:9px 20px; border-radius:999px;
border:1px solid rgba(var(--g),.45);
background:linear-gradient(135deg,rgba(var(--gd),.66),rgba(60,40,14,.74));
box-shadow:0 0 30px rgba(var(--g),.26), inset 0 1px 0 rgba(255,255,255,.18);
color:var(--gold-l); font-size:11.5px; font-weight:900; letter-spacing:.22em; text-transform:uppercase;
margin-bottom:26px}
.cs3-dot{width:7px;height:7px;border-radius:50%;background:var(--neon);
box-shadow:0 0 10px rgba(182,211,0,.95); animation:cs3pulse 2s infinite}
@keyframes cs3pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.cs3-h1{font-size:clamp(34px,8.4vw,76px); line-height:1.02; font-weight:1000; letter-spacing:-.045em; margin:0 0 8px;
color:#fff; text-shadow:0 4px 40px rgba(0,0,0,.6)}
.cs3-h1 .gold{background:linear-gradient(120deg,#ffe8b8 0%,#ffd178 42%,#c8a000 78%,#ffe8b8 100%);
background-size:220% auto; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
animation:cs3shine 6s linear 1; display:block; line-height:1.28; padding-top:.18em; margin-top:.08em;
filter:drop-shadow(0 4px 30px rgba(var(--g),.28))}
@keyframes cs3shine{to{background-position:220% center}}
.cs3 .cs3-hsub{font-size:clamp(16px,2.6vw,20px); color:var(--mut); max-width:600px; margin:20px auto 0; font-weight:500}
.cs3-hline{width:110px;height:2px;margin:30px auto;
background:linear-gradient(90deg,transparent,rgba(var(--g),.95),transparent);
box-shadow:0 0 18px rgba(var(--g),.7)}
.cs3-cast{display:flex; flex-wrap:wrap; gap:10px; justify-content:center}
.cs3-castpill{display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px;
border:1px solid rgba(var(--accr),.30); background:rgba(var(--accr),.09);
font-size:13.5px; font-weight:800; color:var(--ink);
box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 22px rgba(var(--accr),.12)}
.cs3-castpill .e{font-size:17px; line-height:1}.cs3-castpill{text-decoration:none; color:inherit!important; cursor:pointer}.cs3-castpill:hover{border-color:rgba(var(--accr),.75); background:rgba(var(--accr),.18); transform:translateY(-2px)}.cs3-castpill:focus-visible{outline:2px solid var(--acc); outline-offset:3px}
/* ===== GLASS ===== */
.cs3-glass{border-radius:24px; padding:32px 32px; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--accr),.20);
background:
linear-gradient(180deg,rgba(14,23,41,.80),rgba(6,11,21,.88)),
radial-gradient(130% 120% at 50% 0%, rgba(var(--accr),.10), transparent 62%);
box-shadow:0 32px 80px rgba(0,0,0,.42), 0 8px 24px rgba(0,0,0,.22), 0 0 70px rgba(var(--accr),.05)}
.cs3-glass:after{content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), inset 0 1.5px 0 rgba(255,255,255,.16),
inset 0 -1px 0 rgba(0,0,0,.3)}
.cs3-glass>*{position:relative; z-index:1}
.cs3-glass p:last-child{margin-bottom:0}
/* ===== KOTVY ===== */
.cs3 .cs3-navwrap,.cs3-navwrap{position:fixed; left:0; right:0; top:0; z-index:9990; padding:10px 0 9px;
background:linear-gradient(180deg,rgba(3,7,14,.98),rgba(3,7,14,.92) 72%,rgba(3,7,14,.60));
-webkit-backdrop-filter:blur(20px) saturate(140%); backdrop-filter:blur(20px) saturate(140%);
border-bottom:1px solid rgba(var(--g),.22);
box-shadow:0 10px 34px rgba(0,0,0,.5);
transform:translateY(-130%); opacity:0; pointer-events:none;
transition:transform .32s cubic-bezier(.22,.7,.3,1), opacity .26s ease}
.cs3-navwrap.show{transform:translateY(0); opacity:1; pointer-events:auto}
.cs3-nav{display:flex; gap:8px; overflow-x:auto; padding:4px 20px 6px; scrollbar-width:none; -ms-overflow-style:none;
max-width:900px; margin:0 auto; scroll-behavior:smooth}
.cs3-nav::-webkit-scrollbar{display:none}
.cs3-nav a{flex:0 0 auto; display:inline-flex; align-items:center; gap:7px;
padding:9px 15px; border-radius:999px; font-size:13px; font-weight:800; white-space:nowrap;
border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.045); color:var(--mut);
transition:all .26s cubic-bezier(.22,.7,.3,1)}
.cs3-nav a .e{font-size:15px; line-height:1}
.cs3-nav a:hover{color:var(--ink); border-color:rgba(var(--accr),.45); background:rgba(var(--accr),.10)}
.cs3-nav a.on{color:#0a0f1a; border-color:rgba(var(--accr),.8);
background:linear-gradient(135deg,#fff,var(--acc) 60%);
box-shadow:0 0 26px rgba(var(--accr),.5), inset 0 1px 0 rgba(255,255,255,.6);
transform:translateY(-1px)}
/* ===== PŘECHOD ČÁSTI ===== */
.cs3-part{padding:72px 22px 38px; text-align:center; position:relative; overflow:hidden}
.cs3-part:before{content:""; position:absolute; left:50%; top:0; transform:translateX(-50%);
width:min(760px,92%); height:1px;
background:linear-gradient(90deg,transparent,rgba(var(--accr),.6),transparent)}
.cs3-part:after{content:""; position:absolute; left:50%; top:-5px; transform:translateX(-50%) rotate(45deg);
width:9px; height:9px; background:var(--acc); box-shadow:0 0 18px rgba(var(--accr),.95)}
.cs3-partnum{font-size:clamp(84px,20vw,168px); font-weight:1000; line-height:.86; letter-spacing:-.06em;
margin-bottom:-24px; user-select:none;
background:linear-gradient(180deg,rgba(var(--accr),.95) 0%,rgba(var(--accr),.34) 62%,rgba(var(--accr),.06) 100%);
-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
-webkit-text-stroke:2px rgba(var(--accr),.55);
filter:drop-shadow(0 0 26px rgba(var(--accr),.5)) drop-shadow(0 6px 40px rgba(var(--accr),.28))}
.cs3-medal{width:90px; height:90px; margin:0 auto 18px; border-radius:27px; display:flex; align-items:center;
justify-content:center; font-size:43px; position:relative;
border:1.5px solid rgba(var(--accr),.45);
background:linear-gradient(160deg,rgba(var(--accr),.16),rgba(255,255,255,.02));
box-shadow:0 20px 50px rgba(0,0,0,.5), 0 0 52px rgba(var(--accr),.24), inset 0 1.5px 0 rgba(255,255,255,.28)}
.cs3-partlbl{font-size:11px; font-weight:1000; letter-spacing:.3em; text-transform:uppercase;
color:var(--acc); margin-bottom:10px; text-shadow:0 0 20px rgba(var(--accr),.6)}
.cs3-partname{font-size:clamp(30px,6.5vw,50px); font-weight:1000; letter-spacing:-.035em; line-height:1.12;
color:#fff; margin:0 0 12px; padding-bottom:.06em;
text-shadow:0 0 40px rgba(var(--accr),.34), 0 4px 30px rgba(0,0,0,.7)}
.cs3 .cs3-parttag{font-size:15px; color:var(--mut2); font-weight:600; max-width:460px; margin:0 auto}
.cs3-anchor{scroll-margin-top:84px}
.cs3-sec{padding:0 22px}
.cs3-sec .cs3-glass{margin-bottom:20px}
.cs3-lead{font-size:clamp(19px,3.4vw,25px); font-weight:1000; letter-spacing:-.025em; line-height:1.28;
color:#fff; margin:34px 0 14px; padding-left:16px; border-left:3px solid rgba(var(--accr),.75)}
.cs3-lead:first-child{margin-top:0}
/* ===== PULL QUOTE ===== */
.cs3-pull{margin:28px 0; padding:26px 28px; border-radius:20px; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--accr),.30);
background:linear-gradient(135deg,rgba(var(--accr),.14),rgba(8,14,26,.86));
box-shadow:0 22px 56px rgba(0,0,0,.4), 0 0 60px rgba(var(--accr),.07), inset 0 1.5px 0 rgba(255,255,255,.16)}
.cs3-pull:before{content:"201C"; position:absolute; top:-16px; right:14px; font-size:120px; line-height:1;
color:rgba(var(--accr),.16); font-weight:900; pointer-events:none}
.cs3-pull .q{font-size:clamp(18px,3.2vw,23px); font-weight:900; line-height:1.42; color:#fff; letter-spacing:-.02em;
position:relative}
.cs3-pull .a{margin-top:12px; font-size:12px; font-weight:900; letter-spacing:.18em; text-transform:uppercase;
color:var(--acc); text-shadow:0 0 16px rgba(var(--accr),.45)}
/* ===== OBŘÍ STAT ===== */
.cs3-bigstat{margin:28px 0; border-radius:24px; padding:36px 26px; text-align:center; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--accr),.34);
background:linear-gradient(160deg,rgba(var(--accr),.16),rgba(8,14,26,.9));
box-shadow:0 32px 80px rgba(0,0,0,.46), 0 0 90px rgba(var(--accr),.12), inset 0 1.5px 0 rgba(255,255,255,.18)}
.cs3-bigstat .n{font-size:clamp(64px,17vw,124px); font-weight:1000; line-height:.86; letter-spacing:-.06em;
background:linear-gradient(120deg,#ffe8b8,#ffd178 45%,#c8a000);
-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
display:block; margin-bottom:14px; filter:drop-shadow(0 8px 34px rgba(var(--g),.45))}
.cs3-bigstat .t{font-size:15px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-l);
margin-bottom:8px}
.cs3 .cs3-bigstat .d{font-size:15.5px; color:var(--mut); max-width:470px; margin:0 auto}
/* ===== STAT KARTY ===== */
.cs3-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:13px; margin:26px 0}
.cs3-scard{border-radius:20px; padding:24px 16px; text-align:center; position:relative; overflow:hidden;
border:1.5px solid rgba(255,255,255,.10);
background:linear-gradient(170deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
box-shadow:0 20px 52px rgba(0,0,0,.34), 0 4px 12px rgba(0,0,0,.2), inset 0 1.5px 0 rgba(255,255,255,.15);
transition:transform .3s cubic-bezier(.22,.7,.3,1), border-color .3s ease, box-shadow .3s ease}
.cs3-scard:hover{transform:translateY(-5px); border-color:rgba(var(--g),.42);
box-shadow:0 28px 64px rgba(0,0,0,.44), 0 0 50px rgba(var(--g),.14), inset 0 1.5px 0 rgba(255,255,255,.2)}
.cs3-scard .n{font-size:clamp(30px,7vw,42px); font-weight:1000; line-height:1; letter-spacing:-.04em; display:block;
margin-bottom:10px; font-variant-numeric:tabular-nums;
background:linear-gradient(120deg,#ffe8b8,#ffd178 50%,#c8a000);
-webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
filter:drop-shadow(0 3px 18px rgba(var(--g),.32))}
.cs3-scard.up .n{background:linear-gradient(120deg,#b8ffd8,#4fe08a 55%,#12a15e);
-webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 3px 18px rgba(79,224,138,.32))}
.cs3-scard.dn .n{background:linear-gradient(120deg,#ffb8c4,#ff5c6e 55%,#c0392b);
-webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 3px 18px rgba(255,92,110,.3))}
.cs3-scard .l{font-size:11.5px; font-weight:1000; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-l);
display:block; margin-bottom:7px}
.cs3-scard .d{font-size:13px; color:var(--mut2); line-height:1.5}
/* ===== DUEL ===== */
.cs3-duel{margin:28px 0; border-radius:24px; overflow:hidden;
border:1.5px solid rgba(var(--g),.24);
background:linear-gradient(180deg,rgba(14,23,41,.86),rgba(6,11,21,.92));
box-shadow:0 32px 80px rgba(0,0,0,.46), inset 0 1.5px 0 rgba(255,255,255,.14)}
.cs3-dhead{display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:22px 20px;
background:linear-gradient(135deg,rgba(var(--gd),.44),rgba(var(--g),.05));
border-bottom:1px solid rgba(var(--g),.22)}
.cs3-dteam{font-size:clamp(15px,3.4vw,20px); font-weight:1000; letter-spacing:-.02em; color:#fff}
.cs3-dteam.r{text-align:right}
.cs3-dscore{font-size:clamp(22px,5vw,30px); font-weight:1000; color:var(--gold); font-variant-numeric:tabular-nums;
padding:6px 16px; border-radius:12px; border:1px solid rgba(var(--g),.45); background:rgba(0,0,0,.36);
text-shadow:0 0 26px rgba(var(--g),.6); white-space:nowrap;
box-shadow:0 0 30px rgba(var(--g),.14), inset 0 1px 0 rgba(255,255,255,.12)}
.cs3-drow{display:grid; grid-template-columns:1fr 128px 1fr; align-items:center; padding:13px 20px;
border-top:1px solid rgba(255,255,255,.06)}
.cs3-drow .lbl{text-align:center; font-size:10.5px; font-weight:1000; letter-spacing:.13em; text-transform:uppercase;
color:var(--mut2); line-height:1.3}
.cs3-drow .v{font-size:19px; font-weight:1000; color:var(--ink); font-variant-numeric:tabular-nums}
.cs3-drow .v.r{text-align:right}
.cs3-drow .v.win{color:var(--dra); text-shadow:0 0 20px rgba(79,224,138,.4)}
.cs3-drow .v.lose{color:var(--dev); text-shadow:0 0 20px rgba(255,92,110,.34)}
.cs3-drow.hl{background:linear-gradient(90deg,rgba(var(--g),.10),transparent 50%,rgba(var(--g),.10))}
/* ===== BARY ===== */
.cs3-bars{margin:26px 0}
.cs3-bar{margin-bottom:16px}
.cs3-bl{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:7px}
.cs3-bl .t{font-size:14.5px; font-weight:700; color:var(--mut)}
.cs3-bl .t b{color:#fff; font-weight:900}
.cs3-bl .n{font-size:17px; font-weight:1000; font-variant-numeric:tabular-nums; white-space:nowrap}
.cs3-bl .n.up{color:var(--dra); text-shadow:0 0 16px rgba(79,224,138,.35)}
.cs3-bl .n.dn{color:var(--dev); text-shadow:0 0 16px rgba(255,92,110,.32)}
.cs3-bt{height:11px; border-radius:999px; background:rgba(255,255,255,.07); overflow:hidden;
box-shadow:inset 0 1px 3px rgba(0,0,0,.55)}
.cs3-bf{height:100%; border-radius:999px; transition:width 1.1s cubic-bezier(.22,.7,.3,1)}
.cs3-bf.up{background:linear-gradient(90deg,#12a15e,#4fe08a); box-shadow:0 0 20px rgba(79,224,138,.5)}
.cs3-bf.dn{background:linear-gradient(90deg,#c0392b,#ff5c6e); box-shadow:0 0 20px rgba(255,92,110,.45)}
/* ===== SPOR ===== */
.cs3-clash{margin:26px 0; border-radius:20px; padding:24px 26px; position:relative; overflow:hidden;
border:1.5px solid rgba(255,92,110,.32);
background:linear-gradient(135deg,rgba(255,92,110,.15),rgba(8,14,26,.86));
box-shadow:0 22px 56px rgba(0,0,0,.4), inset 0 1.5px 0 rgba(255,255,255,.12)}
.cs3-clash.ok{border-color:rgba(79,224,138,.34);
background:linear-gradient(135deg,rgba(79,224,138,.15),rgba(8,14,26,.86))}
.cs3-clash .h{font-size:11px; font-weight:1000; letter-spacing:.2em; text-transform:uppercase; color:var(--dev);
margin-bottom:10px; display:flex; align-items:center; gap:8px; text-shadow:0 0 14px rgba(255,92,110,.4)}
.cs3-clash.ok .h{color:var(--dra); text-shadow:0 0 14px rgba(79,224,138,.4)}
.cs3-clash p:last-child{margin-bottom:0}
/* ===== VERDIKT ===== */
.cs3-verdict{border-radius:24px; padding:32px 30px; margin:22px 0; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--accr),.36);
background:linear-gradient(160deg,rgba(var(--accr),.16),rgba(8,14,26,.9));
box-shadow:0 32px 80px rgba(0,0,0,.46), 0 0 90px rgba(var(--accr),.10), inset 0 1.5px 0 rgba(255,255,255,.18)}
.cs3-vh{display:flex; align-items:center; gap:13px; margin-bottom:20px; padding-bottom:16px;
border-bottom:1px solid rgba(var(--accr),.24)}
.cs3-vh .e{width:50px; height:50px; border-radius:15px; display:flex; align-items:center; justify-content:center;
font-size:26px; background:rgba(var(--accr),.14); border:1px solid rgba(var(--accr),.34); flex:0 0 50px;
box-shadow:0 0 26px rgba(var(--accr),.2), inset 0 1px 0 rgba(255,255,255,.2)}
.cs3-vh .t{font-size:20px; font-weight:1000; letter-spacing:-.02em; color:#fff}
.cs3-vh .s{font-size:12px; color:var(--acc); font-weight:800; letter-spacing:.12em; text-transform:uppercase}
.cs3-vl{list-style:none; padding:0; margin:0; display:grid; gap:2px}
.cs3-vl li{padding:14px 0; border-bottom:1px dashed rgba(255,255,255,.11); font-size:16px; color:var(--mut);
display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:start}
.cs3-vl li:last-child{border-bottom:0}
.cs3-vl li .k{font-size:10px; font-weight:1000; letter-spacing:.14em; text-transform:uppercase; color:var(--acc);
padding:5px 10px; border-radius:7px; background:rgba(var(--accr),.13); border:1px solid rgba(var(--accr),.30);
white-space:nowrap; line-height:1.2}
.cs3-vl li b{color:#fff}
/* ===== VERDIKT REDAKCE (4 karty) ===== */
.cs3-crew{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:26px 0}
.cs3-crewcard{border-radius:20px; padding:22px 20px; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--accr),.32);
background:linear-gradient(160deg,rgba(var(--accr),.13),rgba(8,14,26,.88));
box-shadow:0 22px 56px rgba(0,0,0,.4), 0 0 50px rgba(var(--accr),.07), inset 0 1.5px 0 rgba(255,255,255,.16);
transition:transform .3s cubic-bezier(.22,.7,.3,1)}
.cs3-crewcard:hover{transform:translateY(-4px)}
.cs3-crewhead{display:flex; align-items:center; gap:11px; margin-bottom:13px}
.cs3-crewhead .e{width:44px; height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center;
font-size:23px; background:rgba(var(--accr),.16); border:1px solid rgba(var(--accr),.36); flex:0 0 44px;
box-shadow:0 0 22px rgba(var(--accr),.22), inset 0 1px 0 rgba(255,255,255,.2)}
.cs3-crewhead .nm{font-size:16px; font-weight:1000; color:#fff; letter-spacing:-.02em; line-height:1.2}
.cs3-crewhead .rl{font-size:10.5px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; color:var(--acc)}
.cs3-crewq{font-size:15px; line-height:1.6; color:var(--mut); font-style:italic}
.cs3-crewq b{color:#fff; font-style:normal}
/* ===== CTA ===== */
.cs3-cta{margin:26px 0; border-radius:24px; padding:32px 30px; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--g),.38);
background:linear-gradient(150deg,rgba(var(--gd),.42),rgba(8,14,26,.92));
box-shadow:0 32px 80px rgba(0,0,0,.5), 0 0 100px rgba(var(--g),.13), inset 0 1.5px 0 rgba(255,255,255,.2)}
.cs3-cta .eyebrow{font-size:11px; font-weight:1000; letter-spacing:.24em; text-transform:uppercase;
color:var(--gold); margin-bottom:12px; text-shadow:0 0 18px rgba(var(--g),.5)}
.cs3-cta .ttl{font-size:clamp(22px,4.4vw,30px); font-weight:1000; letter-spacing:-.03em; color:#fff;
margin-bottom:12px; line-height:1.14}
.cs3-ctalist{list-style:none; padding:0; margin:18px 0; display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:9px}
.cs3-ctalist li{display:flex; align-items:center; gap:9px; font-size:14.5px; font-weight:700; color:var(--ink);
padding:10px 13px; border-radius:11px; background:rgba(255,255,255,.05);
border:1px solid rgba(var(--g),.16)}
.cs3-ctalist li:before{content:""; width:6px; height:6px; border-radius:50%; background:var(--gold);
box-shadow:0 0 10px rgba(var(--g),.9); flex:0 0 6px}
.cs3-btn{display:inline-flex; align-items:center; gap:10px; margin-top:6px;
padding:15px 26px; border-radius:999px; font-size:15px; font-weight:1000; letter-spacing:.02em;
color:#1a1204!important; border:1px solid rgba(var(--g),.75);
background:linear-gradient(135deg,var(--gold-l),var(--gold) 52%,var(--gold-d));
box-shadow:0 14px 38px rgba(var(--g),.30), 0 0 44px rgba(var(--g),.22), inset 0 1.5px 0 rgba(255,255,255,.6);
transition:transform .26s cubic-bezier(.22,.7,.3,1), box-shadow .26s ease}
.cs3-btn:hover{transform:translateY(-3px);
box-shadow:0 20px 50px rgba(var(--g),.4), 0 0 66px rgba(var(--g),.32), inset 0 1.5px 0 rgba(255,255,255,.7)}
.cs3-btn .ar{font-size:17px; line-height:1}
/* ===== KOMENTÁŘE ===== */
.cs3-comment{margin:26px 0; border-radius:22px; padding:34px 28px; text-align:center; position:relative; overflow:hidden;
border:1.5px dashed rgba(var(--g),.36);
background:linear-gradient(160deg,rgba(var(--g),.07),rgba(8,14,26,.86));
box-shadow:0 24px 60px rgba(0,0,0,.4), inset 0 1.5px 0 rgba(255,255,255,.12)}
.cs3-comment .ic{font-size:38px; margin-bottom:12px; display:block;
filter:drop-shadow(0 0 22px rgba(var(--g),.45))}
.cs3-comment .tx{font-size:clamp(17px,3.2vw,21px); font-weight:900; color:#fff; letter-spacing:-.02em; line-height:1.4}
.cs3 .cs3-comment .sb{margin-top:10px; margin-bottom:20px; font-size:14.5px; color:var(--mut)}
.cs3-note{margin-top:30px; padding:20px 22px; border-radius:16px; font-size:13.5px; line-height:1.66;
color:var(--mut2); border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.028)}
.cs3-note b{color:var(--gold); font-weight:900}
/* ===== ANIMACE ===== */
.cs3-js .cs3-rv{opacity:0; transform:translateY(26px);
transition:opacity .75s cubic-bezier(.22,.7,.3,1), transform .75s cubic-bezier(.22,.7,.3,1)}
.cs3-js .cs3-rv.in{opacity:1; transform:none}
.cs3-js .cs3-pull.cs3-rv{transform:translateY(26px) scale(.965)}
.cs3-js .cs3-pull.cs3-rv.in{transform:none}
@media(prefers-reduced-motion:reduce){
.cs3-js .cs3-rv,.cs3-js .cs3-pull.cs3-rv{opacity:1!important; transform:none!important; transition:none}
.cs3-h1 .gold{animation:none} .cs3-dot{animation:none}
.cs3-bf{transition:none}
}
/* ===== VELMI ÚZKÉ DISPLEJE ===== */
@media(max-width:380px){
.cs3-sec{padding:0 10px}
.cs3-hero{padding:44px 12px 36px}
.cs3-part{padding:48px 12px 26px}
.cs3-glass{padding:18px 14px}
.cs3-drow{grid-template-columns:1fr 74px 1fr; padding:10px 10px}
.cs3-drow .v{font-size:15px} .cs3-drow .lbl{font-size:9px; letter-spacing:.06em}
.cs3-grid{grid-template-columns:1fr; gap:11px}
.cs3-crew{grid-template-columns:1fr}
.cs3-ctalist{grid-template-columns:1fr}
.cs3-nav a{padding:8px 12px; font-size:12px}
.cs3-btn{padding:13px 20px; font-size:14px; width:100%; justify-content:center}
.cs3-partnum{font-size:78px}
}
/* ===== MOBIL ===== */
@media(max-width:640px){
.cs3{font-size:16px} .cs3 p{font-size:16px}
.cs3-hero{padding:52px 18px 44px}
.cs3-glass{padding:22px 18px; border-radius:20px}
.cs3-sec{padding:0 14px}
.cs3-part{padding:56px 18px 30px}
.cs3-medal{width:72px;height:72px;font-size:35px;border-radius:22px}
.cs3-drow{grid-template-columns:1fr 92px 1fr; padding:11px 13px}
.cs3-drow .v{font-size:16px} .cs3-drow .lbl{font-size:9.5px}
.cs3-dhead{padding:16px 13px}
.cs3-bigstat{padding:28px 18px}
.cs3-verdict{padding:24px 18px}
.cs3-vl li{grid-template-columns:1fr; gap:7px}
.cs3-cta{padding:24px 18px}
.cs3-comment{padding:26px 18px}
.cs3-pull{padding:22px 20px}
}
/* ===== ROLE V REDAKCI ===== */
.cs3-roles{display:grid; gap:12px; margin:22px 0 26px}
.cs3-role{padding:18px 20px; border-radius:17px;
border:1px solid rgba(var(--accr),.32);
background:linear-gradient(115deg,rgba(var(--accr),.15),rgba(255,255,255,.02) 66%);
box-shadow:0 14px 34px rgba(0,0,0,.32), 0 0 30px rgba(var(--accr),.08), inset 0 1px 0 rgba(255,255,255,.14);
transition:transform .28s cubic-bezier(.22,.7,.3,1), border-color .28s ease, box-shadow .28s ease}
.cs3-role:hover{transform:translateX(5px); border-color:rgba(var(--accr),.62);
box-shadow:0 20px 44px rgba(0,0,0,.4), 0 0 46px rgba(var(--accr),.18), inset 0 1px 0 rgba(255,255,255,.2)}
.cs3-rhead{display:flex; align-items:center; gap:13px; margin-bottom:10px}
.cs3-rhead .e{width:46px; height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center;
font-size:23px; flex:0 0 46px; background:rgba(var(--accr),.18); border:1px solid rgba(var(--accr),.38);
box-shadow:0 0 24px rgba(var(--accr),.26), inset 0 1px 0 rgba(255,255,255,.22)}
.cs3-rhead .n{font-size:18px; font-weight:1000; color:#fff; letter-spacing:-.025em}
.cs3 .cs3-rtx{margin:0; font-size:15.5px; line-height:1.62; color:var(--mut)}
/* ===== KROKY FORMÁTU ===== */
.cs3-steps{display:grid; gap:10px; margin:20px 0 26px}
.cs3-step{display:grid; grid-template-columns:38px 1fr; align-items:center; gap:14px;
padding:13px 18px; border-radius:14px; font-size:16px; color:var(--mut);
border:1px solid rgba(var(--g),.20); background:rgba(var(--g),.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}
.cs3-step b{color:#fff; font-weight:900}
.cs3-step .i{width:38px; height:38px; border-radius:11px; display:flex; align-items:center; justify-content:center;
font-size:16px; font-weight:1000; color:#1a1204;
background:linear-gradient(135deg,var(--gold-l),var(--gold) 55%,var(--gold-d));
box-shadow:0 0 22px rgba(var(--g),.42), inset 0 1px 0 rgba(255,255,255,.6)}
@media(max-width:520px){
.cs3-role{padding:15px 15px}
.cs3-rhead .e{width:42px;height:42px;flex:0 0 42px;font-size:21px}
.cs3-rhead .n{font-size:16.5px}
.cs3 .cs3-rtx{font-size:14.8px}
.cs3-step{grid-template-columns:32px 1fr; gap:11px; padding:11px 13px; font-size:15px}
.cs3-step .i{width:32px;height:32px;font-size:14px;border-radius:9px}
}
/* ===== ZPĚT NA VÝBĚR ===== */
.cs3-backwrap{text-align:center; padding:16px 0 6px}
.cs3-back{display:inline-flex; align-items:center; gap:10px;
padding:13px 26px; border-radius:999px; font-size:13.5px; font-weight:900; letter-spacing:.04em;
color:var(--acc)!important; border:1px solid rgba(var(--accr),.40);
background:linear-gradient(135deg,rgba(var(--accr),.16),rgba(255,255,255,.03));
box-shadow:0 14px 34px rgba(0,0,0,.36), 0 0 32px rgba(var(--accr),.15), inset 0 1px 0 rgba(255,255,255,.18);
transition:transform .28s cubic-bezier(.22,.7,.3,1), box-shadow .28s ease, border-color .28s ease}
.cs3-back:hover{transform:translateY(-3px); border-color:rgba(var(--accr),.70);
box-shadow:0 20px 44px rgba(0,0,0,.42), 0 0 50px rgba(var(--accr),.28), inset 0 1px 0 rgba(255,255,255,.24)}
.cs3-back .ar{font-size:15px; line-height:1}
/* ===== LUXUS: jemné zrno ===== */
.cs3-stage:before{content:""; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.5;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E");
opacity:.32}
.cs3-stage>*{position:relative; z-index:1}
/* ===== LUXUS: zlatá hrana glass panelu ===== */
.cs3-glass:before{content:""; position:absolute; top:0; left:26px; right:26px; height:1px; z-index:2;
background:linear-gradient(90deg,transparent,rgba(var(--accr),.62),transparent)}
/* ===== LUXUS: ornament pod názvem části ===== */
.cs3-orn{display:flex; align-items:center; justify-content:center; gap:12px; margin:2px auto 16px; max-width:320px}
.cs3-orn i{flex:1; height:1px; background:linear-gradient(90deg,transparent,rgba(var(--accr),.55))}
.cs3-orn i+i{background:linear-gradient(90deg,rgba(var(--accr),.55),transparent)}
.cs3-orn b{width:7px; height:7px; transform:rotate(45deg); background:var(--acc); flex:0 0 7px;
box-shadow:0 0 14px rgba(var(--accr),.9)}
/* ===== LUXUS: dvojitý prstenec medailonu ===== */
.cs3-medal:before{content:""; position:absolute; inset:-9px; border-radius:34px; pointer-events:none;
border:1px solid rgba(var(--accr),.26)}
.cs3-medal:after{content:""; position:absolute; inset:-17px; border-radius:42px; pointer-events:none;
border:1px solid rgba(var(--accr),.11)}
/* ===== LUXUS: zlatá linka nad CTA ===== */
.cs3-cta:before{content:""; position:absolute; top:0; left:0; right:0; height:2px;
background:linear-gradient(90deg,transparent,rgba(var(--g),.9),transparent);
box-shadow:0 0 20px rgba(var(--g),.7)}
@media(max-width:640px){
.cs3-back{padding:12px 20px; font-size:13px}
.cs3-navwrap{padding:8px 0 7px}
.cs3-nav{padding:3px 12px 5px; gap:7px}
.cs3-nav a{padding:11px 15px; font-size:13.5px; min-height:42px}
.cs3-nav a .e{font-size:16px}
}
/* ===== ROZCESTNÍK ===== */
.cs3-menu{margin:8px 0 6px; padding:26px 24px; border-radius:24px; position:relative; overflow:hidden;
border:1.5px solid rgba(var(--g),.30);
background:linear-gradient(165deg,rgba(var(--gd),.30),rgba(8,14,26,.94));
box-shadow:0 30px 76px rgba(0,0,0,.5), 0 0 90px rgba(var(--g),.10), inset 0 1.5px 0 rgba(255,255,255,.18)}
.cs3-menu:before{content:""; position:absolute; top:0; left:0; right:0; height:2px;
background:linear-gradient(90deg,transparent,rgba(var(--g),.95),transparent); box-shadow:0 0 20px rgba(var(--g),.75)}
.cs3-menuhd{text-align:center; margin-bottom:20px}
.cs3-menuhd .lbl{display:block; font-size:12px; font-weight:1000; letter-spacing:.28em; text-transform:uppercase;
color:var(--gold); text-shadow:0 0 20px rgba(var(--g),.55); margin-bottom:6px}
.cs3-menuhd .sub{display:block; font-size:14.5px; color:var(--mut)}
.cs3-tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:11px; margin-bottom:12px}
.cs3-tile{display:flex; flex-direction:column; align-items:center; text-align:center; gap:5px;
padding:18px 12px 16px; border-radius:17px; position:relative; overflow:hidden;
border:1px solid rgba(var(--accr),.34); color:var(--ink)!important;
background:linear-gradient(165deg,rgba(var(--accr),.16),rgba(255,255,255,.02));
box-shadow:0 14px 34px rgba(0,0,0,.34), 0 0 26px rgba(var(--accr),.10), inset 0 1px 0 rgba(255,255,255,.15);
transition:transform .28s cubic-bezier(.22,.7,.3,1), box-shadow .28s ease, border-color .28s ease}
.cs3-tile:hover{transform:translateY(-5px); border-color:rgba(var(--accr),.72);
box-shadow:0 22px 48px rgba(0,0,0,.44), 0 0 48px rgba(var(--accr),.28), inset 0 1px 0 rgba(255,255,255,.22)}
.cs3-tile .nm{position:absolute; top:8px; left:11px; font-size:11px; font-weight:1000; letter-spacing:.1em;
color:rgba(var(--accr),.75)}
.cs3-tile .e{font-size:31px; line-height:1; margin-top:6px;
filter:drop-shadow(0 0 16px rgba(var(--accr),.55))}
.cs3-tile .t{font-size:14.5px; font-weight:1000; color:#fff; letter-spacing:-.02em; line-height:1.2}
.cs3-tile .d{font-size:12px; color:var(--mut2); line-height:1.35}
.cs3-tile--hero{flex-direction:row; align-items:center; text-align:left; gap:18px; padding:22px 22px;
--accr:var(--g); --acc:var(--gold);
border-width:1.5px; border-color:rgba(var(--g),.55);
background:linear-gradient(120deg,rgba(var(--gd),.55),rgba(var(--g),.06) 78%);
box-shadow:0 20px 48px rgba(0,0,0,.44), 0 0 60px rgba(var(--g),.22), inset 0 1.5px 0 rgba(255,255,255,.24);
margin-bottom:11px}
.cs3-tile--hero .e{font-size:40px; margin:0; flex:0 0 auto}
.cs3-tile--hero .wrap{display:flex; flex-direction:column; gap:3px; flex:1; min-width:0}
.cs3-tile--hero .badge{display:inline-block; align-self:flex-start; font-size:9.5px; font-weight:1000;
letter-spacing:.18em; text-transform:uppercase; color:#1a1204; padding:4px 9px; border-radius:6px; margin-bottom:3px;
background:linear-gradient(135deg,var(--gold-l),var(--gold) 60%,var(--gold-d));
box-shadow:0 0 16px rgba(var(--g),.5)}
.cs3-tile--hero .t{font-size:22px}
.cs3-tile--hero .d{font-size:13.5px; color:var(--mut)}
.cs3-tile--hero .go{font-size:26px; color:var(--gold); flex:0 0 auto; transition:transform .28s ease}
.cs3-tile--hero:hover .go{transform:translateX(5px)}
.cs3-tile--wide{flex-direction:row; align-items:center; text-align:left; gap:16px; padding:16px 20px;
--accr:var(--g); --acc:var(--gold); border-color:rgba(var(--g),.32)}
.cs3-tile--wide .e{font-size:28px; margin:0; flex:0 0 auto}
.cs3-tile--wide .wrap{display:flex; flex-direction:column; gap:2px; flex:1; min-width:0}
.cs3-tile--wide .t{font-size:17px}
.cs3-tile--wide .go{font-size:22px; color:var(--gold); flex:0 0 auto; transition:transform .28s ease}
.cs3-tile--wide:hover .go{transform:translateX(5px)}
@media(max-width:760px){.cs3-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){
.cs3-menu{padding:20px 15px; border-radius:20px}
.cs3-tile{padding:15px 9px 13px} .cs3-tile .e{font-size:27px} .cs3-tile .t{font-size:13.5px}
.cs3-tile .d{font-size:11.2px}
.cs3-tile--hero{gap:13px; padding:18px 15px} .cs3-tile--hero .e{font-size:33px}
.cs3-tile--hero .t{font-size:19px} .cs3-tile--hero .d{font-size:12.8px} .cs3-tile--hero .go{font-size:22px}
.cs3-tile--wide{gap:12px; padding:14px 14px} .cs3-tile--wide .e{font-size:24px}
}
/* role jsou prokliknutelné */
.cs3-role{display:block; text-decoration:none; color:inherit!important; cursor:pointer}
.cs3-rhead{display:flex; align-items:center; gap:13px; margin-bottom:10px}
.cs3-rhead .n{flex:1; min-width:0}
.cs3-rhead .go{font-size:21px; color:var(--acc); flex:0 0 auto; opacity:.65;
transition:transform .28s cubic-bezier(.22,.7,.3,1), opacity .28s ease}
.cs3-role:hover .go{transform:translateX(5px); opacity:1}
.cs3-role:focus-visible{outline:2px solid var(--acc); outline-offset:3px}
/* ── VIDEO BLOK ─────────────────────────────────────────────── */
.cs3-video{margin:30px 0 6px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,209,120,.34);background:linear-gradient(180deg,rgba(30,24,12,.92),rgba(16,14,10,.96));box-shadow:0 22px 60px rgba(0,0,0,.5),0 0 46px rgba(255,209,120,.1)}
.cs3-video__hd{display:flex;align-items:center;gap:13px;padding:15px 18px;border-bottom:1px solid rgba(255,209,120,.2);background:linear-gradient(90deg,rgba(255,209,120,.14),rgba(255,209,120,.03))}
.cs3-video__ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;font-size:21px;border-radius:12px;background:linear-gradient(135deg,#ffe8b8,#ffd178 52%,#c8a000);box-shadow:0 6px 18px rgba(255,209,120,.32)}
.cs3-video__tx{flex:1 1 auto;min-width:0}
.cs3-video__lbl{font-size:11px;font-weight:1000;letter-spacing:.16em;text-transform:uppercase;color:#ffd178;margin-bottom:3px}
.cs3-video__ttl{font-size:15.5px;font-weight:900;color:#fff;line-height:1.28}
.cs3-video__badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;font-size:11px;font-weight:1000;letter-spacing:.1em;color:#1a1204;background:linear-gradient(135deg,#ffe8b8,#ffd178 52%,#c8a000)}
.cs3-video__wrap{position:relative;background:#000;line-height:0}
.cs3-video__wrap video{display:block;width:100%;height:auto;max-height:70vh;background:#000}
.cs3-video__play{position:absolute;inset:0;display:grid;place-items:center;border:0;padding:0;margin:0;cursor:pointer;background:radial-gradient(ellipse at center,rgba(0,0,0,.24),rgba(0,0,0,.58));transition:opacity .25s ease}
.cs3-video__play span{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;font-size:27px;color:#1a1204;padding-left:6px;background:linear-gradient(135deg,#ffe8b8,#ffd178 52%,#c8a000);box-shadow:0 12px 36px rgba(0,0,0,.55),0 0 0 8px rgba(255,209,120,.16)}
.cs3-video__play:hover span{transform:scale(1.07)}
.cs3-video__play span{transition:transform .2s ease}
.cs3-video.je-hrano .cs3-video__play{opacity:0;pointer-events:none}
.cs3-video__cap{display:flex;align-items:center;gap:9px;padding:12px 18px;font-size:12.5px;color:rgba(255,255,255,.62);border-top:1px solid rgba(255,209,120,.14)}
@media(max-width:540px){
.cs3-video__hd{padding:12px 13px;gap:10px}
.cs3-video__ic{width:36px;height:36px;font-size:18px}
.cs3-video__ttl{font-size:13.5px}
.cs3-video__badge{padding:6px 10px;font-size:10px}
.cs3-video__play span{width:60px;height:60px;font-size:22px}
.cs3-video__cap{padding:10px 13px;font-size:11.5px}
}
.cs3-video--yt .cs3-video__wrap{display:flex;justify-content:center;padding:14px 0}
.cs3-video--yt .cs3-video__frame{position:relative;width:100%;max-width:340px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.cs3-video--yt .cs3-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
@media(max-width:540px){.cs3-video--yt .cs3-video__frame{max-width:290px}}
/* ── H2H + MINI TABULKA ─────────────────────────────────────── */
.cs3-h2h{display:flex;flex-direction:column;gap:9px;margin:20px 0 0}
.cs3-h2h__r{display:grid;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,209,120,.16)}
.cs3-h2h__d{font-size:11.5px;font-weight:800;color:rgba(255,255,255,.5);letter-spacing:.03em}
.cs3-h2h__m{font-size:13.5px;font-weight:700;color:rgba(255,255,255,.9);min-width:0}
.cs3-h2h__s{font-size:15px;font-weight:1000;padding:4px 11px;border-radius:999px;letter-spacing:.02em}
.cs3-h2h__s.w1{color:#0d1a12;background:linear-gradient(135deg,#7ef0ab,#2fa96b)}
.cs3-h2h__s.w2{color:#1a0d10;background:linear-gradient(135deg,#ffb3bd,#e0485c)}
.cs3-h2h__s.dr{color:#1a1204;background:linear-gradient(135deg,#ffe8b8,#ffd178 52%,#c8a000)}
.cs3-mt{width:100%;border-collapse:collapse;margin:18px 0 0;font-size:13.5px}
.cs3-mt th{text-align:left;padding:9px 8px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#ffd178;font-weight:1000;border-bottom:1px solid rgba(255,209,120,.28)}
.cs3-mt td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.85)}
.cs3-mt tr.me td{background:rgba(255,209,120,.09);font-weight:900;color:#fff}
.cs3-mt td.n{text-align:center;font-variant-numeric:tabular-nums}
.cs3-mt td.p{text-align:center;font-weight:1000;color:#ffd178}
.cs3-mtw{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:540px){
.cs3-h2h__r{grid-template-columns:62px 1fr auto;gap:8px;padding:9px 10px}
.cs3-h2h__m{font-size:12px}
.cs3-h2h__d{font-size:10.5px}
.cs3-mt{font-size:12px}
}
/* ── ŠIROKÉ VIDEO 16:9 ──────────────────────────────────────── */
.cs3-video--wide .cs3-video__wrap{display:block;padding:0}
.cs3-video--wide .cs3-video__frame{position:relative;width:100%;max-width:none;aspect-ratio:16/9;border-radius:0;box-shadow:none}
.cs3-video--wide .cs3-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
/* ── LIVE UPOUTÁVKA ─────────────────────────────────────────── */
.cs3-live{display:flex;gap:15px;align-items:flex-start;margin:26px 0 0;padding:17px 19px;border-radius:16px;border:1px solid rgba(99,217,255,.34);background:linear-gradient(135deg,rgba(99,217,255,.13),rgba(99,217,255,.03))}
.cs3-live__ic{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;font-size:22px;border-radius:13px;background:linear-gradient(135deg,#bfeeff,#63d9ff 55%,#1f9fce);box-shadow:0 8px 22px rgba(99,217,255,.3)}
.cs3-live__ttl{font-size:15.5px;font-weight:1000;color:#fff;margin-bottom:5px}
.cs3-live__tx p{margin:0;font-size:14px;line-height:1.62;color:rgba(255,255,255,.8)}
/* ── SOUBOJ KANONÝRŮ ────────────────────────────────────────── */
.cs3-kan{display:flex;flex-direction:column;gap:10px;margin:20px 0 0}
.cs3-kan__r{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;padding:12px 15px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,209,120,.18)}
.cs3-kan__r.top{border-color:rgba(255,209,120,.52);background:linear-gradient(90deg,rgba(255,209,120,.14),rgba(255,255,255,.03))}
.cs3-kan__p{width:44px;height:44px;display:grid;place-items:center;font-size:20px;border-radius:50%;background:rgba(255,209,120,.14);border:1px solid rgba(255,209,120,.3)}
.cs3-kan__n{font-size:14.5px;font-weight:900;color:#fff;line-height:1.3}
.cs3-kan__t{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.55);margin-top:2px}
.cs3-kan__g{font-size:20px;font-weight:1000;color:#ffd178;white-space:nowrap}
.cs3-kan__g small{font-size:11px;font-weight:800;color:rgba(255,255,255,.5);margin-left:3px}
@media(max-width:540px){
.cs3-live{gap:11px;padding:14px 14px}
.cs3-live__ic{width:38px;height:38px;font-size:19px}
.cs3-live__ttl{font-size:14px}
.cs3-kan__r{grid-template-columns:36px 1fr auto;gap:10px;padding:10px 11px}
.cs3-kan__p{width:36px;height:36px;font-size:17px}
.cs3-kan__n{font-size:13px}
.cs3-kan__g{font-size:17px}
}
JEDINÝ ČESKÝ ZÁSTUPCE,
▶ VIDEO
(function(){
var root=document.currentScript?document.currentScript.closest('.cs3'):null;
if(!root) root=document.querySelector('.cs3');
if(!root) return;
var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;
root.classList.add('cs3-js');
/* Skok na kotvu. NIKDY nezávisí na requestAnimationFrame ani na nativním
smooth scrollu — obojí je na této stránce nespolehlivé. Skočíme okamžitě
(to funguje vždy) a plynulost přidáme jen když je rAF prokazatelně živý. */
var rafAlive=false;
try{ requestAnimationFrame(function(){ rafAlive=true; }); }catch(e){}
var scrollAnim=null;
function smoothTo(y){
y=Math.max(0,Math.round(y));
if(scrollAnim){ clearInterval(scrollAnim); scrollAnim=null; }
var start=window.pageYOffset, dist=y-start;
if(reduce || !rafAlive || Math.abs(dist)=1){ clearInterval(scrollAnim); scrollAnim=null; window.scrollTo(0,y); }
},16);
/* pojistka: kdyby interval selhal, do 800 ms dorovnat skokem */
setTimeout(function(){
if(scrollAnim){ clearInterval(scrollAnim); scrollAnim=null; }
if(Math.abs(window.pageYOffset-y)>4) window.scrollTo(0,y);
},800);
}
['wheel','touchstart','keydown'].forEach(function(ev){
window.addEventListener(ev,function(){ if(scrollAnim){clearInterval(scrollAnim); scrollAnim=null;} },{passive:true});
});
var bar=root.querySelector('#cs3prog'), stage=root.querySelector('.cs3-stage');
var navwrap=root.querySelector('.cs3-navwrap'), navEl=root.querySelector('.cs3-nav');
var hero=root.querySelector('.cs3-hero');
/* --- výška fixní hlavičky webu (měřeno za běhu, ne natvrdo) --- */
function headerH(){
/* Spodní okraj VŠECH fixních/sticky lišt ukotvených u horního okraje.
Mobilní hlavička webu bývá víceřádková, jedna hodnota nestačí. */
var best=0, all=document.querySelectorAll('header,.hmmHeader,.hmmHeader-shell,.hmmMobileCats,.hmmHeader-inner,[class*="header"],[class*="Header"]');
for(var i=0;i<all.length;i++){
var el=all[i]; if(root.contains(el)) continue;
var c=getComputedStyle(el);
if(c.position!=='fixed' && c.position!=='sticky') continue;
if(c.visibility==='hidden' || c.display==='none' || parseFloat(c.opacity)<0.05) continue;
var r=el.getBoundingClientRect();
if(r.height200) continue;
if(r.top>12) continue;
if(r.bottom>best) best=r.bottom;
}
return Math.max(0,Math.round(best));
}
var hH=0, nH=0;
function measure(){
hH=headerH();
if(navwrap){ navwrap.style.top=hH+'px'; nH=navwrap.offsetHeight||0; }
}
function offset(){ return hH + nH + 14; }
/* --- progress --- */
function prog(){
if(!bar||!stage) return;
var r=stage.getBoundingClientRect(), vh=window.innerHeight;
var total=r.height-vh, done=-r.top;
var p=total>0?Math.min(1,Math.max(0,done/total)):0;
bar.style.width=(p*100).toFixed(2)+'%';
}
/* --- dopočítávání čísel --- */
function fmt(v,dec){ return dec>0 ? v.toFixed(dec).replace('.',',') : String(Math.round(v)); }
function countUp(el){
var target=parseFloat(el.getAttribute('data-cnt'));
if(isNaN(target)) return;
var dec=parseInt(el.getAttribute('data-dec')||'0',10);
var pre=el.getAttribute('data-pre')||'', suf=el.getAttribute('data-suf')||'';
var dur=1000, t0=null, fin=pre+fmt(target,dec)+suf;
setTimeout(function(){ if(el.textContent!==fin) el.textContent=fin; },1400);
function step(ts){
if(t0===null) t0=ts;
var p=Math.min(1,(ts-t0)/dur), e=1-Math.pow(1-p,3);
el.textContent=pre+fmt(target*e,dec)+suf;
if(p<1) requestAnimationFrame(step);
}
requestAnimationFrame(step);
}
if(!reduce){ root.querySelectorAll('.cs3-bf[data-w]').forEach(function(b){ b.style.width='0%'; }); }
var rv=root.querySelectorAll('.cs3-rv');
function activate(el){
el.classList.add('in');
el.querySelectorAll('.cs3-bf[data-w]').forEach(function(b){
if(reduce){ b.style.width=b.getAttribute('data-w')+'%'; }
else setTimeout(function(){ b.style.width=b.getAttribute('data-w')+'%'; },80);
});
if(!reduce) el.querySelectorAll('[data-cnt]').forEach(countUp);
}
if('IntersectionObserver' in window){
var io=new IntersectionObserver(function(es){
es.forEach(function(e){ if(e.isIntersecting){ activate(e.target); io.unobserve(e.target); } });
},{rootMargin:'0px 0px -8% 0px',threshold:.06});
rv.forEach(function(el){io.observe(el)});
} else { rv.forEach(activate); }
/* pojistka: kdyby observer z jakéhokoli důvodu nesepnul, obsah nesmí zůstat skrytý */
setTimeout(function(){
if(!root.querySelector('.cs3-rv.in')) rv.forEach(activate);
},2000);
/* --- kotvy: vlastní scroll s korekcí na hlavičku i lištu --- */
var links=[].slice.call(root.querySelectorAll('.cs3-nav a'));
var secs=links.map(function(a){ return root.querySelector(a.getAttribute('href')); });
/* JEDEN handler pro VŠECHNY kotvy: lišta, rozcestník, tlačítka Zpět */
function goTo(sel, extra){
var t=root.querySelector(sel); if(!t) return false;
measure();
var y=window.pageYOffset+t.getBoundingClientRect().top-(extra===undefined?offset():extra);
smoothTo(y);
return true;
}
root.addEventListener('click',function(ev){
var a=ev.target.closest('a[href^="#cs3-"]');
if(!a || !root.contains(a)) return;
var href=a.getAttribute('href');
var isTop = href==='#cs3-top';
if(goTo(href, isTop?(hH+14):undefined)){
ev.preventDefault();
if(!isTop && history.replaceState) history.replaceState(null,'',href);
}
});
/* --- zvýraznění aktivní kotvy (s hysterezí, ať neposkakuje) --- */
var last=-1;
function spy(){
var line=offset()+40, best=-1, bt=-1e9;
for(var i=0;i<secs.length;i++){
var s0=secs[i]; if(!s0) continue;
var t=s0.getBoundingClientRect().top-line;
if(tbt){ bt=t; best=i; }
}
if(best===last) return;
last=best;
for(var j=0;j-1 && navEl && navEl.scrollWidth>navEl.clientWidth+4){
var a=links[best], tgt=a.offsetLeft-(navEl.clientWidth-a.offsetWidth)/2;
tgt=Math.max(0,Math.min(tgt,navEl.scrollWidth-navEl.clientWidth));
if(Math.abs(navEl.scrollLeft-tgt)>6){
navEl.scrollLeft=tgt;
}
}
}
/* --- lišta se objeví až pod Hero --- */
function toggleNav(){
if(!navwrap||!hero) return;
var show=hero.getBoundingClientRect().bottom =60){ runAll(); return; }
if(pending) return;
pending=setTimeout(function(){ pending=null; runAll(); }, 60-(now-lastRun));
}
window.addEventListener('scroll',onScroll,{passive:true});
window.addEventListener('resize',onScroll,{passive:true});
window.addEventListener('orientationchange',function(){ setTimeout(onScroll,220); });
if(document.fonts&&document.fonts.ready) document.fonts.ready.then(onScroll);
setTimeout(onScroll,300);
onScroll();
})();
(function(){
var box=document.getElementById('cs3vid'); if(!box) return;
var v=box.querySelector('video'), b=box.querySelector('.cs3-video__play');
if(!v||!b) return;
b.addEventListener('click',function(){ try{ v.play(); }catch(e){} });
v.addEventListener('play', function(){ box.classList.add('je-hrano'); });
v.addEventListener('pause',function(){ if(!v.ended) box.classList.add('je-hrano'); });
v.addEventListener('ended',function(){ box.classList.remove('je-hrano'); });
})();
1. kolo · Liga mistrů · dnes 21:00
JEDINÝ ČESKÝ ZÁSTUPCE,
A HNED LENS
Slavia vstupuje do Ligy mistrů jako jediný český tým a je pět zápasů neporažená. Lens je záhada — porazil PSG, pak doma padl s Lorientem. ❤️🤍🇫🇷
Máme tu první kolo Ligy mistrů ⚽🔥 a pro český fotbal ten nejdůležitější večer sezony. Slavia zůstala jediným českým zástupcem v soutěži a hned na úvod jí do Edenu přijíždí francouzské RC Lens. 🇫🇷
Dnes se kope od 21:00 ❤️🤍⚔️🇫🇷
Slavia jde do zápasu v laufu kvůli odloženému zápasu s Bohemians, takže do dnešního utkání jde s čerstvějšíma nohama 🔋. Navíc se drží vysoko v tabulce, přestože má odehráno méně zápasů než většina konkurence. Pokud svoje resty zvládne, může se pořadím ještě pořádně vyšplhat. 📊👀
Lens naopak minulý týden konečně zabral a doma udolal Sigmu 1:0. Teď ale potřebuje potvrdit, že to nebyl jen jeden povedený večer a že se Ostrava začíná rozjíždět. ⚒️🔥
Takže dnes máme pěknou otázku: využije Slavia odpočinku a zaútočí na špičku tabulky, nebo Lens naváže na vítězství nad Sigmou? 🍿⚽
🎬
Video k zápasu
Slavia Praha – Lens očima redakce
📹 Exkluzivní video HmmSport · klikni na přehrání
📊
LIVE skóre i statistiky rovnou tady
Po výkopu naskočí nahoře v článku živé skóre, góly a zápasové statistiky. Nic nemusíte obnovovat. 📊🔥
🏆 Novinka · start 16. 9.
HmmSport LíG se hraje o ceny
Od 16. září už nejde jen o chlubení v tabulce — HmmSport LíG se hraje o ceny. Tipuješ výsledky Ligy mistrů, sbíráš body a měříš se s celou redakcí.
Zapoj se ještě před ostrým startem a rozehraj se na zápasech, které se hrají teď. 🎯
Tipnout si Slavia – Lens →01
😈
Část první · Zakladatel HmmSportu
DevilČajld
Slávinka to dneska urve.
Dneska jde do tuhého ❤️🤍🏆. Moje Slavia vstupuje do Ligy mistrů a hned v prvním ostrém zápase přivítá v Edenu francouzské RC Lens 🇫🇷🔥.
Slavia zůstala jediným českým zástupcem v Lize mistrů, takže dnes nehraje jen o první body, ale i o to, jak se uvede mezi evropskou elitou. ⚔️🍿
Dneska to bude hodně vyrovnané ⚔️🔥, ale věřím, že moje Slávinka vyhraje, a klidně o jeden až dva góly ❤️🤍. Lens je sice nabité mužstvo 💪🇫🇷, ale popravdě jsem ho nikdy neviděl hrát 🤣📺.
Pokud se Slavia bude držet svého herního režimu, nenechá se strhnout emocemi a bude hrát svoji hru, dneska vyhraje 💪⚽. A Tomík dá minimálně jednu asistenci nebo gól 😎🎯.
Eden dnes čeká první pořádná evropská prověrka ❤️🤍
2:1Tip DevilČajldaSlavia to urve doma
10AtraktivitaZ deseti
02
🐉
Část druhá · Zakladatel HmmSportu
DragonMástr
Slavii dnes nevěří ani náhodou.
Ano, ještě žiju. 🐉😂 Na fotbal už sice moc nekoukám, teď mě víc zaměstnávají hořící kamna a služební auto 🔥🚗, ale HmmSport LíG jsem si poctivě otevřel.
A když už jsem se vrátil, tak rovnou ve velkém stylu. Slavii dnes nevěřím. Lens vyhraje 3:1. 🇫🇷🐉
A než začne Devil řvát — moje Sparta včera porazila poslední Žižkov, takže je všechno zase v pořádku. 🍐🤣
Návrat z duchů rovnou proti proudu 🐉
1:3Tip DragonMástraLens si odveze tři body
10AtraktivitaZ deseti
03
🪲
Část třetí · Umělá inteligence
Brouk Pytlík
Výjimečně na stejné straně jako Devil.
Tak Dragon se po dlouhé době vrátí k fotbalu a jeho první čin je Lens 3:1 v Edenu. 🐉😂 Já bych mu ten návrat do analytického oddělení zatím nepotvrzoval.
Dneska budu výjimečně stát na stejné straně barikády jako Devil. ❤️🤍 Slavia má doma obrovskou výhodu a hlavně nesmí začít hrát jinak jen proto, že nad zápasem svítí logo Ligy mistrů. 🏆
Lens bude velmi nepříjemný soupeř. Čekám fyzický, rychlý fotbal a pasáže, kdy bude Slavia muset zápas prostě přežít. Ale pokud nebude zbytečně bláznit a udrží svůj herní plán, šanci dnes rozhodně má.
Jediný český tým v Lize mistrů. Tady není co řešit 🪲🍿
2:1Tip Brouka PytlíkaEden rozhodne
10AtraktivitaZ deseti
04
👨🦳
Část čtvrtá · Umělá inteligence
Strýček Claude
Sám proti celé redakci: remíza.
Devil věří Slavii, Pytlík se k němu přidal, Dragon vsadil na Lens — a já jsem ten protivný strýc, co říká, že tohle skončí nerozhodně. 👨🦳
Slavia je pět zápasů neporažená ❤️🤍 — 4:0 se Zbrojovkou, 3:0 na Spartě. Jenže dva z těch pěti zápasů skončily remízou: 2:2 s Bohemians a 1:1 v Liberci. Slávistický režim teď umí zápas nepustit, ale taky ho umí nedotáhnout. 🤷♂️
A Lens je záhada 🇫🇷. Porazil PSG 1:0 v Trophée des Champions, rozstřílel Auxerre 5:2 — a mezi tím doma prohrál s Lorientem 0:1 a venku ve Štrasburku 1:2.
A pak je tu věc, kterou nikdo z redakce nezmínil: Tipsport dává 2.66 na Slavii, 3.71 na remízu a 2.62 na Lens 📊. To je prakticky hozená mince. Když se nálada v redakci takhle rozejde s čísly, držím se čísel.
Dodám ale jednu věc na rovinu: tohle je tip, u kterého budu rád, když se spletu 🍻. Kdyby to Slavia urvala, prohraju pár bodů v HmmSport LíG a nebude mi to ani trochu líto.
Kurzy říkají minci, redakce jasnou výhru 📊
1:1Tip Strýčka ClaudaSázková kancelář vidí minci
10AtraktivitaZ deseti
05
📊
Část pátá · Data
Data před zápasem
Neporažená Slavia proti nevyzpytatelnému Lensu.
Vzájemná historie neexistuje ⚔️
Slavia a Lens spolu v dostupných datech nikdy neodehrály zápas. Dnešek je první přímé srovnání, takže se nedá opřít o nic než o aktuální formu obou týmů.
5Zápasů bez porážkySlavia
2Remízy z pětiSlavia nedotáhla
3Porážky z pětiLens
1:0Lens porazil PSGTrophée des Champions
Forma — Slavia Praha ❤️🤍
doma · Zbrojovka Brno4:0
venku · Sparta Praha3:0
doma · Bohemians 19052:2
venku · Slovan Liberec1:1
doma · Pardubice2:1
Forma — RC Lens 🇫🇷
doma · Lorient0:1
venku · Strasbourg1:2
doma · Auxerre5:2
doma · Paris Saint Germain1:0
doma · Sunderland · příprava0:2
Co říkají kurzy 💰
Tipsport dává 2.66 na Slavii, 3.71 na remízu a 2.62 na Lens. Sázková kancelář tedy vidí prakticky vyrovnaný zápas — na rozdíl od naší redakce, kde tři ze čtyř věří domácím.
06
🏆
Poslední slovo
Tipy redakce
Tři na Slavii, Dragon a Claude proti.
😈
DevilČajld
Zakladatel
2:1 pro Slavii. „Moje Slávinka to dneska urve." ❤️🤍
🐉
DragonMástr
Zakladatel
1:3 pro Lens. „Slavii dnes nevěřím." 🐉🇫🇷
🪲
Brouk Pytlík
Umělá inteligence
2:1 pro Slavii. „Eden je obrovská výhoda, jen nesmí bláznit." 🪲
👨🦳
Strýček Claude
Umělá inteligence
1:1. „Kurzy vidí minci, redakce jasnou výhru." 📊
🏆 Od 16. 9. se hraje o ceny
HmmSport LíG
Tipuj výsledky Ligy mistrů, sbírej body a měř se s redakcí. Od 16. září se v HmmSport LíG hraje o ceny — a kdo se rozehraje už teď, nezačíná v den startu od nuly.
Bodování je jednoduché: 5 bodů za přesný výsledek, 4 body za správného vítěze se stejným rozdílem gólů, 3 body za správného vítěze nebo remízu, 2 body za správný počet gólů jednoho týmu.
Tipnout si Slavia – Lens →💰 Kurzy na dnešní zápas
Slavia 2.66 · remíza 3.71 · Lens 2.62
Aktuální kurzy i live průběh zápasu najdeš na Tipsportu:
Otevřít zápas na Tipsportu →
💬
A co vy? Dá Lens konečně dva góly?
Napište nám svůj tip na Facebooku.
Napsat na Facebook →
📊 Vše live na jednom místě
Liga mistrů 2026/27
Živé výsledky, tabulku, program i kurzy máme průběžně aktualizované:
- Živé výsledky
- Tabulka
- Program
- Kurzy
- Statistiky
- Střelci
- Hráči
- Sestavy
Zdroj dat: Liga mistrů 2026/27 — tabulka, forma a bilance doma/venku z api-football. Kurzy: Tipsport (stav k 6. 9. 2026). Live skóre dodává Tipsport, statistiky zápasu api-football.
Pozor: pro předkolo Ligy mistrů poskytovatel nedodává xG, proto v článku žádné není — na rozdíl od zápasů Ligy mistrů.
Poznámka: 18+ | Hraj zodpovědně. Sázení může být návykové.
Pozor: pro předkolo Ligy mistrů poskytovatel nedodává xG, proto v článku žádné není — na rozdíl od zápasů Ligy mistrů.
Poznámka: 18+ | Hraj zodpovědně. Sázení může být návykové.
Konečný výsledek
Slavia Praha 2:3 Lens
Slavia Praha ⚽ Statistiky Lens
37%
Držení míče
63% 18
Střely celkem
26 5
Na branku
8 6
Rohy
9 8
Fauly
8 0
Žluté karty
1 Klíčové události
Danijel Sturm
88'
90+1'
Florian Thauvinasistence Mezian Soares Mesloub
90+3'
Ruben Aguilar
David Zima ⇄ Mikulas Konecny
45'
Mikulas Konecny
48'
Mikulas Konecny
49'
Danijel Sturmasistence Samuel Isife
51'
61'
Franjo Ivanovic ⇄ Mezian Soares Mesloub
62'
Michał Skóraś ⇄ Ruben Aguilar
62'
Souleymane Sagnan ⇄ Odsonne Édouard
62'
Ismaëlo Ganiou
73'
Abdallah Sima
75'
Amadou Haidara ⇄ Florian Sotoca
75'
Abdallah Sima ⇄ Junior Kadile
Oskar Kubiak ⇄ David Jurasek
76'
Mojmír Chytil ⇄ Tomáš Chorý
76'
Wiktor Nowak ⇄ Toumani Diakite
82'
Samuel Isife ⇄ Ivan Schranz
84'