: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;}
}

/* ===================== PŘEDCHOZÍ UTKÁNÍ ===================== */

.prev-match{
    margin-top:2rem;
    margin-bottom:2rem;
}

.prev-match-link{
    display:block;
    background:var(--card);
    color:var(--ink);
    box-shadow:var(--shadow);
    border-left:6px solid var(--ink);
    transition:transform .2s, background .2s, box-shadow .2s;
}

.prev-match-link:hover{
    transform:translateY(-3px);
    background:var(--card-2);
    box-shadow:0 12px 24px rgba(37,4,47,.25);
}

.pm-grid{
    display:grid;
    grid-template-columns:1fr 220px 1fr;
    align-items:center;
    min-height:190px;
    padding:1.5rem 2rem;
}

/* ===================== TÝM ===================== */

.pm-team{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.8rem;
    text-align:center;
    font-family:var(--head);
    font-weight:800;
    font-size:1.15rem;
    line-height:1.1;
    text-transform:uppercase;
}

.pm-crest{
    width:86px;
    height:86px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pm-crest img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 7px 12px rgba(37,4,47,.22));
}

/* ===================== STŘED ===================== */

.pm-mid{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:0 1rem;
}

.pm-mid .lbl{
    display:inline-block;
    background:var(--ink);
    color:#fff;
    font-family:var(--head);
    font-size:.78rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
    padding:.4rem .75rem;
    margin-bottom:.7rem;
}

.pm-mid .dt{
    font-size:.82rem;
    font-weight:600;
    opacity:.75;
    line-height:1.3;
}

.pm-mid .score{
    margin-top:.55rem;
    min-width:100px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--ink);
    color:#fff;
    font-family:var(--head);
    font-size:2rem;
    font-weight:900;
    line-height:1;
    padding:0 1rem;
}

/* výsledek */

.pm-mid .score.w{
    background:var(--green);
    color:var(--ink);
}

.pm-mid .score.l{
    background:var(--pink);
    color:#fff;
}

.pm-mid .score.r{
    background:#8a8a9a;
    color:#fff;
}

/* ===================== LEVÁ / PRAVÁ STRANA ===================== */

.pm-team:first-child{
    border-right:1px solid rgba(37,4,47,.12);
    padding-right:2rem;
}

.pm-team:last-child{
    border-left:1px solid rgba(37,4,47,.12);
    padding-left:2rem;
}


/* ===================== RESPONSIVE ===================== */

@media (max-width:767px){

    .prev-match{
        margin-top:1.2rem;
        margin-bottom:1.4rem;
    }

    .pm-grid{
        grid-template-columns:1fr 110px 1fr;
        min-height:145px;
        padding:1rem .7rem;
    }

    .pm-team{
        font-size:.82rem;
        gap:.55rem;
    }

    .pm-crest{
        width:58px;
        height:58px;
    }

    .pm-team:first-child{
        padding-right:.7rem;
    }

    .pm-team:last-child{
        padding-left:.7rem;
    }

    .pm-mid{
        padding:0 .3rem;
    }

    .pm-mid .lbl{
        font-size:.6rem;
        padding:.3rem .45rem;
        margin-bottom:.45rem;
    }

    .pm-mid .dt{
        font-size:.68rem;
    }

    .pm-mid .score{
        min-width:70px;
        height:43px;
        font-size:1.4rem;
        margin-top:.4rem;
        padding:0 .6rem;
    }
}


@media (max-width:575px){

    .pm-grid{
        grid-template-columns:1fr 82px 1fr;
        padding:.9rem .45rem;
    }

    .pm-team{
        font-size:.7rem;
    }

    .pm-crest{
        width:48px;
        height:48px;
    }

    .pm-team:first-child{
        padding-right:.4rem;
    }

    .pm-team:last-child{
        padding-left:.4rem;
    }

    .pm-mid{
        padding:0 .15rem;
    }

    .pm-mid .lbl{
        font-size:.52rem;
        letter-spacing:.03em;
        padding:.25rem .35rem;
    }

    .pm-mid .dt{
        font-size:.6rem;
    }

    .pm-mid .score{
        min-width:58px;
        height:38px;
        font-size:1.15rem;
    }
}

/* ===================== VZÁJEMNÉ ZÁPASY ===================== */

.h2h-section{
    margin-top:3rem;
    margin-bottom:1rem;
}

/* ===================== H2H BANNER ===================== */

.h2h-banner{
    display:grid;
    grid-template-columns:180px 1fr 240px;
    align-items:center;
    min-height:150px;
    background:var(--ink);
    color:#fff;
    box-shadow:var(--shadow);
    overflow:hidden;
}

.h2h-left,
.h2h-right{
    height:100%;
    display:flex;
    align-items:center;
}

.h2h-left{
    flex-direction:column;
    justify-content:center;
    gap:.6rem;
    padding:1rem;
    background:rgba(255,255,255,.04);
    border-right:1px solid rgba(255,255,255,.1);
}

.h2h-crest{
    width:68px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.h2h-crest img{
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 7px 14px rgba(0,0,0,.3));
}

.h2h-team-name{
    font-family:var(--head);
    font-size:.85rem;
    font-weight:800;
    text-transform:uppercase;
    text-align:center;
    line-height:1.1;
}

.h2h-title-block{
    padding:1.5rem 2rem;
}

.h2h-title{
    font-family:var(--head);
    font-size:2.3rem;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.01em;
}

.h2h-subtitle{
    margin-top:.55rem;
    color:rgba(255,255,255,.7);
    font-size:.82rem;
    font-weight:500;
}

.h2h-right{
    justify-content:center;
    padding:1rem 1.2rem;
    background:rgba(255,255,255,.04);
    border-left:1px solid rgba(255,255,255,.1);
}

/* ===================== SELECT ===================== */

.h2h-select{
    width:220px;
    height:44px;
    border:0;
    border-radius:0;
    background:#fff;
    color:var(--ink);
    font-family:'Open Sans',sans-serif;
    font-size:.85rem;
    font-weight:600;
    padding:0 2.5rem 0 1rem;
}

.h2h-select:focus{
    outline:2px solid var(--cyan);
}

/* Select2 */

.h2h-right .select2-container{
    width:220px !important;
}

.h2h-right .select2-selection--single{
    height:44px;
    border:0;
    border-radius:0;
    background:#fff;
}

.h2h-right .select2-selection__rendered{
    height:44px;
    line-height:44px;
    padding-left:1rem;
    padding-right:2.5rem;
    color:var(--ink);
    font-size:.85rem;
    font-weight:600;
}

.h2h-right .select2-selection__arrow{
    height:44px;
    width:38px;
}

.h2h-right .select2-selection__arrow b{
    border-color:var(--ink) transparent transparent transparent;
    border-width:5px 4px 0 4px;
    margin-left:-4px;
    margin-top:-2px;
}

.select2-container--open .select2-selection--single{
    outline:2px solid var(--cyan);
}

.select2-dropdown{
    border:0;
    border-radius:0;
    box-shadow:0 12px 30px rgba(37,4,47,.25);
    overflow:hidden;
}

.select2-results__option{
    padding:.65rem .9rem;
    font-size:.82rem;
    color:var(--ink);
}

.select2-container--default
.select2-results__option--highlighted[aria-selected]{
    background:var(--ink);
    color:#fff;
}

.select2-container--default
.select2-results__option[aria-selected="true"]{
    background:var(--card);
    color:var(--ink);
}


/* ===================== STATISTIKY ===================== */

.h2h-stats-row{
    display:grid;
    grid-template-columns:1.6fr .8fr;
    gap:18px;
    margin-top:18px;
}

.h2h-stat-card{
    background:var(--card);
    box-shadow:var(--shadow);
    padding:1.3rem 1.5rem;
}

.h2h-stat-title{
    font-family:var(--head);
    font-weight:800;
    text-transform:uppercase;
    font-size:1rem;
    line-height:1.2;
}

.h2h-stat-title span{
    color:var(--ink-2);
}

.h2h-stat-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-top:1rem;
}

.h2h-stat-item{
    min-height:76px;
    background:rgba(255,255,255,.32);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    border-top:4px solid var(--ink);
}

.h2h-stat-item small{
    font-size:.7rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-weight:600;
    opacity:.7;
}

.h2h-stat-item b{
    font-family:var(--head);
    font-size:2rem;
    font-weight:900;
    line-height:1;
    margin-top:.25rem;
}

/* barvy statistik */

.h2h-stat-item.win{
    border-top-color:var(--green);
}

.h2h-stat-item.draw{
    border-top-color:#8a8a9a;
}

.h2h-stat-item.lose{
    border-top-color:var(--pink);
}

.h2h-stat-item.total{
    border-top-color:var(--ink);
}


/* ===================== VERDIKT ===================== */

.h2h-verdict-card{
    background:var(--ink);
    color:#fff;
    box-shadow:var(--shadow);
    padding:1.4rem 1.5rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:100%;
}

.h2h-verdict-label{
    display:inline-block;
    align-self:flex-start;
    background:var(--cyan);
    color:var(--ink);
    font-family:var(--head);
    font-size:.7rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
    padding:.35rem .6rem;
}

.h2h-verdict-text{
    margin-top:.8rem;
    font-family:var(--head);
    font-size:1.15rem;
    font-weight:700;
    line-height:1.3;
}


/* ===================== EMPTY HINT ===================== */

.h2h-empty-hint{
    margin-top:18px;
    padding:1.2rem 1.4rem;
    background:#e2e2e2;
    color:var(--ink);
    border-left:5px solid var(--cyan);
    font-size:.82rem;
    font-weight:500;
    text-align:center;
}


/* ===================== H2H TABULKA ===================== */

.h2h-table{
    margin-top:18px;
    box-shadow:var(--shadow);
}

.h2h-row{
    display:grid;
    grid-template-columns:110px 120px 1fr 100px;
    align-items:center;
    min-height:58px;
    background:var(--card);
    border-bottom:1px solid rgba(37,4,47,.08);
    font-size:.85rem;
    font-weight:600;
}

.h2h-row > div{
    padding:0 .9rem;
}

.h2h-row.header{
    min-height:46px;
    background:var(--ink);
    color:#fff;
    border:0;
    font-family:var(--head);
    font-size:.72rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.h2h-row:not(.header):hover{
    background:var(--card-2);
}

.h2h-row .score{
    font-family:var(--head);
    font-size:1.15rem;
    font-weight:900;
    text-align:right;
}

.h2h-row .date{
    font-size:.78rem;
    opacity:.75;
}


/* ===================== RESPONSIVE ===================== */

@media (max-width:991px){

    .h2h-banner{
        grid-template-columns:150px 1fr;
    }

    .h2h-right{
        grid-column:1 / -1;
        min-height:80px;
        border-left:0;
        border-top:1px solid rgba(255,255,255,.1);
    }

    .h2h-stats-row{
        grid-template-columns:1fr;
    }
}


@media (max-width:767px){

    .h2h-section{
        margin-top:2rem;
    }

    .h2h-banner{
        grid-template-columns:110px 1fr;
    }

    .h2h-left{
        padding:.8rem .5rem;
    }

    .h2h-crest{
        width:52px;
        height:52px;
    }

    .h2h-team-name{
        font-size:.65rem;
    }

    .h2h-title-block{
        padding:1rem;
    }

    .h2h-title{
        font-size:1.55rem;
    }

    .h2h-subtitle{
        font-size:.7rem;
        line-height:1.35;
    }

    .h2h-right{
        padding:.8rem;
    }

    .h2h-right .select2-container,
    .h2h-select{
        width:100% !important;
    }

    .h2h-stat-card{
        padding:1rem;
    }

    .h2h-stat-title{
        font-size:.85rem;
    }

    .h2h-stat-grid{
        gap:6px;
    }

    .h2h-stat-item{
        min-height:65px;
    }

    .h2h-stat-item small{
        font-size:.58rem;
    }

    .h2h-stat-item b{
        font-size:1.55rem;
    }

    .h2h-verdict-card{
        min-height:120px;
    }

    .h2h-row{
        grid-template-columns:75px 85px 1fr 65px;
        min-height:52px;
        font-size:.72rem;
    }

    .h2h-row > div{
        padding:0 .5rem;
    }

    .h2h-row.header{
        font-size:.6rem;
    }

    .h2h-row .score{
        font-size:1rem;
    }
}


@media (max-width:575px){

    .h2h-banner{
        grid-template-columns:1fr;
    }

    .h2h-left{
        min-height:100px;
        flex-direction:row;
        justify-content:flex-start;
        gap:.8rem;
        padding:.8rem 1rem;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.1);
    }

    .h2h-crest{
        width:48px;
        height:48px;
    }

    .h2h-team-name{
        font-size:.75rem;
    }

    .h2h-title-block{
        padding:1.1rem 1rem;
    }

    .h2h-title{
        font-size:1.45rem;
    }

    .h2h-subtitle{
        margin-top:.4rem;
    }

    .h2h-right{
        min-height:76px;
    }

    .h2h-stat-grid{
        grid-template-columns:1fr 1fr;
    }

    .h2h-empty-hint{
        font-size:.72rem;
        line-height:1.45;
    }

    .h2h-table{
        overflow-x:auto;
    }

    .h2h-row{
        min-width:480px;
    }
}