:root{--pool:#0A4FB3;--buoy-deep:#C8400C;--ink:#0A1E3A;--buoy:#FF5A1F;--sun:#FFC93C;--foam:#EAF4FA;--paper:#F8FBFD;--line:#C5D8E6}
*{box-sizing:border-box}
body{margin:0;font-family:'Archivo',system-ui,sans-serif;font-stretch:100%;font-size:17px;line-height:1.55;color:var(--ink);background:var(--paper)}
h1,h2,h3{margin:0;font-stretch:125%;font-weight:850;line-height:1.02;letter-spacing:-.015em}
p{margin:0}
a{color:var(--pool);text-underline-offset:3px}
a:hover{color:var(--buoy-deep)}
:focus-visible{outline:3px solid var(--buoy);outline-offset:3px;border-radius:4px}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.num{font-variant-numeric:tabular-nums;font-stretch:112%}
/* lano: lano s bójkami */
.rope{height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,var(--buoy) 0 16px,#fff 16px 32px);box-shadow:0 0 0 1px var(--line)}
.rope-sun{background:repeating-linear-gradient(90deg,var(--sun) 0 16px,#fff 16px 32px)}
/* hlavička */
.top{background:var(--ink);color:#fff}
.top .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:18px;padding-bottom:18px}
.brand{color:#fff;text-decoration:none;font-stretch:125%;font-weight:850;font-size:22px;letter-spacing:-.01em}
.brand:hover{color:var(--sun)}
.nav a{color:#fff;text-decoration:none}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:var(--buoy-deep);color:#fff;font-weight:750;text-decoration:none;font-size:17px}
.btn:hover{background:var(--sun);color:var(--ink)}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
/* hrdina */
.hero{padding:64px 0 0;overflow:hidden}
.hero h1{font-size:clamp(40px,8.2vw,104px);max-width:1000px}
.hero .lead{margin-top:24px;max-width:600px;font-size:20px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.course{margin-top:56px;position:relative;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='24'><path d='M0 12Q15 3 30 12T60 12T90 12T120 12' fill='none' stroke='white' stroke-opacity='.4' stroke-width='2'/></svg>") 0 0/120px 24px,linear-gradient(180deg,#9CCBEA,#5FA6DB)}
.pt{animation:pt 1.1s ease-in-out 3}.pb{animation:pb 1.1s ease-in-out 3}
@keyframes pt{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}
@keyframes pb{0%,100%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}
.lane{position:relative;height:132px;display:flex;align-items:center}
.lane-no{position:absolute;left:max(24px,calc((100vw - 1180px)/2 + 24px));font-stretch:125%;font-weight:850;font-size:20px;color:#fff;opacity:.8}
.lane .rope{position:absolute;left:0;right:0;bottom:0;border-radius:0;box-shadow:none}
.boat{position:absolute;left:0;right:0;top:0;bottom:8px;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--pr,28px);animation:sail 2.8s cubic-bezier(.2,.7,.25,1) both}
.boat svg{width:min(1040px,125vw);height:auto;display:block}
@keyframes sail{from{transform:translateX(-80vw)}to{transform:none}}
.finish{position:absolute;right:0;top:0;bottom:0;width:20px;background:repeating-conic-gradient(var(--ink) 0 25%,#fff 0 50%) 0 0/20px 20px}
.hero-meta{background:var(--ink);color:#fff}
.hero-meta .wrap{display:flex;flex-wrap:wrap;gap:12px 56px;padding-top:22px;padding-bottom:22px}
.hero-meta b{display:block;font-stretch:112%;font-weight:800;font-size:20px;color:var(--sun)}
.hero-meta span{font-size:15px;color:#CFE0EE}
/* sekce */
.sec{padding:72px 0}
.sec h2{font-size:clamp(32px,5vw,56px)}
.sec .intro{margin-top:14px;max-width:640px;color:#27415F}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 18px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.chip:hover{background:var(--sun)}
.chip-on{background:var(--ink);color:#fff}
.chip-on:hover{background:var(--ink)}
/* startovka (termínovka) */
.head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.startlist{margin:36px 0 0;padding:0;list-style:none}
.race{display:grid;grid-template-columns:310px minmax(0,1fr) auto;gap:8px 28px;align-items:center;padding:20px 0;border-top:8px solid transparent;border-image:repeating-linear-gradient(90deg,var(--line) 0 16px,transparent 16px 32px) 8}
.race-when{font-stretch:118%;font-weight:850;font-size:25px;line-height:1.05;letter-spacing:-.01em}
.race-name{font-weight:750;font-size:21px;line-height:1.2}
.race-place{color:#3B5575}
.pill{display:inline-block;justify-self:start;padding:4px 12px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}
.pill-ok{background:var(--pool);color:#fff}
.pill-un{box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink)}
.note{margin-top:24px;font-size:15px;color:#3B5575;max-width:720px}
/* soutěže */
.series{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 48px;margin-top:36px}
.series div{padding:22px 0 8px;border-top:8px solid var(--ink)}
.series div:nth-child(2){border-top-color:var(--pool)}
.series div:nth-child(3){border-top-color:var(--buoy)}
.series h3{font-size:28px}
.series p{margin-top:12px}
/* pravidla */
.rules{background:var(--ink);color:#fff}
.rules h2{color:#fff}
.rules .intro{color:#CFE0EE}
.dist{display:flex;flex-wrap:wrap;gap:12px 32px;margin-top:40px;align-items:baseline}
.dist b{font-stretch:125%;font-weight:900;font-size:clamp(36px,4.4vw,60px);line-height:.95;letter-spacing:-.03em;color:var(--sun)}
.dist small{font-size:.28em;color:#fff;font-weight:700;margin-left:4px}
.dist span{display:block;font-size:16px;color:#CFE0EE;max-width:200px;margin-top:6px}
.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 56px;margin:48px 0 0;padding:0}
.rules-grid div{padding:20px 0;border-top:1px solid #35537A}
.rules-grid dt{font-weight:800;font-size:20px;color:var(--sun)}
.rules-grid dd{margin:6px 0 0;color:#E4EEF6;max-width:520px}
/* kluby */
.clubs{margin:32px 0 0;padding:0;list-style:none}
.club{display:grid;grid-template-columns:240px 200px minmax(0,1fr) 250px;gap:6px 24px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line)}
.club h3{font-stretch:112%;font-size:21px;font-weight:800;letter-spacing:0}
.club-town{color:#3B5575}
.club a{justify-self:end;text-align:right;overflow-wrap:anywhere}
.club-kraj{display:block;font-size:14px;color:#3B5575}
/* výsledky */
.results{background:var(--foam)}
.table-wrap{margin-top:28px;overflow-x:auto}
table{border-collapse:collapse;width:100%;min-width:480px}
caption{text-align:left;font-weight:750;padding-bottom:10px;font-size:18px}
th{text-align:left;font-size:15px;color:#3B5575;font-weight:600;padding:8px 12px 8px 0;border-bottom:3px solid var(--ink)}
td{padding:14px 12px 14px 0;border-bottom:1px solid var(--line);font-size:19px}
td.r,th.r{text-align:right}
tr.me td{background:var(--sun);font-weight:800}
tr.gap td{color:#3B5575;text-align:center;letter-spacing:.3em;border-bottom:0}
/* začátečníci */
.learn{background:var(--pool);color:#fff}
.learn h2{color:#fff}
.learn .intro{color:#E1ECFA}
.diagram{margin-top:44px;background:#fff;color:var(--ink);border-radius:20px;padding:28px 24px 20px}
.diagram svg{width:100%;height:auto;display:block}
.diagram p{margin-top:12px;font-size:15px;color:#3B5575}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 40px;margin:48px 0 0;padding:0;list-style:none;counter-reset:s}
.steps li{padding:20px 0 8px;border-top:8px solid var(--sun);counter-increment:s}
.steps h3{font-size:26px}
.steps h3::before{content:counter(s) ". ";color:var(--sun)}
.steps p{margin-top:10px;color:#E1ECFA}
.glossary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 56px;margin:56px 0 0}
.glossary div{padding:16px 0;border-top:1px solid #4F7FCB}
.glossary dt{font-weight:800;font-size:19px}
.glossary dd{margin:4px 0 0;color:#E1ECFA}
.faq{margin-top:48px;max-width:760px}
.faq h3{font-size:30px;margin-bottom:12px}
.faq details{border-top:1px solid #4F7FCB;padding:16px 0}
.faq summary{cursor:pointer;font-weight:750;font-size:19px}
.faq details p{margin-top:10px;color:#E1ECFA}
/* patička */
.foot{background:var(--ink);color:#B8CCE0;font-size:15px}
.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 40px;justify-content:space-between;padding-top:32px;padding-bottom:32px}
@media(max-width:760px){
.race{grid-template-columns:1fr}
.club{grid-template-columns:1fr;padding:16px 0}
.club a{justify-self:start;text-align:left}
.hero{padding-top:44px}
.sec{padding:52px 0}
.lane{height:76px}
.boat{padding-right:calc(var(--pr,28px)/6)}
}
@media(prefers-reduced-motion:reduce){.boat,.pt,.pb{animation:none}}

.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px;z-index:10;font-weight:700}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pagehead .intro,.intro{margin-top:14px;max-width:680px;color:#27415F}
.rules h1,.learn h1{font-size:clamp(34px,6vw,68px);color:#fff}
.rules .intro a,.learn .intro a{color:var(--sun)}
.muted{color:#5A7391;font-size:15px}
.filters{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:end}
.filters label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
.filters input[type=search],.filters select{font:inherit;font-weight:500;min-height:48px;padding:0 14px;border-radius:12px;border:2px solid var(--ink);background:#fff;color:var(--ink);min-width:240px}
.filters .check{flex-direction:row;align-items:center;gap:10px;min-height:48px}
.filters .check input{width:22px;height:22px;accent-color:var(--pool)}
.count{margin-top:20px;font-weight:700}
.empty{margin-top:24px;font-weight:700}
.club .pill{margin-top:8px}
.club-info p{margin:0 0 6px;font-size:16px}
.club-web a{overflow-wrap:anywhere}
.club[hidden],.race[hidden],tr[hidden]{display:none}
.links{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 48px}
.link{padding:18px 0;border-top:1px solid var(--line)}
.link a{font-weight:800;font-size:19px}
.link p{margin-top:4px;color:#3B5575;font-size:16px}
.prose h2{font-size:28px;margin-top:40px}
.prose h2:first-child{margin-top:0}
.prose p{margin-top:12px;max-width:680px}
.faq h2{font-size:30px;margin-bottom:12px}
.steps .btn{margin-top:8px}
.serie{padding:32px 0 8px}
.serie+.serie{border-top:8px solid transparent;border-image:repeating-linear-gradient(90deg,var(--buoy) 0 16px,#fff 16px 32px) 8}
.serie h2{font-size:clamp(28px,4vw,44px)}
.serie-org{margin-top:6px;font-weight:700;color:var(--pool)}
.serie .intro{max-width:760px}

/* ===== Design v2: startovní listina ===== */
:root{--wave:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='24'><path d='M0 12Q15 3 30 12T60 12T90 12T120 12' fill='none' stroke='%23ffffff' stroke-opacity='.09' stroke-width='2'/></svg>")}
body{background:var(--paper);background-image:radial-gradient(circle at 1px 1px,#D6E4EE 1px,transparent 0);background-size:26px 26px}
.top{position:sticky;top:0;z-index:20;background:rgba(10,30,58,.94);backdrop-filter:blur(8px);border-bottom:3px solid var(--buoy)}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand::before{content:"";width:34px;height:14px;border-radius:2px 14px 14px 2px;background:linear-gradient(90deg,var(--buoy) 0 70%,var(--sun) 70%);box-shadow:0 5px 0 -1px #2C6BD1}
.nav a{border-radius:999px;font-weight:650}
.nav a:hover{color:#fff;background:rgba(255,255,255,.12)}
.nav a[aria-current=page]{background:var(--sun);color:var(--ink)}
.btn{box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.top .btn{box-shadow:4px 4px 0 var(--sun)}
.btn-line{box-shadow:inset 0 0 0 2px var(--ink),4px 4px 0 var(--sun)}
.btn-line:hover{box-shadow:inset 0 0 0 2px var(--ink),2px 2px 0 var(--sun)}
/* nadpisy sekcí */
.sec h2::after,.pagehead h1::after{content:"";display:block;width:84px;height:10px;margin-top:18px;border-radius:5px;background:repeating-linear-gradient(90deg,var(--buoy) 0 14px,var(--sun) 14px 28px)}
.rules h2::after,.learn h2::after{background:repeating-linear-gradient(90deg,var(--sun) 0 14px,#fff 14px 28px)}
/* hlavička podstránek: tmavá voda s dráhou */
.pagehead{position:relative;overflow:hidden;background:var(--ink) var(--wave);color:#fff;padding:72px 0 64px}
.pagehead::before{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(90deg,var(--buoy) 0 16px,#fff 16px 32px)}
.pagehead::after{content:"";position:absolute;right:-20px;top:-30px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,201,60,.95) 0 38%,rgba(255,201,60,0) 39%);opacity:.9}
.pagehead .wrap{position:relative;z-index:1}
.pagehead h1{color:#fff;font-size:clamp(38px,7vw,84px)}
.pagehead .intro{color:#D8E7F4;font-size:19px;max-width:700px}
.pagehead .intro a{color:var(--sun)}
/* hrdina */
.hero{background:linear-gradient(180deg,#DCEEFA 0%,#EAF4FA 70%,var(--foam) 100%)}
.hero h1{letter-spacing:-.03em}
.hero h1::first-line{color:var(--pool)}
/* karty a řádky termínů */
.startlist .race{background:#fff;border:2px solid var(--ink);border-radius:16px;border-image:none;margin-bottom:12px;padding:16px 22px;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.startlist .race:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--buoy)}
.startlist{margin-top:28px}
.race-when{color:var(--pool)}
.pill-ok{background:var(--pool)}
.pill-un{background:var(--sun);box-shadow:none;color:var(--ink)}
.series div{background:#fff;border:2px solid var(--ink);border-top-width:10px;border-radius:16px;padding:22px 24px 24px;box-shadow:5px 5px 0 var(--ink)}
.series{gap:24px;padding-bottom:6px}
.club{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:16px 22px;margin-bottom:10px;border-top:2px solid var(--ink)}
.clubs{margin-top:24px}
.results{background:var(--foam) var(--wave)}
.table-wrap{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:8px 22px 14px;box-shadow:5px 5px 0 var(--ink)}
tbody tr:first-child td:first-child{font-weight:900;color:var(--buoy)}
.diagram{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--sun)}
.steps li{background:rgba(255,255,255,.08);border-radius:14px;padding:22px 22px 20px;border-top:8px solid var(--sun)}
.rules-grid div{border:1px solid #35537A;border-radius:14px;padding:20px 22px;background:rgba(255,255,255,.04)}
.rules-grid{gap:16px}
.link{background:#fff;border:2px solid var(--ink);border-radius:16px;padding:18px 22px;box-shadow:4px 4px 0 var(--ink)}
.links{gap:20px 28px}
.foot{border-top:10px solid transparent;border-image:repeating-linear-gradient(90deg,var(--buoy) 0 16px,#fff 16px 32px) 10}
/* série: dvousloupec */
.serie{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 56px;padding:48px 0;border-top:0}
.serie+.serie{border:0;border-top:3px dashed var(--line)}
.serie-head{position:sticky;top:96px;align-self:start}
.serie-no{display:block;font-stretch:125%;font-weight:900;font-size:clamp(64px,9vw,120px);line-height:.9;color:transparent;-webkit-text-stroke:2px var(--pool);margin-bottom:10px}
.serie h2::after{display:none}
.serie-org{display:inline-block;background:var(--ink);color:#fff;padding:3px 12px;border-radius:999px;font-size:14px;margin:12px 0 4px}
.serie-body .startlist{margin-top:0}
.serie-body .note:first-child{margin-top:0}
.serie-body .note{background:var(--foam);border-left:6px solid var(--buoy);padding:12px 16px;border-radius:0 12px 12px 0}
.serie .race{grid-template-columns:150px minmax(0,1fr)}
.serie .race-when{font-size:20px}
@media(max-width:900px){.serie{grid-template-columns:1fr}.serie-head{position:static}.pagehead::after{width:200px;height:200px;right:-60px}}
@media(max-width:760px){.serie .race{grid-template-columns:1fr}.startlist .race{box-shadow:3px 3px 0 var(--ink)}}
.top .wrap{flex-wrap:nowrap;gap:12px 20px}
.nav{display:flex;flex-wrap:wrap;gap:2px;font-size:15px}
.nav a{padding:7px 10px}
.top .btn{min-height:42px;padding:0 20px;font-size:16px;white-space:nowrap}
@media(max-width:1060px){.top .wrap{flex-wrap:wrap}}

/* ===== Design v3: zábava ===== */
:root{--pink:#FF6FB0;--mint:#2FBF71}
.sticker{display:inline-block;transform:rotate(-4deg);background:var(--sun);color:var(--ink);font-stretch:112%;font-weight:850;font-size:17px;padding:8px 18px;border-radius:999px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin-bottom:18px}
.sticker i{font-style:normal;display:inline-block}
.hero:hover .sticker{animation:wob .9s ease-in-out}.hero:hover .sticker i{animation:wave .7s ease-in-out 2}
@keyframes wob{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(3deg) scale(1.04)}}
@keyframes wave{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px) rotate(10deg)}}
.hero h1{text-shadow:4px 4px 0 rgba(255,201,60,.55)}
/* běžící pás */
.marquee{overflow:hidden;background:var(--buoy-deep);color:#fff;border-block:3px solid var(--ink);transform:rotate(-1deg);margin:-6px -20px 0;position:relative;z-index:2}
.marquee:hover .marquee-in{animation-play-state:paused}
.marquee-in{display:flex;gap:28px;white-space:nowrap;width:max-content;padding:12px 0;font-stretch:125%;font-weight:850;font-size:20px;text-transform:uppercase;animation:mq 28s linear infinite}
.marquee-in em{font-style:normal}
@keyframes mq{to{transform:translateX(-50%)}}
/* odpočet */
.countdown{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;background:var(--pool);color:#fff;border:3px solid var(--ink);border-radius:24px;padding:20px 28px;margin-bottom:56px;box-shadow:8px 8px 0 var(--buoy);transform:rotate(-.6deg)}
.cd-num{font-stretch:125%;font-weight:900;font-size:clamp(56px,9vw,96px);line-height:.9;color:var(--sun);text-shadow:4px 4px 0 var(--ink);min-width:1.4ch}
.countdown b{display:block;font-size:22px;font-stretch:112%}
.countdown span{color:#DDE9FA}
.cd-btn{margin-left:auto;border:0;cursor:pointer;font-family:inherit;min-height:44px;padding:0 18px;font-size:15px;background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.cd-btn:hover{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px #fff;transform:none}
/* barevné karty s nakloněním */
.startlist .race:nth-child(odd){transform:rotate(-.4deg)}
.startlist .race:nth-child(even){transform:rotate(.4deg)}
.startlist .race:hover,.series div:hover,.link:hover,.club:hover{transform:rotate(0) translate(-2px,-3px) scale(1.01)}
.startlist .race:nth-child(4n+1){background:#FFF6DA}
.startlist .race:nth-child(4n+2){background:#E4F4FF}
.startlist .race:nth-child(4n+3){background:#FFE6F1}
.startlist .race:nth-child(4n+4){background:#E1F8EC}
.series div,.link,.club{transition:transform .15s}
.series div:nth-child(1){background:#FFF6DA}.series div:nth-child(2){background:#E4F4FF}.series div:nth-child(3){background:#FFE6F1}
.series div:nth-child(odd){transform:rotate(-.8deg)}.series div:nth-child(even){transform:rotate(.8deg)}
.links li:nth-child(3n+1){background:#FFF6DA}.links li:nth-child(3n+2){background:#E4F4FF}.links li:nth-child(3n){background:#E1F8EC}
.sec h2{display:inline-block;background:linear-gradient(transparent 62%,rgba(255,201,60,.8) 62%)}
.rules h2,.learn h2{background:none}
.pill{transform:rotate(-2deg)}
/* konfety */
.confetti{position:fixed;width:10px;height:14px;border-radius:2px;z-index:99;pointer-events:none;animation:conf 1.2s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes conf{to{transform:translate(var(--dx),calc(var(--dy) + 260px)) rotate(var(--rot));opacity:0}}
.bum{position:fixed;z-index:99;pointer-events:none;font-stretch:125%;font-weight:900;font-size:56px;color:var(--buoy);-webkit-text-stroke:3px var(--ink);transform:translate(-50%,-50%) rotate(-8deg);animation:bum .9s ease-out forwards}
@keyframes bum{0%{transform:translate(-50%,-50%) scale(.3) rotate(-8deg);opacity:1}30%{transform:translate(-50%,-70%) scale(1.3) rotate(6deg)}100%{transform:translate(-50%,-120%) scale(1) rotate(-4deg);opacity:0}}
/* hlavičky podstránek: houpající se loďka */
.pagehead h1::before{content:"🐉";content:"🐉" / "";display:inline-block;margin-right:.25em;font-size:.7em}
.pagehead:hover h1::before{animation:bob 1.1s ease-in-out}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-8px) rotate(6deg)}}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
@media(prefers-reduced-motion:reduce){.hero:hover .sticker,.hero:hover .sticker i,.marquee-in,.pagehead:hover h1::before{animation:none}.marquee{overflow-x:auto}}
@media(max-width:760px){.marquee{margin:0}.countdown{padding:16px 18px}.cd-btn{margin-left:0}.startlist .race:nth-child(n){transform:none}}
.sec h2::after{display:none}
.rules h2::after,.learn h2::after{display:block}

/* mobilní hlavička: logo + tlačítko v jednom řádku, navigace jako posuvný pás */
@media(max-width:760px){
.top .wrap{flex-wrap:wrap;gap:10px 12px;padding-top:10px;padding-bottom:0}
.brand{font-size:19px}
.top .btn{min-height:40px;padding:0 16px;font-size:15px;box-shadow:3px 3px 0 var(--sun)}
.nav{order:3;flex:0 0 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:0 24px 10px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent)}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;padding:8px 12px}

}

/* ===== Přístupnost (audit 11/2026) ===== */
/* žlutý obrys focusu na tmavém a modrém pozadí, oranžový tam má kontrast jen 2,4:1 */
.top :focus-visible,.hero-meta :focus-visible,.countdown :focus-visible,.pagehead :focus-visible,.rules :focus-visible,.learn :focus-visible,.foot :focus-visible{outline-color:var(--sun)}
/* pauza běžícího pásu (WCAG 2.2.2) */
.marquee.is-paused .marquee-in{animation-play-state:paused}
.mq-toggle{margin-left:auto;align-self:center;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid #CFE0EE;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.mq-toggle:hover{background:rgba(255,255,255,.12)}
@media(prefers-reduced-motion:reduce){.mq-toggle{display:none}}
/* odkazy klubů v tabulce pořadí */
td a{color:inherit;text-decoration-color:var(--line);text-decoration-thickness:2px}
td a:hover{color:var(--pool);text-decoration-color:currentColor}
/* větší dotykové plochy v mobilní navigaci (44 px) */
@media(max-width:760px){.nav a{padding:10px 12px}}
/* proklik z pořadí: karta klubu nesmí zajet pod přilepenou hlavičku */
.club{scroll-margin-top:120px}
.club:target{outline:3px solid var(--buoy-deep);outline-offset:4px}

/* voda:start (generuje tools/voda.py, needitovat ručně) */
.course{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='132'%3E%3Cpath d='M30.1 60.2L30.6 61.4L31.7 61.8L30.6 62.3L30.1 63.5L29.6 62.3L28.5 61.8L29.6 61.4ZM73.8 51.9L74.7 54.2L77 55.1L74.7 56L73.8 58.3L72.9 56L70.6 55.1L72.9 54.2ZM45.4 26.2L46.2 28.1L48.1 28.9L46.2 29.6L45.4 31.6L44.7 29.6L42.8 28.9L44.7 28.1ZM64.4 85.9L64.9 87.2L66.2 87.7L64.9 88.2L64.4 89.4L64 88.2L62.7 87.7L64 87.2ZM142.7 41L143.3 42.5L144.7 43.1L143.3 43.6L142.7 45.1L142.1 43.6L140.6 43.1L142.1 42.5ZM161.3 113.5L162.1 115.7L164.4 116.6L162.1 117.5L161.3 119.7L160.4 117.5L158.1 116.6L160.4 115.7ZM94.8 31.6L95.6 33.7L97.7 34.5L95.6 35.3L94.8 37.4L93.9 35.3L91.8 34.5L93.9 33.7ZM76.9 46.2L77.4 47.6L78.9 48.2L77.4 48.7L76.9 50.1L76.3 48.7L74.9 48.2L76.3 47.6ZM100.6 24L101.4 26.2L103.6 27L101.4 27.9L100.6 30.1L99.7 27.9L97.6 27L99.7 26.2Z' fill='%23fff' fill-opacity='.75'/%3E%3C/svg%3E") 0 0/220px 132px,
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='64'%3E%3Cpath d='M100.2 49.5q6.3 -2.6 12.6 0M203.1 -5.2q12.8 -1.4 25.6 0M203.1 58.8q12.8 -1.4 25.6 0M126.7 36q5.8 -2.9 11.6 0M110.8 38.8q11.6 -1.7 23.2 0M21.8 53.8q9.8 -2.5 19.7 0M281.8 53.8q9.8 -2.5 19.7 0M133.7 6.8q5.3 -1.3 10.5 0M133.7 70.8q5.3 -1.3 10.5 0M81.8 42.7q8.6 -1.4 17.2 0M10.3 42.5q9.8 -1.8 19.6 0M270.3 42.5q9.8 -1.8 19.6 0M6.6 4.2q10 -2.3 20.1 0M6.6 68.2q10 -2.3 20.1 0M266.6 4.2q10 -2.3 20.1 0M266.6 68.2q10 -2.3 20.1 0M136.4 34.5q12.4 -2 24.7 0M217.2 26.7q4.7 -2 9.5 0M65.5 4q10.9 -1.7 21.8 0M65.5 68q10.9 -1.7 21.8 0M169.2 40q4.3 -1.9 8.7 0M174.8 17.2q11.9 -1.8 23.8 0M114.4 45.1q7.8 -2.8 15.7 0M-0.4 47.9q7.6 -2.8 15.3 0M259.6 47.9q7.6 -2.8 15.3 0M65.8 39.1q7.4 -2.3 14.9 0M-31.5 49.9q8.1 -2.3 16.2 0M228.5 49.9q8.1 -2.3 16.2 0M219.9 -6.5q4.3 -2.2 8.6 0M219.9 57.5q4.3 -2.2 8.6 0M56.4 25.3q9.5 -2.3 19 0M69.3 21.1q5.7 -2.6 11.5 0M29.7 18.5q3.5 -2 7.1 0M289.7 18.5q3.5 -2 7.1 0M200.9 11.3q7.3 -2.2 14.7 0M200.9 75.3q7.3 -2.2 14.7 0M83.7 -5.8q8.9 -1.5 17.8 0M83.7 58.2q8.9 -1.5 17.8 0' fill='none' stroke='%231B5A99' stroke-opacity='.22' stroke-width='1.6' stroke-linecap='round'/%3E%3Cpath d='M97.2 47.1q8.8 -3.3 17.6 0M200.1 -7.6q15.3 -1.7 30.6 0M200.1 56.4q15.3 -1.7 30.6 0M123.7 33.6q8.3 -3.6 16.6 0M107.8 36.4q14.1 -2.1 28.2 0M18.8 51.4q12.3 -3.1 24.7 0M278.8 51.4q12.3 -3.1 24.7 0M130.7 4.4q7.8 -1.7 15.5 0M130.7 68.4q7.8 -1.7 15.5 0M78.8 40.3q11.1 -1.8 22.2 0M7.3 40.1q12.3 -2.3 24.6 0M267.3 40.1q12.3 -2.3 24.6 0M3.6 1.8q12.5 -2.9 25.1 0M3.6 65.8q12.5 -2.9 25.1 0M263.6 1.8q12.5 -2.9 25.1 0M263.6 65.8q12.5 -2.9 25.1 0M133.4 32.1q14.9 -2.5 29.7 0M214.2 24.3q7.2 -2.6 14.5 0M62.5 1.6q13.4 -2.1 26.8 0M62.5 65.6q13.4 -2.1 26.8 0M166.2 37.6q6.8 -2.3 13.7 0M171.8 14.8q14.4 -2.2 28.8 0M111.4 42.7q10.3 -3.5 20.7 0M-3.4 45.5q10.1 -3.5 20.3 0M256.6 45.5q10.1 -3.5 20.3 0M62.8 36.7q9.9 -2.9 19.9 0M-34.5 47.5q10.6 -2.9 21.2 0M225.5 47.5q10.6 -2.9 21.2 0M216.9 -8.9q6.8 -2.8 13.6 0M216.9 55.1q6.8 -2.8 13.6 0M53.4 22.9q12 -2.8 24 0M66.3 18.7q8.2 -3.3 16.5 0M26.7 16.1q6 -2.5 12.1 0M286.7 16.1q6 -2.5 12.1 0M197.9 8.9q9.8 -2.8 19.7 0M197.9 72.9q9.8 -2.8 19.7 0M80.7 -8.2q11.4 -1.8 22.8 0M80.7 55.8q11.4 -1.8 22.8 0' fill='none' stroke='%23fff' stroke-opacity='.42' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/260px 64px,
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='150'%3E%3Cpath d='M35.9 22.3Q40.3 34.2 35.1 44.8Q29.9 55.4 16 56.5Q2.2 57.5 -5.7 45.9Q-13.6 34.2 -4.2 25.1Q5.3 15.9 18.4 13.1Q31.5 10.3 35.9 22.3ZM335.9 22.3Q340.3 34.2 335.1 44.8Q329.9 55.4 316 56.5Q302.2 57.5 294.3 45.9Q286.4 34.2 295.8 25.1Q305.3 15.9 318.4 13.1Q331.5 10.3 335.9 22.3ZM54.8 72.4Q65.6 84.4 55.6 97.8Q45.5 111.1 30.3 107.8Q15 104.5 5.2 94.5Q-4.6 84.4 2.1 69.7Q8.8 54.9 26.4 57.6Q43.9 60.3 54.8 72.4ZM354.8 72.4Q365.6 84.4 355.6 97.8Q345.5 111.1 330.3 107.8Q315 104.5 305.2 94.5Q295.4 84.4 302.1 69.7Q308.8 54.9 326.4 57.6Q343.9 60.3 354.8 72.4ZM41.8 -33.8Q49 -19.7 39.3 -10.2Q29.5 -0.7 18.6 0.1Q7.6 0.8 2 -9.4Q-3.6 -19.7 0.6 -32.4Q4.9 -45.1 19.8 -46.5Q34.6 -47.9 41.8 -33.8ZM41.8 116.2Q49 130.3 39.3 139.8Q29.5 149.3 18.6 150.1Q7.6 150.8 2 140.6Q-3.6 130.3 0.6 117.6Q4.9 104.9 19.8 103.5Q34.6 102.1 41.8 116.2ZM341.8 -33.8Q349 -19.7 339.3 -10.2Q329.5 -0.7 318.6 0.1Q307.6 0.8 302 -9.4Q296.4 -19.7 300.6 -32.4Q304.9 -45.1 319.8 -46.5Q334.6 -47.9 341.8 -33.8ZM341.8 116.2Q349 130.3 339.3 139.8Q329.5 149.3 318.6 150.1Q307.6 150.8 302 140.6Q296.4 130.3 300.6 117.6Q304.9 104.9 319.8 103.5Q334.6 102.1 341.8 116.2ZM95.8 13.8Q104.3 24.9 97.2 38.6Q90.1 52.2 77.2 48.9Q64.3 45.5 53 35.2Q41.7 24.9 49.7 8.4Q57.7 -8.1 72.5 -2.7Q87.3 2.8 95.8 13.8ZM95.8 163.8Q104.3 174.9 97.2 188.6Q90.1 202.2 77.2 198.9Q64.3 195.5 53 185.2Q41.7 174.9 49.7 158.4Q57.7 141.9 72.5 147.3Q87.3 152.8 95.8 163.8ZM95.7 64.7Q102.7 78 94.7 89.4Q86.8 100.9 73.9 102.4Q61 103.9 57.3 90.9Q53.7 78 55.7 61.9Q57.7 45.9 73.2 48.6Q88.7 51.3 95.7 64.7ZM95 103.2Q102.8 115.3 95.2 127.9Q87.6 140.4 72.6 143.6Q57.5 146.7 55.3 131Q53.2 115.3 57.9 104.5Q62.7 93.7 74.9 92.4Q87.2 91.1 95 103.2ZM138 16.2Q145.3 26.6 140.1 40.6Q134.9 54.5 119.2 53Q103.4 51.4 98.5 39Q93.6 26.6 98.3 14Q103 1.3 116.9 3.5Q130.8 5.7 138 16.2ZM138 166.2Q145.3 176.6 140.1 190.6Q134.9 204.5 119.2 203Q103.4 201.4 98.5 189Q93.6 176.6 98.3 164Q103 151.3 116.9 153.5Q130.8 155.7 138 166.2ZM137.5 69.3Q141.4 82.7 139 98.9Q136.6 115 121.2 109.9Q105.8 104.8 95.8 93.8Q85.8 82.7 93.3 67.3Q100.8 51.8 117.1 53.9Q133.5 55.9 137.5 69.3ZM149.6 -37.7Q153.8 -24.4 148.6 -12.8Q143.3 -1.2 127.1 0.2Q110.8 1.7 106.4 -11.4Q102 -24.4 106.7 -37Q111.4 -49.7 128.5 -50.3Q145.5 -50.9 149.6 -37.7ZM149.6 112.3Q153.8 125.6 148.6 137.2Q143.3 148.8 127.1 150.2Q110.8 151.7 106.4 138.6Q102 125.6 106.7 113Q111.4 100.3 128.5 99.7Q145.5 99.1 149.6 112.3ZM202.4 17Q205.6 30.4 200.4 40.9Q195.2 51.4 181.1 52.7Q166.9 54 159.5 42.2Q152.1 30.4 160 19.5Q167.9 8.5 183.5 6Q199.1 3.5 202.4 17ZM202.4 167Q205.6 180.4 200.4 190.9Q195.2 201.4 181.1 202.7Q166.9 204 159.5 192.2Q152.1 180.4 160 169.5Q167.9 158.5 183.5 156Q199.1 153.5 202.4 167ZM197.2 61.7Q203.7 75 196.4 87.2Q189.1 99.3 174.1 98Q159.1 96.6 151.3 85.8Q143.5 75 150 62.2Q156.4 49.4 173.6 48.8Q190.7 48.3 197.2 61.7ZM187.2 -26.3Q197.3 -16.8 187.7 -6.5Q178 3.8 163.6 7.4Q149.2 11 139.4 -2.9Q129.5 -16.8 142.3 -25.8Q155 -34.9 166 -35.3Q177.1 -35.7 187.2 -26.3ZM187.2 123.7Q197.3 133.2 187.7 143.5Q178 153.8 163.6 157.4Q149.2 161 139.4 147.1Q129.5 133.2 142.3 124.2Q155 115.1 166 114.7Q177.1 114.3 187.2 123.7ZM255.4 8.9Q262.7 21.1 257.1 36.2Q251.5 51.3 233.6 52Q215.7 52.7 211.3 36.9Q206.8 21.1 213.3 8.8Q219.9 -3.4 234 -3.3Q248.1 -3.3 255.4 8.9ZM255.4 158.9Q262.7 171.1 257.1 186.2Q251.5 201.3 233.6 202Q215.7 202.7 211.3 186.9Q206.8 171.1 213.3 158.8Q219.9 146.6 234 146.7Q248.1 146.7 255.4 158.9ZM250.8 59.1Q260.1 73.6 251 88.5Q242 103.4 228.5 98.7Q215 94 208.9 83.8Q202.7 73.6 207.1 60.3Q211.6 46.9 226.6 45.7Q241.6 44.6 250.8 59.1ZM240.2 -38.1Q251.7 -27.6 241.8 -14.3Q231.9 -1 217.1 -1.4Q202.3 -1.9 192.1 -14.8Q181.9 -27.6 193.4 -38.1Q205 -48.6 216.8 -48.6Q228.7 -48.6 240.2 -38.1ZM240.2 111.9Q251.7 122.4 241.8 135.7Q231.9 149 217.1 148.6Q202.3 148.1 192.1 135.2Q181.9 122.4 193.4 111.9Q205 101.4 216.8 101.4Q228.7 101.4 240.2 111.9ZM-3.8 2.4Q-1.4 18.5 -5.3 31.9Q-9.1 45.3 -22 42Q-34.9 38.7 -44 28.6Q-53.2 18.5 -45.1 6.5Q-36.9 -5.5 -21.5 -9.6Q-6.1 -13.8 -3.8 2.4ZM-3.8 152.4Q-1.4 168.5 -5.3 181.9Q-9.1 195.3 -22 192Q-34.9 188.7 -44 178.6Q-53.2 168.5 -45.1 156.5Q-36.9 144.5 -21.5 140.4Q-6.1 136.2 -3.8 152.4ZM296.2 2.4Q298.6 18.5 294.7 31.9Q290.9 45.3 278 42Q265.1 38.7 256 28.6Q246.8 18.5 254.9 6.5Q263.1 -5.5 278.5 -9.6Q293.9 -13.8 296.2 2.4ZM296.2 152.4Q298.6 168.5 294.7 181.9Q290.9 195.3 278 192Q265.1 188.7 256 178.6Q246.8 168.5 254.9 156.5Q263.1 144.5 278.5 140.4Q293.9 136.2 296.2 152.4ZM-7.1 59Q1.4 74.7 -7.8 89.3Q-17 103.9 -33.5 101.7Q-50 99.5 -62.1 87.1Q-74.1 74.7 -64 59.3Q-53.8 43.8 -34.7 43.6Q-15.7 43.4 -7.1 59ZM292.9 59Q301.4 74.7 292.2 89.3Q283 103.9 266.5 101.7Q250 99.5 237.9 87.1Q225.9 74.7 236 59.3Q246.2 43.8 265.3 43.6Q284.3 43.4 292.9 59ZM-0.6 -39.2Q5.8 -25.2 0.3 -9.9Q-5.2 5.5 -25 5.9Q-44.7 6.2 -50.3 -9.5Q-55.8 -25.2 -48.3 -37.8Q-40.7 -50.4 -23.9 -51.8Q-7 -53.1 -0.6 -39.2ZM-0.6 110.8Q5.8 124.8 0.3 140.1Q-5.2 155.5 -25 155.9Q-44.7 156.2 -50.3 140.5Q-55.8 124.8 -48.3 112.2Q-40.7 99.6 -23.9 98.2Q-7 96.9 -0.6 110.8ZM299.4 -39.2Q305.8 -25.2 300.3 -9.9Q294.8 5.5 275 5.9Q255.3 6.2 249.7 -9.5Q244.2 -25.2 251.7 -37.8Q259.3 -50.4 276.1 -51.8Q293 -53.1 299.4 -39.2ZM299.4 110.8Q305.8 124.8 300.3 140.1Q294.8 155.5 275 155.9Q255.3 156.2 249.7 140.5Q244.2 124.8 251.7 112.2Q259.3 99.6 276.1 98.2Q293 96.9 299.4 110.8Z' fill='none' stroke='%23fff' stroke-opacity='.12' stroke-width='1.5'/%3E%3C/svg%3E") 0 0/300px 150px,
radial-gradient(120% 70% at 28% 0%,rgba(255,255,255,.34),rgba(255,255,255,0) 60%),
linear-gradient(180deg,#A9D5F1 0%,#79B9E6 38%,#4E97D4 100%)}
.lane .rope{height:12px;bottom:-2px;background:radial-gradient(circle at 50% 38%,#FFC2A3 0 1.4px,#FF5A1F 2.6px 4.4px,#B8380B 5.6px,rgba(0,0,0,0) 6.1px) 0 0/28px 12px repeat-x,radial-gradient(circle at 50% 38%,#fff 0 2.6px,#E4EEF6 4.4px,#9DB7CC 5.6px,rgba(0,0,0,0) 6.1px) 14px 0/28px 12px repeat-x,linear-gradient(180deg,rgba(0,0,0,0) 5px,rgba(255,255,255,.75) 5px 6.5px,rgba(10,30,58,.25) 6.5px 7.5px,rgba(0,0,0,0) 7.5px);filter:drop-shadow(0 2px 1px rgba(10,30,58,.25))}
/* voda:end */
