:root{
    --ink:#25042f;          /* tmavě fialová (PL purple) */
    --ink-2:#3a0a4a;
    --violet:#9d5bfb;
    --blue:#5f8bff;
    --cyan:#0ce8fe;
    --card:#79ddfa;         /* světle tyrkysové karty */
    --card-2:#9be6fb;
    --pink:#e90052;
    --green:#00c26e;
    --white:#ffffff;
    --grad:linear-gradient(115deg, #9d5bfb 0%, #7a7cff 38%, #3fb8ff 70%, #0ce8fe 100%);
    --shadow:0 6px 16px rgba(37,4,47,.18);
    --container:1320px;
    --head:'Fira Sans Condensed', sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; font-family:'Open Sans',sans-serif; color:var(--ink); background:#efefef; overflow-x:hidden;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:calc(var(--container) + 2rem); margin:0 auto; padding:0 1rem; position:relative;}
.icon{width:1em; height:1em; display:inline-block; fill:currentColor;}
::selection{background:var(--ink); color:var(--cyan);}
.h-sec{font-family:var(--head); font-weight:800; text-transform:uppercase; color:var(--ink); letter-spacing:.01em; line-height:1; margin:0;}

/* tlačítko */
.btn-ink{
    display:inline-flex; align-items:center; gap:.7rem; background:var(--ink); color:#fff;
    font-size:.88rem; font-weight:500; text-transform:uppercase; letter-spacing:.02em;
    padding:.8rem 1.3rem; border:0; transition:background .2s, color .2s, transform .2s;
}
.btn-ink i{font-size:.8rem; transition:transform .2s;}
.btn-ink:hover{background:#fff; color:var(--ink);}
.btn-ink:hover i{transform:translate(2px,-2px);}

/* úhlové „PL" plochy v pozadí */
.grad-sec{position:relative; background:var(--grad); overflow:hidden; isolation:isolate;}
.grad-sec .shape{position:absolute; z-index:-1; pointer-events:none;}
.shape.s1{inset:0; background:linear-gradient(115deg, rgba(12,232,254,.0) 0%, rgba(12,232,254,.55) 100%); clip-path:polygon(32% 0, 100% 0, 100% 18%, 74% 26%, 100% 42%, 100% 100%, 0 100%, 0 70%, 46% 61%, 25% 12%);}
.shape.s2{inset:0; background:linear-gradient(200deg, rgba(157,91,251,.55), rgba(157,91,251,0) 60%); clip-path:polygon(60% 0, 100% 0, 100% 55%, 70% 38%);}

/* ===================== NAVBAR ===================== */
.site-nav{position:absolute; top:0; left:0; right:0; z-index:50; padding-top:1.8rem;}
.site-nav .wrap{display:flex; align-items:flex-start; justify-content:space-between;}
.brand{display:block; width:116px; flex:0 0 auto; transition:transform .3s;}
.brand img{width:100%; height:auto; filter:drop-shadow(0 6px 14px rgba(37,4,47,.35));}
.brand:hover{transform:rotate(-6deg) scale(1.04);}
.nav-main{display:flex; align-items:center; gap:3px; list-style:none; margin:.9rem 0 0; padding:0;}
.nav-main > li{position:relative;}
.nav-main > li > a{display:flex; align-items:center; justify-content:center; height:44px; padding:0 1.6rem; background:var(--ink); color:#fff; font-size:.85rem; font-weight:500; text-transform:uppercase; letter-spacing:.03em; transition:background .2s, color .2s;}
.nav-main > li > a:hover, .nav-main > li > a.active{background:#fff; color:var(--ink);}
.nav-main .soc-li{display:flex; gap:6px; margin-left:8px;}
.btn-soc{width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--ink); color:#fff; border:1px solid rgba(255,255,255,.15); padding:0; line-height:0; transition:.2s;}
.btn-soc svg{width:20px; height:20px; display:block; fill:currentColor;}
.btn-soc:hover{background:#fff; color:var(--ink); transform:translateY(-2px);}
.nav-main > li > a.btn-soc{padding:0; width:44px; height:44px; justify-content:center;}
.dd{position:absolute; top:100%; left:0; min-width:220px; padding-top:3px; opacity:0; visibility:hidden; transform:translateY(6px); transition:.2s; z-index:5;}
.dd-in{background:var(--ink); padding:.4rem; box-shadow:0 14px 30px rgba(37,4,47,.35);}
.nav-main > li:hover .dd{opacity:1; visibility:visible; transform:none;}
.dd a{display:block; padding:.6rem .8rem; color:#fff; font-size:.85rem; border-left:3px solid transparent; transition:.15s;}
.dd a:hover{background:var(--ink-2); border-left-color:var(--cyan); color:var(--cyan);}
.nav-toggle{display:none; width:48px; height:48px; border:0; background:var(--ink); color:#fff; font-size:1.3rem; margin-top:.7rem;}
.mobile-menu{position:fixed; inset:0; z-index:1100; background:var(--ink); padding:5.5rem 1.5rem 2rem; overflow-y:auto; opacity:0; visibility:hidden; transition:.25s;}
.mobile-menu.open{opacity:1; visibility:visible;}
.mobile-menu > a, .mobile-menu summary{display:block; color:#fff; font-family:var(--head); font-weight:700; font-size:1.6rem; text-transform:uppercase; padding:.6rem 0; border-bottom:1px solid rgba(255,255,255,.08); list-style:none; cursor:pointer;}
.mobile-menu summary::-webkit-details-marker{display:none;}
.mobile-menu details a{display:block; color:#cfc3d6; padding:.45rem 0 .45rem 1rem; border-left:3px solid var(--cyan); margin:.3rem 0;}
.mm-close{position:absolute; top:1.4rem; right:1.2rem; width:48px; height:48px; border:0; background:#fff; color:var(--ink); font-size:1.3rem;}
.mm-soc{display:flex; gap:.6rem; margin-top:1.6rem;}
body.menu-open{overflow:hidden;}

/* ===================== HERO ===================== */
.hero{padding:11.5rem 0 3.6rem;}
.hero-top{display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:2rem; min-height:330px;}
.hero-kicker{display:inline-flex; align-items:center; gap:.6rem; background:var(--ink); color:var(--cyan); font-family:var(--head); font-weight:700; font-size:.95rem; text-transform:uppercase; letter-spacing:.08em; padding:.45rem .9rem;}
.hero-kicker i{font-size:.75rem;}
.hero-title{font-family:var(--head); font-weight:900; text-transform:uppercase; color:#fff; font-size:clamp(3.2rem, 8vw, 7.4rem); line-height:.86; margin:.9rem 0 0; letter-spacing:-.01em; text-shadow:0 8px 30px rgba(37,4,47,.25);}
.hero-title span{display:block; color:var(--ink); -webkit-text-stroke:0;}
.hero-lead{color:#fff; font-size:1.08rem; max-width:520px; margin:1.2rem 0 0; line-height:1.6; font-weight:500;}
.hero-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:1.4rem;}
.chip{background:rgba(255,255,255,.18); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,.35); color:#fff; padding:.55rem .9rem; display:flex; flex-direction:column; line-height:1.15; min-width:110px;}
.chip b{font-family:var(--head); font-weight:800; font-size:1.45rem;}
.chip small{font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; opacity:.9;}
.hero-cta{display:flex; flex-wrap:wrap; gap:8px; margin-top:1.5rem;}
.btn-ghost{display:inline-flex; align-items:center; gap:.7rem; border:2px solid #fff; color:#fff; font-size:.88rem; font-weight:500; text-transform:uppercase; padding:.7rem 1.2rem; transition:.2s;}
.btn-ghost:hover{background:#fff; color:var(--ink);}
.hero-crest{position:relative; justify-self:center; width:min(380px, 80%); aspect-ratio:1;}
.hero-crest::before{content:""; position:absolute; inset:-14%; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.55) 0%, rgba(255,255,255,0) 65%);}
.hero-crest::after{content:"1933"; position:absolute; right:-6%; bottom:2%; font-family:var(--head); font-weight:900; font-size:4.4rem; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.65); line-height:1; transform:rotate(-8deg);}
.hero-crest img{position:relative; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 22px 40px rgba(37,4,47,.45)); animation:float 6s ease-in-out infinite;}
@keyframes float{50%{transform:translateY(-10px) rotate(-2deg);}}
@media (prefers-reduced-motion:reduce){ .hero-crest img{animation:none;} }

.hero-bottom{display:grid; grid-template-columns:1fr 1.25fr; gap:2rem; align-items:end; margin-top:3rem;}
.pos-wrap{display:flex; align-items:flex-end; gap:12px;}
.pos-card{background:var(--card); box-shadow:var(--shadow); width:200px; padding:1.4rem 1rem 1.2rem; text-align:center;}
.pos-card small{font-size:.92rem; font-weight:600;}
.pos-card b{display:block; font-family:var(--head); font-weight:800; font-size:4rem; line-height:1; margin-top:.4rem;}
.pos-card span{display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; margin-top:.35rem; opacity:.75;}
.last3 .h-sec{text-align:center; font-size:2.2rem; margin-bottom:1.1rem;}
.res-row{display:grid; grid-template-columns:44px 1fr 46px 46px 1fr 44px; align-items:center; gap:0; background:var(--card); box-shadow:var(--shadow); height:58px; padding:0 .9rem; margin-bottom:12px; font-size:.95rem; font-weight:600; transition:transform .2s, background .2s;}
.res-row:hover{transform:translateX(4px); background:var(--card-2);}
.res-row .t-h{padding-left:1rem;} .res-row .t-a{text-align:right; padding-right:1rem;}
.res-row .us{font-weight:800;}
.score-box{height:58px; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--head); font-weight:700; font-size:1.6rem; margin-right:3px;}
.score-box + .score-box{margin-right:0;}
.crest-sm{width:36px; height:36px; object-fit:contain;}
.opp{border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:var(--c1); color:var(--c2); border:3px solid var(--c2); box-shadow:0 0 0 2px var(--c1); font-family:var(--head); font-weight:800; line-height:1; flex:0 0 auto;}
.res-row .opp{width:34px; height:34px; font-size:.6rem; justify-self:center;}
.res-legend{display:flex; gap:1.2rem; justify-content:flex-end; font-size:.75rem; color:#fff; font-weight:600; margin-top:.2rem;}
.res-legend i{display:inline-block; width:10px; height:10px; margin-right:.35rem;}

/* ===================== PŘÍŠTÍ UTKÁNÍ + TABULKA ===================== */
.stadium-sec{position:relative; padding:4.2rem 0 5rem; background:#e9e9e9; isolation:isolate; overflow:hidden;}
.stadium-sec::before{content:""; position:absolute; inset:0; z-index:-2; background:url('https://loremflickr.com/1600/1000/football,stadium,grass?lock=501') center/cover no-repeat; filter:grayscale(1);}
.stadium-sec::after{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(240,240,240,.92), rgba(240,240,240,.78) 50%, rgba(240,240,240,.92));}
.next-grid{display:grid; grid-template-columns:.62fr 1.38fr; gap:2.4rem; align-items:center;}
.next-title{font-size:clamp(2.6rem, 4.6vw, 4.1rem); text-align:right; line-height:.95;}
.next-card{background:var(--card); box-shadow:var(--shadow); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:1.6rem 2rem 1.4rem; transition:transform .25s;}
.next-card:hover{transform:translateY(-4px);}
.nc-team{display:flex; flex-direction:column; align-items:center; gap:.7rem; font-weight:600; font-size:1rem; text-align:center;}
.nc-team img{width:118px; height:118px; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(37,4,47,.25));}
.nc-team .opp{width:110px; height:110px; font-size:1.7rem; border-width:5px; box-shadow:0 0 0 4px var(--c1), 0 6px 12px rgba(37,4,47,.25);}
.nc-mid{display:flex; flex-direction:column; align-items:center; padding:0 1.5rem;}
.nc-mid .colon{font-family:var(--head); font-weight:900; font-size:3rem; line-height:1;}
.nc-mid small{font-size:.8rem; margin-top:.3rem;}
.nc-mid .date{background:var(--ink); color:#fff; font-size:.88rem; padding:.45rem 1.1rem; margin-top:.3rem; white-space:nowrap;}
.nc-mid .time{font-family:var(--head); font-weight:800; font-size:1.3rem; margin-top:.45rem;}
.nc-meta{grid-column:1 / -1; display:flex; justify-content:center; gap:1.4rem; flex-wrap:wrap; font-size:.8rem; margin-top:1.1rem; padding-top:.9rem; border-top:1px solid rgba(37,4,47,.15);}
.nc-meta i{margin-right:.35rem;}

.table-grid{display:grid; grid-template-columns:.62fr 1.38fr; gap:2.4rem; align-items:start; margin-top:3.6rem;}
/* promo / plakát */
.promo{position:relative; display:block; background:var(--ink); color:#fff; overflow:hidden; box-shadow:var(--shadow); isolation:isolate; min-height:100%;}
.promo::before{content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(160deg, rgba(37,4,47,.15), rgba(37,4,47,.95) 62%), url('https://loremflickr.com/700/900/kids,football?lock=502') center/cover;}
.promo::after{content:""; position:absolute; z-index:-1; right:-30%; top:-12%; width:90%; aspect-ratio:1; background:var(--grad); opacity:.85; clip-path:polygon(30% 0, 100% 0, 100% 70%);}
.promo-in{padding:1.6rem 1.6rem 1.8rem; display:flex; flex-direction:column; min-height:520px;}
.promo-tag{align-self:flex-start; background:var(--cyan); color:var(--ink); font-family:var(--head); font-weight:800; text-transform:uppercase; font-size:.85rem; letter-spacing:.06em; padding:.3rem .7rem;}
.promo h3{font-family:var(--head); font-weight:900; text-transform:uppercase; font-size:2.6rem; line-height:.92; margin:auto 0 .8rem; padding-top:9rem;}
.promo h3 em{font-style:normal; color:var(--cyan);}
.promo p{font-size:.92rem; line-height:1.55; margin:0 0 1rem; color:#e7defa;}
.promo ul{list-style:none; padding:0; margin:0 0 1.2rem; font-size:.88rem;}
.promo li{display:flex; gap:.6rem; align-items:center; padding:.25rem 0;}
.promo li i{color:var(--cyan); width:16px;}
.promo .btn-ink{background:var(--cyan); color:var(--ink); align-self:flex-start;}
.promo .btn-ink:hover{background:#fff;}

.tbl .h-sec{text-align:center; font-size:2.2rem; margin-bottom:1.3rem;}
.tr{display:grid; grid-template-columns:52px 60px 1fr 90px 70px; align-items:center; background:var(--card); box-shadow:var(--shadow); height:58px; margin-bottom:12px; font-size:.95rem; font-weight:600; transition:transform .2s, background .2s;}
.tr:hover{transform:translateX(4px); background:var(--card-2);}
.tr .pos{height:100%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--head); font-weight:700; font-size:1.5rem;}
.tr .cr{display:flex; justify-content:center;}
.tr .opp{width:32px; height:32px; font-size:.55rem;}
.tr .nm{padding-left:.6rem;}
.tr .zp{font-size:.8rem; font-weight:500; opacity:.7; text-align:right;}
.tr .pt{text-align:right; padding-right:1.4rem;}
.tr.us{background:var(--ink); color:#fff; box-shadow:0 8px 20px rgba(37,4,47,.35);}
.tr.us .pos{background:var(--cyan); color:var(--ink);}
.tr.us .zp{opacity:.75;}
.tbl-foot{display:flex; justify-content:center; margin-top:1.8rem;}

/* ===================== NOVINKY ===================== */
.news-sec{padding:4.4rem 0 5rem;}
.news-sec .h-sec{text-align:center; font-size:2.6rem; margin-bottom:2rem;}
.news-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px;}
.nw{display:flex; flex-direction:column; background:var(--card); box-shadow:var(--shadow); transition:transform .25s, box-shadow .25s;}
.nw:hover{transform:translateY(-6px); box-shadow:0 16px 30px rgba(37,4,47,.3);}
.nw .ph{aspect-ratio:4/3; overflow:hidden; background:var(--ink-2);}
.nw .ph img{width:100%; height:100%; object-fit:cover; transition:transform .6s;}
.nw:hover .ph img{transform:scale(1.06);}
.nw .bd{padding:1.3rem 1.5rem 1.2rem; display:flex; flex-direction:column; flex:1;}
.nw time{font-size:.85rem; font-weight:500;}
.nw h3{font-family:var(--head); font-weight:700; text-transform:uppercase; font-size:1.45rem; line-height:1.15; margin:.6rem 0 1rem;}
.nw .arr{align-self:flex-end; margin-top:auto; font-size:1.5rem; transition:transform .2s;}
.nw:hover .arr{transform:translate(4px,-4px);}
.news-foot{display:flex; justify-content:center; margin-top:2.6rem;}

/* ===================== PARTNEŘI ===================== */
.partners-sec{position:relative; padding-bottom:3rem;}
.partners-sec::before{content:""; position:absolute; left:0; right:0; top:0; height:150px; background:var(--grad); z-index:-1;}
.partners{background:#fff; padding:3.2rem 3rem 4rem; box-shadow:var(--shadow);}
.partners .h-sec{text-align:center; font-size:2.2rem; margin-bottom:2.8rem;}
.p-grid{display:flex; flex-wrap:wrap; justify-content:center; row-gap:2.6rem;}
.p-logo{flex:0 0 25%; display:flex; align-items:center; justify-content:center; min-height:64px; padding:0 .8rem; transition:transform .2s;}
.p-logo:hover{transform:scale(1.06);}
.lg{display:inline-flex; align-items:center; gap:.5rem; line-height:1;}
.lg small{display:block; font-size:.55em; letter-spacing:.06em; margin-top:.2em;}

/* ===================== FOOTER ===================== */
footer{text-align:center; padding:1.6rem 1rem 2rem;}
footer .f-name{font-family:var(--head); font-weight:800; font-size:1.2rem; text-transform:uppercase;}
footer .f-credit{font-size:.75rem; color:#7a6a80; margin-top:.3rem;}
footer .footer-credit-link{color:var(--ink); font-weight:600; transition:color .2s;}
footer .footer-credit-link:hover{color:var(--pink);}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1199px){
    .nav-main > li > a{padding:0 1.1rem;}
    .res-row, .tr{font-size:.88rem;}
}
@media (max-width:991px){
    .nav-main{display:none;}
    .nav-toggle{display:block;}
    .brand{width:88px;}
    .hero{padding-top:8.5rem;}
    .hero-top{grid-template-columns:1fr; text-align:left;}
    .hero-crest{order:-1; width:200px; justify-self:start; display:none;}
    .hero-bottom, .next-grid, .table-grid{grid-template-columns:1fr;}
    .next-title{text-align:center;}
    .pos-wrap{justify-content:flex-start;}
    .news-grid{grid-template-columns:1fr 1fr;}
    .promo-in{min-height:420px;}
    .p-logo{flex-basis:33.333%;}
}
@media (max-width:575px){
    .hero-title{font-size:3.4rem;}
    .chip{min-width:0; flex:1 1 30%;}
    .chip b{font-size:1.2rem;}
    .pos-card{width:150px;} .pos-card b{font-size:3rem;}
    .last3 .h-sec, .tbl .h-sec, .partners .h-sec{font-size:1.7rem;}
    .res-row{grid-template-columns:30px 1fr 36px 36px 1fr 30px; padding:0 .5rem; font-size:.78rem; height:52px;}
    .res-row .t-h{padding-left:.5rem;} .res-row .t-a{padding-right:.5rem;}
    .score-box{height:52px; font-size:1.25rem;}
    .res-row .opp, .res-row .crest-sm{width:26px; height:26px; font-size:.45rem;}
    .next-card{padding:1.2rem .8rem 1rem;}
    .nc-team img{width:76px; height:76px;} .nc-team .opp{width:72px; height:72px; font-size:1.1rem;}
    .nc-team{font-size:.85rem;}
    .nc-mid{padding:0 .5rem;}
    .tr{grid-template-columns:42px 44px 1fr 0 52px; font-size:.82rem; height:52px;}
    .tr .zp{display:none;}
    .tr .pt{padding-right:.8rem;}
    .news-grid{grid-template-columns:1fr;}
    .nw h3{font-size:1.3rem;}
    .partners{padding:2.2rem 1rem 2.6rem;}
    .p-logo{flex-basis:50%; font-size:.85rem; min-width:0; padding:0 .3rem;}
    .p-logo .lg{transform:scale(.82); transform-origin:center;}
}

/* ===================== PODSTRÁNKY TÝMU ===================== */
.page-sec{padding:12.5rem 0 7rem;}
.ink-head{background:var(--ink); color:#fff; margin:0; height:64px; display:flex; align-items:center; padding:0 1.4rem; font-family:'Open Sans',sans-serif; font-size:1.05rem; font-weight:400; text-transform:uppercase; letter-spacing:.02em;}
.team-hub{display:grid; grid-template-columns:714fr 399fr; gap:30px; align-items:start;}
.team-photo{margin:0; box-shadow:var(--shadow);}
.team-photo .ph{height:468px; background:var(--ink-2);}
.team-photo .ph img{width:100%; height:100%; object-fit:cover;}
.team-caption{padding:1.1rem 2rem 0; font-size:.95rem; font-weight:500; line-height:1.75; margin:0; color:var(--ink);}
.hub-tiles{display:grid; grid-template-columns:1fr 1fr; gap:23px 20px;}
.hub-tile{height:133px; background:var(--ink); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.85rem; font-size:.95rem; text-align:center; box-shadow:var(--shadow); transition:background .2s, color .2s, transform .2s;}
.hub-tile i{font-size:2.6rem; line-height:1; transition:color .2s;}
.hub-tile:hover{transform:translateY(-3px); background:var(--ink-2);}
.hub-tile:hover i{color:var(--cyan);}
.hub-tile.active{background:var(--card); color:#fff;}
.hub-tile.active i{color:#fff;}
.page-sec + .partners-sec{margin-top:-3.5rem;}
.page-sec + .partners-sec::before{display:none;}
@media (max-width:991px){
    .page-sec{padding:8.5rem 0 6rem;}
    .team-hub{grid-template-columns:1fr;}
    .team-photo .ph{height:auto; aspect-ratio:3/2;}
    .team-caption{padding:1rem .4rem 0;}
}
@media (max-width:575px){
    .hub-tiles{gap:12px;}
    .hub-tile{height:112px; font-size:.88rem; gap:.6rem;}
    .hub-tile i{font-size:2.1rem;}
}

/* ===================== ZÁPASY ===================== */
.page-col{min-width:0;}
.ink-head-sel{justify-content:space-between; gap:1rem;}
.ink-head-sel h1{font-size:inherit; font-weight:inherit; margin:0; display:flex; flex-wrap:wrap; gap:0 .1rem;}
.ink-head-sel .sep{margin:0 .5rem;}
.sel{position:relative; flex:0 0 auto;}
.sel select{appearance:none; -webkit-appearance:none; height:40px; border:0; border-radius:0; background:#fff; color:var(--ink); font-family:inherit; font-size:.95rem; padding:0 2.4rem 0 1rem; cursor:pointer;}
.sel select:focus{outline:2px solid var(--cyan);}
.sel::after{content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; position:absolute; right:.9rem; top:50%; transform:translateY(-50%); font-size:.7rem; pointer-events:none; color:var(--ink);}
.fx-list{margin-top:18px;}
.fx{display:grid; grid-template-columns:44px 1fr 46px 46px 120px 1fr 44px; align-items:center; background:var(--card); box-shadow:var(--shadow); height:58px; padding:0 .9rem 0 .9rem; margin-bottom:12px; font-size:.95rem; font-weight:600; border-left:6px solid transparent; transition:transform .2s, background .2s;}
.fx:hover{transform:translateX(4px); background:var(--card-2);}
.fx.w{border-left-color:var(--green);} .fx.l{border-left-color:var(--pink);} .fx.r{border-left-color:#8a8a9a;}
.fx .opp{width:34px; height:34px; font-size:.55rem; justify-self:center;}
.fx .crest-sm{justify-self:center;}
.fx .t-h{padding-left:1rem;} .fx .t-a{text-align:right; padding-right:1rem;}
.fx .us{font-weight:800;}
.fx .score-box.time{grid-column:span 2; font-size:1.2rem; margin-right:0;}
.fx-info{font-size:.78rem; font-weight:600; padding-left:1rem; white-space:nowrap; display:flex; align-items:center; gap:.4rem;}
.fx-info i{font-size:1.05rem;}
.fx.u{background:#c6eefb;}
.fx-legend{display:flex; flex-wrap:wrap; gap:.5rem 1.4rem; font-size:.8rem; font-weight:600; color:var(--ink); margin-top:.4rem;}
.fx-legend span{display:flex; align-items:center; gap:.4rem;}
.fx-legend i.w, .fx-legend i.l, .fx-legend i.r{width:6px; height:16px; display:inline-block;}
.fx-legend i.w{background:var(--green);} .fx-legend i.l{background:var(--pink);} .fx-legend i.r{background:#8a8a9a;}
@media (max-width:767px){
    .ink-head-sel{height:auto; flex-wrap:wrap; padding:.9rem 1rem; font-size:.85rem;}
    .fx{grid-template-columns:28px 1fr 34px 34px 1fr 28px; grid-template-rows:auto auto; height:auto; padding:.55rem .5rem; font-size:.78rem; row-gap:.25rem;}
    .fx .opp, .fx .crest-sm{width:26px; height:26px; font-size:.42rem;}
    .fx .t-h{padding-left:.4rem;} .fx .t-a{padding-right:.4rem;}
    .fx .score-box{height:40px; font-size:1.15rem;}
    .fx .score-box.time{font-size:.9rem;}
    .fx-info{grid-column:1 / -1; grid-row:2; justify-content:center; padding:0; font-size:.72rem;}
}

/* ===================== TABULKA ===================== */
.lt-head, .lt-list .tr{display:grid; grid-template-columns:58px 64px 1fr 44px 44px 44px 44px 72px 82px;}
.lt-head{align-items:end; margin:16px 0 8px; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--ink);}
.lt-head span{text-align:center;} .lt-head span:nth-child(3){text-align:left; padding-left:.6rem;}
.lt-head .pt{text-align:right; padding-right:1.4rem;}
.lt-list .tr{height:58px; margin-bottom:10px;}
.lt-list .tr .st{text-align:center; font-weight:500; font-size:.88rem;}
.lt-list .tr .sk{font-weight:600;}
.lt-list .tr .opp{width:34px; height:34px; font-size:.55rem;}
.lt-list .tr .pt{font-weight:700;}
@media (max-width:767px){
    .lt-head, .lt-list .tr{grid-template-columns:40px 40px 1fr 56px 52px;}
    .lt-head span:nth-child(4), .lt-head span:nth-child(5), .lt-head span:nth-child(6), .lt-head span:nth-child(7),
    .lt-list .tr .st:not(.sk){display:none;}
    .lt-list .tr{height:52px; font-size:.8rem;}
    .lt-list .tr .pos{font-size:1.2rem;}
    .lt-list .tr .opp, .lt-list .tr .crest-sm{width:26px; height:26px; font-size:.42rem;}
    .lt-list .tr .sk{font-size:.75rem;}
    .lt-list .tr .pt, .lt-head .pt{padding-right:.6rem;}
}

/* ===================== NOVINKY ===================== */
.page-sec.short{background:#efefef;}
.page-sec.short::before{content:""; position:absolute; left:0; right:0; top:0; height:900px; background:var(--grad); z-index:-2;}
.page-sec.short .shape{bottom:auto; height:900px;}
.ink-h1{font-size:inherit; font-weight:inherit; margin:0;}
.ink-h1 .sep{margin:0 .5rem;}
.news-2{grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px;}
.news-2 .nw h3{font-size:1.4rem;}
.nw.hidden-more{display:none;}
#ncMore{cursor:pointer;}
#ncMore[hidden]{display:none;}
.page-sec.short + .partners-sec{margin-top:-4rem;}
@media (max-width:575px){ .news-2{grid-template-columns:1fr;} }

/* ===================== DETAIL HRÁČE ===================== */
.ph-sec{padding-bottom:5rem;}
.ph-hero{display:grid; grid-template-columns:56px 1fr 300px 1fr 56px; align-items:center; column-gap:2rem; max-width:1180px; margin:0 auto;}
.ph-arrow{width:56px; height:56px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.2rem; align-self:start; margin-top:3rem; transition:.2s;}
.ph-arrow:hover{background:#fff; color:var(--ink); transform:scale(1.06);}
.ph-left{justify-self:center; align-self:start; padding-top:1rem;}
.ph-num{font-family:var(--head); font-weight:800; font-size:5.2rem; line-height:.9; color:var(--ink);}
.ph-name{font-family:var(--head); font-weight:600; font-size:2.6rem; text-transform:uppercase; line-height:1.05; color:var(--ink); margin:1.4rem 0 .4rem;}
.ph-pos{font-family:var(--head); font-weight:600; font-size:1.6rem; text-transform:uppercase; color:#fff;}
.ph-photo{align-self:end; display:flex; justify-content:center;}
.ph-photo .pc-sil{width:300px; height:375px; display:block; margin-bottom:-1px;}
.ph-info{margin:0; align-self:start; padding-top:.4rem;}
.ph-info > div + div{margin-top:1rem;}
.ph-info dt{font-family:var(--head); font-weight:600; font-size:1.25rem; text-transform:uppercase; color:#fff;}
.ph-info dd{margin:.1rem 0 0; font-size:1rem; font-weight:600; color:var(--ink);}
.ph-info dd.todo{opacity:.55; font-style:italic; font-weight:500;}
.ph-card{background:#fff; box-shadow:var(--shadow); padding:3rem 3rem 3.4rem;}
.ph-h{font-family:var(--head); font-weight:700; font-size:1.5rem; text-transform:uppercase; margin:0 0 .8rem;}
.pr-head{display:grid; grid-template-columns:1fr 110px 120px; align-items:center; background:var(--ink); color:#fff; height:48px; padding:0 1.4rem; font-size:.95rem;}
.pr-head .c{text-align:center;}
.pr{display:grid; grid-template-columns:46px 1fr 110px 120px; align-items:center; column-gap:1rem; padding:.9rem 1.4rem; border-bottom:1px solid #e6e3ea; border-left:5px solid transparent; transition:background .15s;}
.pr:hover{background:#eefaff;}
.pr.w{border-left-color:var(--green);} .pr.l{border-left-color:var(--pink);} .pr.r{border-left-color:#8a8a9a;}
.pr .opp{width:40px; height:40px; font-size:.55rem;}
.pr-t{font-size:.98rem; color:#4a3a52;} .pr-t b{color:var(--ink); font-weight:800;}
.pr-sc{font-family:var(--head); font-weight:700; margin-left:.3rem; color:var(--ink);}
.pr-d{font-size:.8rem; color:#7a6a80; margin-top:.1rem;}
.pr-min{text-align:center;} .pr-min b{display:block; font-family:var(--head); font-weight:700; font-size:1.2rem;} .pr-min small{font-size:.66rem; text-transform:uppercase; letter-spacing:.05em; color:#7a6a80;}
.pr-ev{display:flex; justify-content:center; gap:.35rem;}
.pe-none{color:#aaa;}
.cardi{display:inline-block; width:11px; height:15px; vertical-align:-2px;} .cardi.y{background:#f4c430;} .cardi.r{background:#d6262f;}
.ph-back{margin-top:2rem;}
@media (max-width:991px){
    .ph-hero{grid-template-columns:48px 1fr 48px; grid-template-areas:"pv left nx" "pv photo nx" "info info info"; row-gap:1.2rem;}
    .ph-hero > .ph-arrow:first-child{grid-area:pv;} .ph-hero > .ph-arrow:last-child{grid-area:nx;}
    .ph-left{grid-area:left; text-align:center; padding:0;} .ph-photo{grid-area:photo;}
    .ph-photo .pc-sil{width:220px; height:275px;}
    .ph-info{grid-area:info; display:grid; grid-template-columns:1fr 1fr; gap:1rem; text-align:center; padding-bottom:1.6rem;}
    .ph-info > div + div{margin-top:0;}
    .ph-arrow{width:44px; height:44px; margin-top:1rem;}
    .ph-card{padding:2rem 1rem 2.4rem;}
}
@media (max-width:575px){
    .ph-num{font-size:3.6rem;} .ph-name{font-size:1.8rem; margin-top:.6rem;} .ph-pos{font-size:1.2rem;}
    .ph-info dt{font-size:1rem;}
    .pr-head{grid-template-columns:1fr 60px; padding:0 .8rem;} .pr-head .c:last-child{display:none;}
    .pr{grid-template-columns:34px 1fr 60px; column-gap:.6rem; row-gap:.3rem; padding:.8rem;}
    .pr .opp{width:32px; height:32px; font-size:.45rem; grid-row:1 / span 2;}
    .pr-min{grid-column:3; grid-row:1 / span 2;}
    .pr-ev{grid-column:2; grid-row:2; justify-content:flex-start;}
    .pr-ev:has(.pe-none){display:none;}
    .pr-t{font-size:.85rem;}
}