/* BragCrew website · MASTER-HANDOFF-r35-WEB-STADION · layout of r33 “sports energy” in the Stadion palette (r34) · review candidate, not approved (9 Oct 2026).
   Custom properties = web_tokens.json (ui02: Stadion values of the same token ids, MASTER-HANDOFF-r34-PALETTE-STADION/stadion_tokens.json; web: derived values, OPEN). Every other declaration uses
   only var(), keywords, 0, 50 %, 100 %, integer fr and integer multipliers. Breakpoints 768 / 1280 px. Fonts: DS package (OFL), served locally. */
@font-face{font-family:'Figtree';src:url("../fonts/Figtree-Variable.ttf?v=26ad3db9b31f") format("truetype");font-weight:500 800;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url("../fonts/BricolageGrotesque-Variable.ttf?v=413e7357809d") format("truetype");font-weight:500 800;font-display:swap}
:root{color-scheme:light dark;
  --bg:#F3F6FA;--surf:#FFFFFF;--ink:#0E1B2E;--sub:#4A586C;--line:#DCE3EC;--ctl:#6E7D91;--acc:#173A6A;--accTx:#C8F031;--accPress:#0F2C55;--tint:#F3FCD2;--tintTx:#173A6A;--tintPress:#E9F9AD;--save:#E6EBF2;--ok:#0B6B55;--err:#A3261F;--focus:#1D5FD1;--link:#173A6A;
  --band:#F3F6FA;--band2:#FFFFFF;--linkHover:#0F2C55;
  --dkBg:#0E1B2E;--dkSurf:#16283F;--dkInk:#EEF2F7;--dkSub:#A9B6C7;--dkLine:#2A3B55;--dkCtl:#7F90A8;--dkAcc:#C8F031;--dkAccTx:#0E1B2E;--dkAccPress:#B4DC1E;--dkTint:#32483D;--dkTintTx:#C8F031;--dkTintPress:#445C3B;--dkSave:#1F3350;--dkOk:#5ED6B6;--dkErr:#FF7A66;--dkFocus:#8DB4FF;--black:#000000;--white:#FFFFFF;
  --disp:'Bricolage Grotesque',sans-serif;--txt:'Figtree',sans-serif;
  --fs12:0.75rem;--fs14:0.875rem;--fs15:0.9375rem;--fs16:1rem;--fs17:1.0625rem;--fs19:1.1875rem;--fs22:1.375rem;--fs24:1.5rem;--fs26:1.625rem;--fs30:1.875rem;--fs34:2.125rem;--fs44:2.75rem;
  --fsHero:min(6.875rem, 12vw);--fsHeroWide:min(6.875rem, 7vw);--fsMega:min(4.125rem, 11vw);--fsSport:min(5.5rem, 12vw);--fsNum:min(8.25rem, 24vw);--lsDisplay:-0.03em;
  --w500:500;--w600:600;--w700:700;--w800:800;--lh1:1;--lh105:1.05;--lh11:1.1;--lh12:1.2;--lh14:1.4;--lh145:1.45;--lsTight:-0.01em;--lsWide:0.02em;
  --s2:2px;--s4:4px;--s6:6px;--s8:8px;--s10:10px;--s12:12px;--s14:14px;--s16:16px;--s18:18px;--s24:24px;--s28:28px;--s36:36px;--s40:40px;--s48:48px;
  --r12:12px;--r24:24px;--r26:26px;--b1:1px;--b15:1.5px;--b2:2px;--b3:3px;--c48:48px;--c64:64px;--z146:146px;--z390:390px;
  --fast:150ms;--base:200ms;--ease:ease-out;--reveal:600ms;--rankDur:800ms;--countDur:1200ms;--tickDur:60s;--parallax:0.06;
  --phTfL:perspective(1600px) rotateY(24deg) rotateZ(-4deg);--phTfR:perspective(1600px) rotateY(-24deg) rotateZ(4deg);--phTfM:perspective(1600px) rotateY(-10deg) rotateX(4deg);
  --rot180:rotate(180deg);--phMain:46%;--phSide:38%;--phTop:12%;--stageRatio:6 / 5;
  --tickShift:translateX(-50%);--flashDur:1400ms;--pop:700ms;--shadowLift:0 24px 48px rgba(5,10,18,0.55),0 6px 14px rgba(5,10,18,0.35);
  --loupeTf:rotate(-4deg);--loupeFrom:translateY(var(--s24)) scale(0.6);--bubbleTf:perspective(900px) rotateY(-12deg) rotateX(6deg) rotate(-3deg);--bubbleFrom:perspective(900px) translateX(var(--bbShift)) scale(0.4);--bbShift:12vw;
  --bbX:47%;--bbY:55%;--bbW:27%;--bbWm:36%;--bbXn:4%;--bbWn:64%;--lpY:18%;--badgeH:48px;--qr:132px;--photoNarrow:820 / 941;--photoPos:96% 50%;--provPress:0.85;--overlap:calc(-3 * var(--s48))}
@media (prefers-color-scheme:dark){:root{--bg:#0E1B2E;--surf:#16283F;--ink:#EEF2F7;--sub:#A9B6C7;--line:#2A3B55;--ctl:#7F90A8;--acc:#C8F031;--accTx:#0E1B2E;--accPress:#B4DC1E;--tint:#32483D;--tintTx:#C8F031;--tintPress:#445C3B;--save:#1F3350;--ok:#5ED6B6;--err:#FF7A66;--focus:#8DB4FF;--link:#C8F031;
  --band:#16283F;--band2:#0E1B2E;--linkHover:#EEF2F7}}
/* tokens:live:start */
/* Generuje tools/build-web.mjs z apps/social/assets/ui02_tokens.json (live, liveTx; liveOnAcc = světlý live). Neupravovat ručně. */
:root{--live:#D32F1F;--liveTx:#FFFFFF}
@media (prefers-color-scheme:dark){:root{--live:#FF5A47;--liveTx:#0E1B2E}}
:root{--liveOnAcc:#D32F1F}
/* tokens:live:end */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--dkBg);color:var(--ink);font-family:var(--txt);font-size:var(--fs16);font-weight:var(--w500);line-height:var(--lh145);overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
picture{display:block}
a{color:var(--link);text-underline-offset:var(--s4);text-decoration-thickness:var(--b1);transition:color var(--fast) var(--ease)}
a:hover{color:var(--linkHover);text-decoration-thickness:var(--b3)}
a:active{color:var(--linkHover)}
:focus-visible{outline:var(--b3) solid var(--focus);outline-offset:var(--s2)}
h1,h2,h3{margin:0;font-family:var(--disp);color:var(--ink);overflow-wrap:normal;text-wrap:balance}
h1{font-size:var(--fsHero);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay)}
h2{font-size:var(--fs30);font-weight:var(--w800);line-height:var(--lh11);letter-spacing:var(--lsTight)}
h3{font-size:var(--fs22);font-weight:var(--w800);line-height:var(--lh12)}
p,dl,dd{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0}
.mega{font-size:var(--fsMega);line-height:var(--lh1);letter-spacing:var(--lsDisplay)}
.nw{white-space:nowrap}
/* bands: stadium navy (fixed Stadion dark values), light (follows the system), lime, dark tint */
.b-dark,.b-tint{--bg:var(--dkBg);--surf:var(--dkSurf);--ink:var(--dkInk);--sub:var(--dkSub);--line:var(--dkLine);--ctl:var(--dkCtl);--acc:var(--dkAcc);--accTx:var(--dkAccTx);--accPress:var(--dkAccPress);--tint:var(--dkTint);--tintTx:var(--dkTintTx);--tintPress:var(--dkTintPress);--save:var(--dkSave);--ok:var(--dkOk);--err:var(--dkErr);--focus:var(--dkFocus);--link:var(--dkTintTx);--linkHover:var(--dkInk);background:var(--bg);color:var(--ink)}
.b-tint{--bg:var(--dkTint);--line:var(--dkTintPress);background:var(--dkTint)}
.b-light{background:var(--band);color:var(--ink)}
.b-light2{background:var(--band2);color:var(--ink)}
.b-acc{--ink:var(--dkAccTx);--ctl:var(--dkAccTx);--sub:var(--dkAccTx);--tintTx:var(--dkAccTx);--link:var(--dkAccTx);--linkHover:var(--dkAccTx);--line:var(--dkAccPress);--focus:var(--dkAccTx);--ok:var(--dkAccTx);--accTx:var(--dkAccTx);--accPress:var(--dkAccPress);background:var(--dkAcc);color:var(--dkAccTx)}
.skip{position:absolute;z-index:30;inset-inline-start:var(--s16);inset-block-start:calc(-2 * var(--s48));padding:var(--s12) var(--s16);background:var(--dkSurf);color:var(--dkInk);border:var(--b15) solid var(--dkCtl);border-radius:var(--r12)}
.skip:focus{inset-block-start:var(--s16)}
.wrap{width:100%;max-width:calc(3 * var(--z390));margin-inline:auto;padding-inline:var(--s16)}
.lead{font-size:var(--fs19);line-height:var(--lh14);color:var(--ink)}
.sub{color:var(--sub)}
.small{font-size:var(--fs14);line-height:var(--lh14);color:var(--sub)}
.eyebrow{font-size:var(--fs15);font-weight:var(--w700);line-height:var(--lh14);letter-spacing:var(--lsWide);color:var(--tintTx)}
.stack{display:flex;flex-direction:column;gap:var(--s16)}
.stack-lg{display:flex;flex-direction:column;gap:var(--s24)}
.sec{padding-block:var(--s48)}
/* header */
.site-header{position:relative;z-index:20;border-block-end:var(--b1) solid var(--line)}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s8) var(--s16);padding-block:var(--s12)}
.brand{display:inline-flex;align-items:center;min-height:var(--c48);border-radius:var(--r12)}
.brand img{height:var(--fs30);width:auto}
.nav-wide{display:none}
.nav-wide ul,.menu ul,.foot-links{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s4) var(--s8)}
.nav-wide a,.menu a,.foot-links a{display:inline-flex;align-items:center;min-height:var(--c48);padding-inline:var(--s12);border-radius:var(--r12);color:var(--ink);font-weight:var(--w700);text-decoration:none;transition:background-color var(--fast) var(--ease)}
.nav-wide a:hover,.menu a:hover,.foot-links a:hover{background:var(--save);color:var(--ink)}
.nav-wide a:active,.menu a:active,.foot-links a:active{background:var(--tintPress);color:var(--ink)}
.nav-wide a[aria-current=page],.menu a[aria-current=page]{color:var(--tintTx);background:var(--tint)}
.menu>summary{list-style:none;display:inline-flex;align-items:center;gap:var(--s8);min-height:var(--c48);padding-inline:var(--s16);border:var(--b15) solid var(--ctl);border-radius:var(--r24);background:var(--surf);color:var(--ink);font-weight:var(--w700);cursor:pointer;transition:background-color var(--fast) var(--ease)}
.menu>summary::-webkit-details-marker{display:none}
.menu>summary:hover{background:var(--save)}
.menu>summary:active{background:var(--tintPress)}
.menu>summary svg{width:var(--fs16);height:var(--fs16)}
.menu-panel{position:absolute;inset-inline:0;inset-block-start:100%;z-index:10;background:var(--surf);border-block-end:var(--b1) solid var(--line);padding-block:var(--s8) var(--s16)}
.menu-panel ul{flex-direction:column}
/* buttons */
.btns{display:flex;flex-wrap:wrap;gap:var(--s10)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s8);min-height:var(--c48);padding:var(--s10) var(--s18);border-radius:var(--r24);font-family:var(--txt);font-size:var(--fs16);font-weight:var(--w700);line-height:var(--lh12);text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}
.btn-pri{background:var(--acc);color:var(--accTx);border:0}
.btn-pri:hover{background:var(--accPress);color:var(--accTx)}
.btn-pri:active{background:var(--accPress);color:var(--accTx);box-shadow:inset 0 0 0 var(--b3) var(--accTx)}
.btn-sec{background:var(--surf);color:var(--ink);border:var(--b15) solid var(--ctl)}
.btn-sec:hover{background:var(--save);color:var(--ink)}
.btn-sec:active{background:var(--save);color:var(--ink);box-shadow:inset 0 0 0 var(--b15) var(--ctl)}
.btn-xl{min-height:var(--c64);padding:var(--s14) var(--s28);border-radius:var(--r26);font-size:var(--fs19)}
.btn-ghost{background:transparent;color:var(--ink);border:var(--b15) solid var(--ctl);min-height:var(--c48);padding:var(--s6) var(--s16);font-size:var(--fs15)}
.btn-ghost:hover{background:var(--accPress);color:var(--accTx)}
.btn-ghost:active{background:var(--accPress);color:var(--accTx);box-shadow:inset 0 0 0 var(--b15) var(--accTx)}
.more{font-weight:var(--w700)}
/* hero */
.hero{overflow:clip;padding-block:var(--s48) calc(2 * var(--s48))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s36)}
.hero-copy{display:flex;flex-direction:column;gap:var(--s24);min-width:0}
.hero-h .hl{color:var(--tintTx)}
.stage{position:relative;width:100%;max-width:calc(3 * var(--z146));margin-inline:auto;aspect-ratio:var(--stageRatio)}
.ph{position:absolute;inset-block-start:var(--phTop);width:var(--phSide)}
.ph img{width:100%}
.ph-l{inset-inline-start:0;transform:var(--phTfL) translateY(var(--py,0))}
.ph-r{inset-inline-end:0;transform:var(--phTfR) translateY(var(--py,0))}
.ph-m{inset-block-start:0;inset-inline:0;margin-inline:auto;width:var(--phMain);z-index:2;transform:var(--phTfM) translateY(var(--py,0))}
/* ticker */
.ticker{overflow:hidden;padding-block:var(--s12);border-block:var(--b1) solid var(--line)}
.ticker:focus-visible{outline-offset:calc(-1 * var(--b3))}
.tk-move{display:flex;width:max-content}
.tk-track{list-style:none;flex:none;display:flex;align-items:center;gap:var(--s36);padding-inline:var(--s16) var(--s36);white-space:nowrap}
.tk-track li{display:inline-flex;align-items:baseline;gap:var(--s8);font-weight:var(--w700);font-size:var(--fs16)}
.tk-sport{font-size:var(--fs14);font-weight:var(--w600)}
.tk-score{font-family:var(--disp);font-weight:var(--w800);font-size:var(--fs26);line-height:var(--lh1);font-variant-numeric:tabular-nums;white-space:nowrap}
.tk-bar{display:flex;justify-content:flex-end;padding-block:var(--s8)}
.tk-score{display:inline-flex;gap:var(--s2);padding:var(--s2) var(--s8);border-radius:var(--r12);transition:background-color var(--base) var(--ease),color var(--base) var(--ease)}
.tk-live{display:inline-flex;align-items:center;gap:var(--s4);padding:var(--s2) var(--s8);border-radius:var(--r12);background:var(--live);color:var(--liveTx);font-size:var(--fs12);font-weight:var(--w800);letter-spacing:var(--lsWide)}
.tk-ft{font-size:var(--fs14);font-weight:var(--w600)}
.tk-chg{display:inline-flex;align-items:center;gap:var(--s2);min-width:var(--s36);font-size:var(--fs14);font-weight:var(--w800);font-variant-numeric:tabular-nums}
.tk-chg svg{width:var(--fs14);height:var(--fs14)}
/* LIVE-SCORE-RED-001 (OWN-2026-10-10-20): skóre jen běžícího zápasu barvou live – na limetkovém pruhu světlý token v obou režimech (R1 a); bliknutí změny (níž) má přednost. */
.tk-score.is-live{color:var(--liveOnAcc)}
.tk-track li.flash .tk-score{background:var(--ink);color:var(--dkAcc)}
/* how it works */
.asym{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s36)}
.asym-head{display:flex;flex-direction:column;gap:var(--s16)}
.steps-big{list-style:none;display:flex;flex-direction:column}
.steps-big li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s8) var(--s24);align-items:start;padding-block:var(--s24);border-block-start:var(--b1) solid var(--line)}
.steps-big li:last-child{border-block-end:var(--b1) solid var(--line)}
.steps-big .stack{padding-block-start:var(--s12)}
.big-n{font-family:var(--disp);font-size:var(--fsNum);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay);color:var(--tintTx);font-variant-numeric:tabular-nums;white-space:nowrap}
/* splits */
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s36);align-items:center}
.phone-col{display:flex;justify-content:center}
.phone-col picture{width:100%;max-width:calc(2 * var(--z146))}
.check{list-style:none;display:flex;flex-direction:column;gap:var(--s12)}
.check li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s10);align-items:start}
.check svg{width:var(--fs16);height:var(--fs16);margin-block-start:var(--s4);color:var(--ok)}
.check-lg li{font-size:var(--fs19);line-height:var(--lh14);padding-block:var(--s16);border-block-start:var(--b1) solid var(--line)}
.check-lg svg{width:var(--fs22);height:var(--fs22)}
/* scoreboard (live) */
.sb{display:flex;flex-direction:column;gap:var(--s12);padding-block:var(--s24);border-block:var(--b1) solid var(--line)}
.sb-meta{font-size:var(--fs15);font-weight:var(--w700);color:var(--sub)}
.sb-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s8) var(--s16)}
.sb-team{font-size:var(--fs19);font-weight:var(--w700);line-height:var(--lh12)}
.sb-score{font-family:var(--disp);font-size:var(--fsNum);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay);color:var(--tintTx);font-variant-numeric:tabular-nums;white-space:nowrap}
.sb-pick{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s12);font-size:var(--fs16);font-weight:var(--w600)}
.tag{display:inline-flex;align-items:center;gap:var(--s6);padding:var(--s2) var(--s10);border-radius:var(--r12);background:var(--tint);color:var(--tintTx);font-size:var(--fs14);font-weight:var(--w700)}
.tag svg{width:var(--fs14);height:var(--fs14)}
/* standings board */
.board{border-radius:var(--r24);padding:var(--s24) var(--s16);display:flex;flex-direction:column;gap:var(--s16);min-width:0}
.board-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:var(--s8) var(--s16)}
.board-league{font-family:var(--disp);font-size:var(--fs30);font-weight:var(--w800);line-height:var(--lh11)}
.board-you{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s4) var(--s12)}
.big-count{font-family:var(--disp);font-size:var(--fsNum);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay);color:var(--tintTx);font-variant-numeric:tabular-nums;white-space:nowrap}
.board-rows{list-style:none;display:flex;flex-direction:column;gap:var(--s4)}
.board-rows li{display:grid;grid-template-columns:var(--c48) minmax(0,1fr) auto auto;align-items:center;gap:var(--s4) var(--s12);min-height:var(--c48);padding:var(--s8) var(--s12);border-radius:var(--r12);background:var(--surf);position:relative}
.board-rows li.me{background:var(--tint);color:var(--tintTx)}
.board-rows .rk{font-family:var(--disp);font-size:var(--fs22);font-weight:var(--w800);font-variant-numeric:tabular-nums}
.board-rows .nm{font-weight:var(--w700);min-width:0}
.board-rows .dl{font-size:var(--fs15);font-weight:var(--w700);color:var(--ok);white-space:nowrap;font-variant-numeric:tabular-nums}
.board-rows li.me .dl{color:var(--tintTx)}
.board-rows .pt{font-family:var(--disp);font-size:var(--fs24);font-weight:var(--w800);white-space:nowrap;font-variant-numeric:tabular-nums}
.board[data-phase=before] .dl{visibility:hidden}
.board-note{display:flex;align-items:start;gap:var(--s8);font-weight:var(--w700)}
.board-note svg{flex:none;width:var(--fs16);height:var(--fs16);margin-block-start:var(--s4);color:var(--tintTx)}
/* sports */
.sport-head{padding-block:var(--s48) 0}
.sport{padding-block:var(--s48)}
.sport-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "num" "phone";gap:var(--s24) var(--s48);align-items:center}
.sport-copy{grid-area:copy;display:flex;flex-direction:column;gap:var(--s16)}
.sport-idx{font-size:var(--fs15);font-weight:var(--w700);letter-spacing:var(--lsWide);color:var(--tintTx)}
.sport-name{font-size:var(--fsSport);line-height:var(--lh1);letter-spacing:var(--lsDisplay)}
.sport-num{grid-area:num;display:flex;flex-direction:column;gap:var(--s8)}
.sport-num .n{font-family:var(--disp);font-size:var(--fsNum);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay);color:var(--tintTx);font-variant-numeric:tabular-nums;white-space:nowrap}
.sport-phone{grid-area:phone;display:flex;justify-content:center}
.sport-phone picture{width:100%;max-width:calc(2 * var(--z146))}
/* leagues on raspberry */
.free{display:flex;flex-direction:column;gap:var(--s12)}
.free-num{font-family:var(--disp);font-size:var(--fsNum);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay);font-variant-numeric:tabular-nums;white-space:nowrap}
.duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s24)}
.duo>div{display:flex;flex-direction:column;gap:var(--s8);padding-block-start:var(--s16);border-block-start:var(--b2) solid var(--line)}
.b-acc .duo>div{border-block-start-color:var(--ink)}
/* points ladder */
.ladder{list-style:none;display:flex;flex-direction:column}
.ladder li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--s4) var(--s16);padding-block:var(--s12);border-block-start:var(--b1) solid var(--line)}
.ladder li:last-child{border-block-end:var(--b1) solid var(--line)}
.ladder .nn{display:flex;align-items:baseline;gap:var(--s6);white-space:nowrap}
.ladder .n{font-family:var(--disp);font-size:var(--fs44);font-weight:var(--w800);line-height:var(--lh1);color:var(--tintTx);font-variant-numeric:tabular-nums;white-space:nowrap}
.ladder .t{font-size:var(--fs17);font-weight:var(--w700)}
.ladder .u{font-size:var(--fs15);font-weight:var(--w700);color:var(--sub)}
.example{display:flex;flex-direction:column;gap:var(--s8);padding:var(--s16);border-radius:var(--r12);background:var(--tint);color:var(--ink)}
.example strong{color:var(--tintTx)}
/* plan sizes */
.sizes{list-style:none;display:flex;flex-direction:column}
.sizes li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4) var(--s24);align-items:baseline;padding-block:var(--s24);border-block-start:var(--b1) solid var(--line)}
.sizes li:last-child{border-block-end:var(--b1) solid var(--line)}
.sizes .n{font-family:var(--disp);font-size:var(--fsMega);font-weight:var(--w800);line-height:var(--lh1);color:var(--tintTx);font-variant-numeric:tabular-nums;white-space:nowrap}
.sizes .d{display:flex;flex-direction:column;gap:var(--s4)}
/* FAQ */
.faq{display:flex;flex-direction:column}
.faq details{border-block-end:var(--b1) solid var(--line)}
.faq details:first-child{border-block-start:var(--b1) solid var(--line)}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--s16);min-height:var(--c48);padding:var(--s12) var(--s8);cursor:pointer;border-radius:var(--r12);transition:background-color var(--fast) var(--ease)}
.faq summary:hover{background:var(--save)}
.faq summary:active{background:var(--tintPress)}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-size:var(--fs19);font-family:var(--txt);font-weight:var(--w700);line-height:var(--lh14)}
.faq summary svg{flex:none;width:var(--fs16);height:var(--fs16);transition:transform var(--base) var(--ease)}
.faq details[open] summary svg{transform:var(--rot180)}
.faq .answer{padding:0 var(--s8) var(--s16);display:flex;flex-direction:column;gap:var(--s8)}
/* page hero (inner pages) and legal */
.page-hero{padding-block:var(--s48)}
.page-hero .wrap{display:flex;flex-direction:column;gap:var(--s24)}
.placeholder{border:var(--b15) dashed var(--ctl);border-radius:var(--r12);padding:var(--s16);color:var(--sub)}
.mail{font-family:var(--disp);font-size:var(--fs30);font-weight:var(--w800);line-height:var(--lh12);overflow-wrap:anywhere}
.rows2{display:flex;flex-direction:column}
.rows2>div{display:flex;flex-direction:column;gap:var(--s8);padding-block:var(--s24);border-block-start:var(--b1) solid var(--line)}
.rows2>div:last-child{border-block-end:var(--b1) solid var(--line)}
/* invite */
.narrow{max-width:calc(2 * var(--z390));margin-inline:auto}
.inv-top{padding-block:var(--s48)}
.inv-top .narrow{display:flex;flex-direction:column;gap:var(--s24)}
.inv-top h1{font-size:var(--fsMega)}
.inv-top .btn-xl{flex:1 1 auto}
.inv-league{display:flex;flex-direction:column;gap:var(--s8);padding-block:var(--s24);border-block:var(--b1) solid var(--line)}
.inv-name{font-family:var(--disp);font-size:var(--fsSport);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsDisplay);color:var(--tintTx)}
.inv-facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s8) var(--s16);font-size:var(--fs17);font-weight:var(--w700)}
.inv-facts li{display:inline-flex;align-items:center;gap:var(--s8)}
.inv-facts .pl{font-family:var(--disp);font-size:var(--fs26);font-weight:var(--w800);line-height:var(--lh1);font-variant-numeric:tabular-nums}
.plan{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s12);align-items:baseline}
.msg{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s12);align-items:start}
.msg svg{width:var(--fs22);height:var(--fs22);margin-block-start:var(--s2)}
.msg-err svg{color:var(--err)}
.msg-info svg{color:var(--tintTx)}
.msg-text{display:flex;flex-direction:column;gap:var(--s4)}
.msg-text strong{font-size:var(--fs19);line-height:var(--lh14)}
.ticket-sec{padding-block:var(--s48)}
.ticket{position:relative;display:flex;flex-direction:column;background:var(--surf);color:var(--ink);border:var(--b15) solid var(--ctl);border-radius:var(--r24)}
.tk-main{display:flex;flex-direction:column;gap:var(--s8);padding:var(--s24) var(--s24) var(--s24)}
.tk-stub{position:relative;display:flex;flex-direction:column;gap:var(--s12);padding:var(--s24);border-block-start:var(--b2) dashed var(--ctl)}
.tk-stub::before,.tk-stub::after{content:"";position:absolute;inset-block-start:calc(-1 * var(--s12));width:var(--fs22);height:var(--fs22);border-radius:50%;background:var(--band);border:var(--b15) solid var(--ctl)}
.tk-stub::before{inset-inline-start:calc(-1 * var(--s12))}
.tk-stub::after{inset-inline-end:calc(-1 * var(--s12))}
.tk-label{font-size:var(--fs15);font-weight:var(--w700);color:var(--sub)}
.tk-league{font-size:var(--fs15);font-weight:var(--w700);color:var(--tintTx)}
.code{font-family:var(--disp);font-size:var(--fsSport);font-weight:var(--w800);line-height:var(--lh1);letter-spacing:var(--lsWide);white-space:nowrap;-webkit-user-select:all;user-select:all;font-variant-numeric:tabular-nums}
.copied{display:flex;align-items:center;gap:var(--s8);min-height:var(--fs24);font-weight:var(--w700);color:var(--ok)}
.copied svg{width:var(--fs16);height:var(--fs16)}
.steps{list-style:none;display:flex;flex-direction:column}
.steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s16);align-items:start;padding-block:var(--s24);border-block-start:var(--b1) solid var(--line)}
.steps li:last-child{border-block-end:var(--b1) solid var(--line)}
.steps .n{font-family:var(--disp);font-size:var(--fs44);font-weight:var(--w800);line-height:var(--lh1);color:var(--tintTx);font-variant-numeric:tabular-nums}
.field-demo{display:flex;flex-direction:column;gap:var(--s6)}
.field-label{font-size:var(--fs15);font-weight:var(--w700)}
.field-box{min-height:var(--c48);display:flex;align-items:center;padding-inline:var(--s16);border:var(--b15) solid var(--ctl);border-radius:var(--r12);background:var(--surf);font-family:var(--disp);font-size:var(--fs19);font-weight:var(--w700);letter-spacing:var(--lsWide)}
/* footer */
.site-footer{padding-block:var(--s48);border-block-start:var(--b1) solid var(--line)}
.foot{display:flex;flex-direction:column;gap:var(--s24)}
.foot-claim{font-family:var(--disp);font-size:var(--fs26);font-weight:var(--w800);line-height:var(--lh11);color:var(--ink)}
.foot-links{gap:var(--s4)}
.foot-links a{padding-inline:var(--s8);font-weight:var(--w600)}
/* photo block: fan with the app; the “You · 1st” bubble comes out of the phone */
.photo{padding-block:var(--s48);overflow:clip}
.photo-head{display:flex;flex-direction:column;gap:var(--s16);padding-block-end:var(--s36)}
.photo-stage{position:relative;margin-block-end:var(--s48)}
.photo-img{width:100%;aspect-ratio:var(--photoNarrow);object-fit:cover;object-position:var(--photoPos)}
.bubble{position:absolute;z-index:3;inset-inline-start:var(--bbXn);inset-block-end:var(--s24);width:var(--bbWn);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"rk nm pt" "rk mv pt";align-items:center;gap:var(--s2) var(--s12);margin:0;padding:var(--s12) var(--s16);border:var(--b3) solid var(--dkAccTx);border-radius:var(--r24);background:var(--dkAcc);color:var(--dkAccTx);box-shadow:var(--shadowLift);transform:var(--bubbleTf)}
.bb-rk{grid-area:rk;font-family:var(--disp);font-size:var(--fs44);font-weight:var(--w800);line-height:var(--lh1);font-variant-numeric:tabular-nums}
.bb-nm{grid-area:nm;font-family:var(--disp);font-size:var(--fs22);font-weight:var(--w800);line-height:var(--lh11)}
.bb-mv{grid-area:mv;display:inline-flex;align-items:center;gap:var(--s4);font-size:var(--fs14);font-weight:var(--w700)}
.bb-mv svg{width:var(--fs14);height:var(--fs14)}
.bb-pt{grid-area:pt;font-family:var(--disp);font-size:var(--fs30);font-weight:var(--w800);line-height:var(--lh1);white-space:nowrap;font-variant-numeric:tabular-nums}
.bb-u{font-size:var(--fs15)}
/* phones with a loupe (enlarged detail coming out of the display) */
.phx{position:relative}
.loupe{position:absolute;z-index:3;inset-inline-end:calc(-1 * var(--s8));inset-block-end:var(--lpY);max-width:calc(100% - var(--s16));display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin:0;padding:var(--s10) var(--s16);border:var(--b3) solid var(--dkAccTx);border-radius:var(--r24);background:var(--dkAcc);color:var(--dkAccTx);box-shadow:var(--shadowLift);transform:var(--loupeTf);text-align:center}
.lp-big{font-family:var(--disp);font-size:var(--fs30);font-weight:var(--w800);line-height:var(--lh1);white-space:nowrap;font-variant-numeric:tabular-nums}
.lp-small{font-size:var(--fs14);font-weight:var(--w700);line-height:var(--lh12)}
.stage .loupe{inset-block-end:var(--s8);padding:var(--s6) var(--s10)}
.stage .lp-big{font-size:var(--fs22)}
.stage .lp-small{font-size:var(--fs12)}
.sport-phone,.phone-col{position:relative;z-index:2}
/* get the app: official store badges (unmodified files, same height) + QR */
.getapp{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s24)}
.badges{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin-inline:calc(-1 * var(--s12))}
.badges li{padding:var(--s12)}
.badge{display:flex;flex-direction:column;align-items:center;gap:var(--s6);color:inherit;text-decoration:none;line-height:var(--lh1);transition:opacity var(--fast) var(--ease)}
.badge img{display:block;height:var(--badgeH);width:auto}
.badge:hover{opacity:var(--provPress)}
.badge:active{opacity:var(--provPress)}
.qr{display:none;margin:0;flex-direction:column;gap:var(--s8)}
.qr figcaption{font-size:var(--fs15);font-weight:var(--w700);color:var(--ink)}
.qr img{width:var(--qr);height:var(--qr);border-radius:var(--r12);border:var(--b1) solid var(--line)}
.foot-top{display:flex;flex-direction:column;gap:var(--s24)}
@media (min-width:768px){
  .qr{display:flex}
  .photo-stage{margin-block-end:0}
  .photo-img{aspect-ratio:auto}
  .bubble{inset-inline-start:var(--bbX);inset-block-start:var(--bbY);inset-block-end:auto;width:var(--bbWm)}
  .sport-phone,.phone-col{margin-block:var(--overlap)}
  .foot-top{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}
  .wrap{padding-inline:var(--s24)}
  h2{font-size:var(--fs34)}
  .sec,.sport{padding-block:calc(2 * var(--s48))}
  .split{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--s48)}
  .split.flip{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .split.flip>.phone-col{order:-1}
  .duo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sport-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"copy phone" "num phone"}
  .sport.flip .sport-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"phone copy" "phone num"}
  .sport-phone picture,.phone-col picture{transform:var(--phTfM)}
  .sizes li{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
  .board{padding:var(--s36)}
  .check-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s36)}
  .page-hero{padding-block:calc(2 * var(--s48))}
  .inv-top{padding-block:calc(2 * var(--s48))}
  .inv-top .btn-xl{flex:0 1 auto}
}
@media (min-width:1280px){
  .bubble{width:var(--bbW)}
  .nav-wide{display:block}
  .menu{display:none}
  .wrap{padding-inline:var(--s40)}
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
  .hero-copy{padding-block-end:calc(2 * var(--s48))}
  .hero-h{font-size:var(--fsHeroWide)}
  .stage{max-width:none}
  .asym{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s48)}
  .asym-head{position:sticky;inset-block-start:var(--s24);align-self:start}
}
/* motion only when the system allows it; assets/site.js adds .js and the reveal / standings / counter / parallax effects */
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translateY(var(--s24));transition:opacity var(--reveal) var(--ease),transform var(--reveal) var(--ease)}
  .js .rv.in{opacity:1;transform:none}
  .tk-move{animation:bc-tick var(--tickDur) linear infinite}
  .ticker:hover .tk-move,.ticker:focus-within .tk-move,.ticker:focus .tk-move,.ticker.paused .tk-move{animation-play-state:paused}
  .js .phx .loupe,.js .bubble{transition:opacity var(--pop) var(--ease),transform var(--pop) var(--ease)}
  .js .rv:not(.in) .loupe,.js .stage:not(.in) .loupe{opacity:0;transform:var(--loupeFrom)}
  .js .photo-stage:not(.in) .bubble{opacity:0;transform:var(--bubbleFrom)}
  .phx picture{transform:translateY(var(--py,0))}
}
@keyframes bc-tick{to{transform:var(--tickShift)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  .tk-move{display:block;width:auto}
  .tk-track{flex-wrap:wrap;white-space:normal;row-gap:var(--s12)}
  .tk-track li{flex-wrap:wrap;white-space:normal}
  .tk-track[aria-hidden=true],.tk-bar{display:none}
}
/* WEB-001: skutečný pruh zápasů (assets/ticker.js), odznaky bez odkazu, právní texty. Hodnoty jen přes var(). */
.tk-team{display:inline-flex;align-items:center;gap:var(--s6)}
.tk-logo{width:var(--s24);height:var(--s24);object-fit:contain;flex:none}
.tk-short{letter-spacing:var(--lsWide)}
.tk-vs{font-size:var(--fs14);font-weight:var(--w600)}
.ticker.tk-fit .tk-move{animation:none;width:auto}
.ticker.tk-fit .tk-track[aria-hidden=true]{display:none}
.ticker.tk-fit .tk-track{flex-wrap:wrap;white-space:normal;row-gap:var(--s12)}
.ticker.tk-fit+.b-acc{display:none}
.badge.is-soon{cursor:default}
.badge.is-soon:hover,.badge.is-soon:active{opacity:1}
.bd-soon{font-size:var(--fs12);font-weight:var(--w600)}
.legal-list{display:flex;flex-direction:column;gap:var(--s8);padding-inline-start:var(--s24);list-style:disc}
.table-wrap{overflow-x:auto}
.legal-table{width:100%;border-collapse:collapse;text-align:start}
.legal-table th,.legal-table td{padding:var(--s12);border-block-end:var(--b1) solid var(--line);vertical-align:top;text-align:start}
.legal-table th{font-size:var(--fs14);font-weight:var(--w700);color:var(--sub)}
@media (max-width:767px){
  .legal-table thead{position:absolute;width:var(--b1);height:var(--b1);overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block}
  .legal-table tr{padding-block:var(--s12);border-block-end:var(--b1) solid var(--line)}
  .legal-table td{padding:var(--s4) 0;border:0}
  .legal-table td::before{content:attr(data-label);display:block;font-size:var(--fs14);font-weight:var(--w700);color:var(--sub)}
}