/* ChciHry.cz – homepage */
.wrap{width:100%;max-width:var(--ch-wrap);margin:0 auto;padding:0 var(--ch-gut)}

/* hero */
.hero{padding:3.25rem 0 2.5rem}
.hero-in{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:2.5rem;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .9rem .35rem .4rem;border-radius:999px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);color:var(--ch-gold-2);font-weight:700;font-size:.85rem}
.eyebrow b{display:grid;place-items:center;min-width:1.75rem;height:1.75rem;padding:0 .35rem;border-radius:999px;background:var(--ch-gold);color:#1B1404;font-size:.8rem;font-weight:800}
.hero-title{font:700 clamp(2.4rem,5.3vw,4.35rem)/1.02 var(--ch-f-display);letter-spacing:-.02em;margin:1.1rem 0 1.15rem;text-wrap:balance}
.hl{position:relative;display:inline-block;background:linear-gradient(180deg,#FFEDB3 0%,#E6BF45 58%,#BC931F 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.hl-line{position:absolute;left:-2%;right:-2%;bottom:-.1em;width:104%;height:.26em;overflow:visible}
.hl-line path{fill:none;stroke:var(--ch-gold);stroke-width:5;stroke-linecap:round;opacity:.85}
.hero-lead{font-size:clamp(1.02rem,1.45vw,1.16rem);color:var(--ch-text-2);max-width:33em;line-height:1.65}
.hero-lead strong{color:var(--ch-text);font-weight:700}
.hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.perks{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.4rem;color:var(--ch-text-2);font-size:.9rem;font-weight:600}
.perks li{display:flex;align-items:center;gap:.4rem}
.perks .ico{color:var(--ch-ok)}

/* hero – koláž herního stolu */
.hero-art{position:relative;width:100%;max-width:560px;aspect-ratio:1/.9;justify-self:end;container-type:inline-size}
.hero-art::before{content:'';position:absolute;inset:4% 2% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(212,175,55,.32),rgba(212,175,55,.08) 62%,transparent)}
.ha{position:absolute;animation:bob 8s ease-in-out infinite}
.ha>*{transform:rotate(var(--r,0deg))}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
.ha-chess{left:30%;top:28%;z-index:2}
.ha-2048{right:12%;top:8%;z-index:3;animation-delay:-2.5s}
.ha-pex{left:6%;bottom:12%;z-index:4;animation-delay:-5s}
.ha-word{right:0;bottom:25%;display:flex;gap:1.3cqi;z-index:5;animation-delay:-1.2s}
.ha-word b{display:grid;place-items:center;width:9.5cqi;height:9.5cqi;border-radius:2cqi;background:linear-gradient(180deg,#FFF7E2,#EBD39E);color:#3A2808;font:700 5.6cqi/1 var(--ch-f-display);box-shadow:0 .7cqi 0 #B48C3A,0 2.4cqi 3.4cqi rgba(0,0,0,.45)}
.ha-word b:nth-child(1){transform:rotate(-8deg) translateY(1cqi)}
.ha-word b:nth-child(2){transform:rotate(4deg)}
.ha-word b:nth-child(3){transform:rotate(-3deg) translateY(-1.2cqi)}
.ha-word b:nth-child(4){transform:rotate(9deg) translateY(.6cqi)}
.ha-dice{left:42%;bottom:0;width:13cqi;z-index:6;animation-delay:-3.6s}
.ha-dice svg{width:100%;transform:rotate(17deg);filter:drop-shadow(0 2cqi 2.4cqi rgba(0,0,0,.5))}
.ha-pawn{width:6.5cqi;z-index:6}
.ha-pawn svg{width:100%;height:auto;aspect-ratio:26/42;overflow:visible;filter:drop-shadow(.35cqi .5cqi .35cqi rgba(0,0,0,.5)) drop-shadow(0 1.2cqi 1.4cqi rgba(0,0,0,.35))}
.ha-pawn--r{left:58%;bottom:3%;animation-delay:-4.4s}
.ha-pawn--b{left:65%;bottom:6.5%;width:5.6cqi;animation-delay:-.6s}

/* pokračovat */
.cont{padding:0 0 1rem}
.cont-box{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.1rem 1rem 1.4rem;border-radius:var(--ch-r-lg);background:linear-gradient(100deg,rgba(212,175,55,.13),rgba(255,255,255,.03) 55%);border:1px solid rgba(212,175,55,.28)}
.cont-head{flex:none;max-width:15rem}
.cont-title{font:600 1.2rem/1.15 var(--ch-f-display)}
.cont-note{font-size:.78rem;color:var(--ch-text-3);margin-top:.2rem}
.cont-list{display:flex;gap:.75rem;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}
.cont-list li{flex:1 1 0;min-width:13.5rem}
.cont-list::-webkit-scrollbar{display:none}
.cont-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.45rem .7rem .45rem .45rem;border-radius:16px;background:var(--ch-ink-2);border:1px solid var(--ch-line);white-space:nowrap;transition:border-color .2s,transform .2s var(--ch-ease)}
.cont-item:hover{border-color:var(--acc,var(--ch-gold));transform:translateY(-2px)}
.cont-thumb{width:56px;height:56px;border-radius:12px;overflow:hidden;container-type:inline-size;flex:none}
.cont-thumb .tile-art{aspect-ratio:1;height:100%}
.cont-txt{display:flex;flex-direction:column;line-height:1.2;flex:1;min-width:0}
.cont-txt b,.cont-txt small{overflow:hidden;text-overflow:ellipsis}
.cont-txt b{font:600 1rem/1.2 var(--ch-f-display)}
.cont-txt small{color:var(--ch-text-3);font-size:.78rem;font-weight:600}
.cont-go{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.07);color:var(--ch-gold-2)}
.cont-item:hover .cont-go{background:var(--ch-gold);color:#1B1404}
.cont-txt small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25}

/* sekce */
.sec{padding:3.5rem 0}
.sec--tight{padding:1.5rem 0 3rem}
.sec--games{padding-top:1.75rem}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.4rem;flex-wrap:wrap}
.sec-head--center{justify-content:center;text-align:center}
.sec-kicker{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ch-gold)}
.sec-title{font:700 clamp(1.65rem,3.1vw,2.4rem)/1.1 var(--ch-f-display);letter-spacing:-.01em;margin-top:.35rem;text-wrap:balance}
.sec-sub{color:var(--ch-text-2);margin-top:.6rem;max-width:40em}
.sec-sub a{color:var(--ch-gold-2);text-decoration:underline;text-underline-offset:3px}
.sec-side{color:var(--ch-text-3);font-weight:600;font-size:.92rem}
.sec-side b{color:var(--ch-text)}

/* filtry */
.chips{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--ch-gut)*-1) 1.4rem;padding:2px var(--ch-gut)}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:0 1rem;border-radius:999px;border:1px solid var(--ch-line-2);background:rgba(255,255,255,.04);color:var(--ch-text-2);font-weight:600;font-size:.93rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{background:rgba(255,255,255,.09);color:var(--ch-text)}
.chip[aria-pressed="true"]{background:var(--ch-text);border-color:var(--ch-text);color:var(--ch-ink-0)}
.chip-n{font-size:.74rem;font-weight:800;min-width:1.5rem;padding:.12rem .4rem;border-radius:999px;background:rgba(255,255,255,.1);text-align:center}
.chip[aria-pressed="true"] .chip-n{background:rgba(6,11,26,.12)}

/* mřížka her */
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;grid-auto-flow:dense}
.tile--xl{grid-column:span 2;grid-row:span 2}
.tile--wide{grid-column:span 2}
:where(.tile){--acc:var(--ch-gold);--art:linear-gradient(160deg,#1b2540,#0b1226)}
.tile{position:relative;container-type:inline-size;border-radius:var(--ch-r-lg);background:linear-gradient(180deg,var(--ch-ink-2),var(--ch-ink-1));border:1px solid var(--ch-line);overflow:hidden;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));transition:transform .4s var(--ch-ease),box-shadow .4s var(--ch-ease),border-color .3s;animation:tileIn .6s var(--ch-ease) both}
.tile:hover,.tile:focus-within{--ty:-6px;border-color:var(--ch-line-2);border-color:color-mix(in srgb,var(--acc) 60%,transparent);box-shadow:0 26px 50px -16px rgba(0,0,0,.7),0 16px 60px -24px var(--acc)}
.tile.is-tilting{transition:transform .08s linear,box-shadow .4s var(--ch-ease),border-color .3s}
@keyframes tileIn{from{opacity:0;translate:0 14px}}
.tile>a{display:flex;flex-direction:column;height:100%;border-radius:inherit}
.tile>a:focus-visible{outline-offset:-3px}
.tile-art{position:relative;width:100%;aspect-ratio:16/10;display:grid;place-items:center;background:var(--art);overflow:hidden}
.tile-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 70% at var(--mx,50%) var(--my,0%),rgba(255,255,255,.16),transparent 70%);opacity:0;transition:opacity .35s}
.tile:hover .tile-art::after{opacity:1}
.tile-tags{position:absolute;top:.75rem;left:.75rem;right:.75rem;display:flex;flex-wrap:wrap;gap:.35rem;z-index:3}
.tile:not(.tile--xl):not(.tile--wide) .tile-art:has(.tile-tags){padding-top:1.6rem}
.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .6rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:rgba(6,11,26,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.16);color:var(--ch-text)}
.tag .ico{width:1.05em;height:1.05em}
.tag--new{background:linear-gradient(180deg,#F8DE86,#D4AF37);color:#1B1404;border-color:transparent}
.tag--upd{background:rgba(168,224,90,.18);border-color:rgba(168,224,90,.5);color:#D9F7AE}
.tile-body{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.1rem;flex:1}
.tile-genre{font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--acc)}
.tile-title{font:600 1.42rem/1.1 var(--ch-f-display);letter-spacing:-.005em}
.tile-desc{color:var(--ch-text-2);font-size:.86rem;line-height:1.5}
.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.7rem}
.tile-meta{display:flex;flex-wrap:wrap;gap:.35rem}
.tile-meta li{font-size:.72rem;font-weight:700;color:var(--ch-text-2);padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.06);white-space:nowrap}
.tile-play{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--ch-text);font-weight:800;font-size:.92rem;transition:background .25s,color .25s,transform .25s var(--ch-ease),width .25s}
.tile-play .ico{width:18px;height:18px}
.tile-play-txt{display:none}
.tile:hover .tile-play,.tile:focus-within .tile-play{background:var(--ch-gold);color:#1B1404;transform:scale(1.06)}

.tile--xl .tile-art{aspect-ratio:auto;flex:1;min-height:320px}
.tile--xl .tile-body{padding:1.3rem 1.5rem 1.5rem}
.tile--xl .tile-title{font-size:2.3rem}
.tile--xl .tile-desc{font-size:1rem;max-width:34em}
.tile--xl .tile-play,.tile--wide .tile-play{width:auto;padding:0 1.15rem;background:var(--ch-gold);color:#1B1404}
.tile--xl .tile-play-txt,.tile--wide .tile-play-txt{display:inline}
.tile--wide>a{flex-direction:row}
.tile--wide .tile-art{width:44%;aspect-ratio:auto}
.tile--wide .tile-body{padding:1.3rem 1.4rem;justify-content:center}
.tile--wide .tile-title{font-size:1.75rem}
.tile--wide .tile-foot{margin-top:.6rem}

/* filtrovaný stav: všechny dlaždice stejně velké */
.grid.is-filtered .tile--xl,.grid.is-filtered .tile--wide{grid-column:auto;grid-row:auto}
.grid.is-filtered .tile--wide>a{flex-direction:column}
.grid.is-filtered .tile--xl .tile-art,.grid.is-filtered .tile--wide .tile-art{width:100%;aspect-ratio:16/10;flex:none;min-height:0;--k:.82}
.grid.is-filtered .tile--xl .tile-title,.grid.is-filtered .tile--wide .tile-title{font-size:1.42rem}
.grid.is-filtered .tile--xl .tile-desc{font-size:.86rem}
.grid.is-filtered .tile--xl .tile-body,.grid.is-filtered .tile--wide .tile-body{padding:1rem 1.1rem 1.1rem;justify-content:flex-start}
.tile-flaf{--acc:#7FFFD4;--art:radial-gradient(80% 80% at 50% 40%,rgba(127,255,212,.18),transparent 70%),linear-gradient(135deg,#3A3170,#6B5B95)}
.tile-flaf .tile-art img{position:absolute;top:6%;bottom:6%;left:0;right:0;margin:auto;width:auto;height:88%;max-width:90%;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.4));transition:transform .45s var(--ch-ease)}
.tile-flaf:hover .tile-art img{transform:scale(1.06) rotate(-3deg)}
.tile-flaf .tile-play{background:rgba(127,255,212,.16);color:#BFFFEA}

/* velikost náhledů (scéna .ch-thumb z thumbs.css) */
.tile:hover .ch-thumb,.tile:focus-within .ch-thumb,.daily:hover .ch-thumb{--ch-kz:1.07}
.tile--xl .tile-art{--k:1.65}
.tile--wide .tile-art{--k:1.12}
.daily-art{position:relative;min-height:150px;--k:.8}
.cont-thumb .tile-art{--k:.3}
.cont-item.g-pexeso .tile-art{--k:.25}
.ha-chess{--k:1.75}.ha-2048{--k:.98}.ha-pex{--k:.9}
@media (max-width:1240px){.ha-chess{--k:1.4}.ha-2048{--k:.8}.ha-pex{--k:.75}.cont-go{display:none}}

/* denní výzvy */
.clock{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;color:var(--ch-text-3);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.clock b{font:600 2rem/1 var(--ch-f-display);color:var(--ch-text);letter-spacing:.02em;font-variant-numeric:tabular-nums;text-transform:none}
.daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
:where(.daily){--acc:var(--ch-gold)}
.daily{border-radius:var(--ch-r-lg);background:linear-gradient(180deg,var(--ch-ink-2),var(--ch-ink-1));border:1px solid var(--ch-line);overflow:hidden;transition:transform .35s var(--ch-ease),border-color .3s,box-shadow .35s}
.daily:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--acc) 60%,transparent);box-shadow:0 22px 46px -18px rgba(0,0,0,.7),0 16px 50px -26px var(--acc)}
.daily>a{display:flex;align-items:stretch;height:100%}
.daily-art{flex:none;width:38%;display:grid;place-items:center;background:var(--art);container-type:inline-size;padding:.75rem 0}
.daily-body{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem 1.2rem}
.daily-title{font:600 1.35rem/1.1 var(--ch-f-display)}
.daily-p{color:var(--ch-text-2);font-size:.86rem;line-height:1.5}
.daily-status{display:inline-flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:.6rem;font-size:.82rem;font-weight:700;color:var(--ch-text-3)}
.daily-status .dot{width:9px;height:9px;border-radius:50%;background:var(--ch-text-3);box-shadow:0 0 0 3px rgba(147,156,178,.18)}
.daily-status.is-done{color:var(--ch-ok)}
.daily-status.is-done .dot{background:var(--ch-ok);box-shadow:0 0 0 3px rgba(91,208,138,.2)}
.daily-status.is-open{color:var(--ch-gold-2)}
.daily-status.is-open .dot{background:var(--ch-gold);box-shadow:0 0 0 3px rgba(212,175,55,.22);animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.35}}

/* ve dvou */
.duo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;align-items:center;padding:2.2rem;border-radius:28px;background:radial-gradient(90% 120% at 0% 0%,rgba(255,122,110,.16),transparent 60%),radial-gradient(90% 120% at 100% 100%,rgba(99,102,241,.18),transparent 60%),var(--ch-ink-2);border:1px solid var(--ch-line)}
.duo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.duo-item{display:flex;align-items:center;gap:.7rem;min-height:52px;padding:.55rem .75rem .55rem .9rem;border-radius:14px;background:rgba(6,11,26,.55);border:1px solid var(--ch-line);font-weight:700;transition:border-color .2s,transform .2s var(--ch-ease),background .2s}
.duo-item:hover{border-color:var(--acc);transform:translateX(3px);background:rgba(6,11,26,.8)}
.duo-dot{width:12px;height:12px;border-radius:4px;background:var(--acc);box-shadow:0 0 12px var(--acc);flex:none}
.duo-name{flex:1}
.duo-n{font-size:.75rem;font-weight:800;color:var(--ch-text-2);padding:.25rem .55rem;border-radius:999px;background:rgba(255,255,255,.07);white-space:nowrap}

/* výhody */
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.why-item{padding:1.4rem;border-radius:var(--ch-r-md);background:rgba(255,255,255,.03);border:1px solid var(--ch-line)}
.why-ico{width:44px;height:44px;padding:10px;border-radius:12px;background:rgba(212,175,55,.12);color:var(--ch-gold-2);margin-bottom:.9rem}
.why-item h3{font:600 1.15rem/1.2 var(--ch-f-display);margin-bottom:.35rem}
.why-item p{color:var(--ch-text-2);font-size:.88rem}
.about{max-width:52em;margin:1.8rem auto 0;text-align:center;color:var(--ch-text-3);font-size:.95rem;line-height:1.7}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2.5rem;align-items:start}
.faq-side{position:sticky;top:96px}
.faq{display:flex;flex-direction:column;gap:.6rem}
.faq-item{border-radius:var(--ch-r-md);background:rgba(255,255,255,.03);border:1px solid var(--ch-line);transition:border-color .2s,background .2s}
.faq-item[open]{background:rgba(255,255,255,.05);border-color:rgba(212,175,55,.3)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;font-weight:700;font-size:1rem;border-radius:inherit}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'';flex:none;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.07) no-repeat center/12px 12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 1v10M1 6h10' stroke='%23F3D57A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");transition:transform .3s var(--ch-ease),background-color .2s}
.faq-item[open] summary::after{transform:rotate(45deg);background-color:rgba(212,175,55,.2)}
.faq-a{padding:0 1.2rem 1.1rem;color:var(--ch-text-2);font-size:.93rem;line-height:1.65}

/* instalace */
.install{display:flex;align-items:center;gap:1.4rem;padding:1.6rem 1.8rem;border-radius:24px;background:linear-gradient(110deg,rgba(212,175,55,.18),rgba(212,175,55,.04) 60%),var(--ch-ink-2);border:1px solid rgba(212,175,55,.3)}
.install-ico{width:64px;height:64px;flex:none;filter:drop-shadow(0 8px 18px rgba(212,175,55,.35))}
.install-txt{flex:1}
.install h2{font:600 1.45rem/1.15 var(--ch-f-display)}
.install p{color:var(--ch-text-2);margin-top:.3rem;font-size:.93rem}

/* responzivita */
@media (max-width:1100px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .daily-grid{grid-template-columns:1fr}
  .daily-art{width:30%;max-width:200px}
}
@media (max-width:900px){
  .hero-in{grid-template-columns:1fr}
  .hero-art{display:none}
  .duo{grid-template-columns:1fr;padding:1.6rem}
  .faq-wrap{grid-template-columns:1fr;gap:1.2rem}
  .faq-side{position:static}
  .cont-box{flex-direction:column;align-items:stretch;gap:.8rem}
  .cont-head{max-width:none;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
}
@media (max-width:760px){
  .hero{padding:1.6rem 0 1.4rem}
  .hero-title{font-size:clamp(2.1rem,10.5vw,2.8rem);margin:.85rem 0 .8rem}
  .hero-lead{font-size:.98rem;line-height:1.6}
  .hero-ctas{margin-top:1.25rem;display:grid;grid-template-columns:1.25fr 1fr;gap:.6rem}
  .hero-ctas .ch-btn{padding:0 .8rem;font-size:.98rem}
  .perks{gap:.4rem 1rem;font-size:.84rem;margin-top:1.1rem}
  .sec{padding:2.5rem 0}
  .sec--games{padding-top:1.25rem}
  .sec-head{margin-bottom:1rem}
  .sec-side{display:none}
  .chips{margin-bottom:1rem}
  .chip{min-height:40px;font-size:.88rem;padding:0 .85rem}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
  .tile{border-radius:18px}
  .tile--xl{grid-row:auto}
  .tile--xl .tile-art{min-height:0;aspect-ratio:16/10;flex:none;--k:1.2}
  .tile--xl .tile-title{font-size:1.8rem}
  .tile--xl .tile-desc{font-size:.9rem}
  .tile--xl .tile-body{padding:1rem 1.1rem 1.1rem}
  .tile--wide .tile-art{width:40%;--k:.72}
  .tile--wide .tile-art .tag--daily{display:none}
  .tile--wide .tile-body{padding:.85rem .9rem .9rem;gap:.2rem;justify-content:flex-start}
  .tile--wide .tile-title{font-size:1.25rem}
  .tile--wide .tile-genre{font-size:.62rem;letter-spacing:.08em}
  .tile--wide .tile-desc{font-size:.78rem;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .tile--wide .tile-meta li:nth-child(n+2){display:none}
  .tile--wide .tile-foot{margin-top:auto}
  .tile--wide .tile-play{height:36px;padding:0 .85rem;font-size:.85rem}
  .tile:not(.tile--xl):not(.tile--wide) .tile-art{aspect-ratio:1/.82;--k:.66}
  .tile:not(.tile--xl):not(.tile--wide):not(.g-housenka):not(.g-bublas) .tile-art:has(.tile-tags){--k:.56}
  .tile:not(.tile--xl):not(.tile--wide):not(.g-housenka):not(.g-bublas) .tile-art:has(.tile-tags) .ch-thumb{top:calc(50% + .95rem)}
  .tile:not(.tile--xl):not(.tile--wide) .tile-body{padding:.75rem .8rem .85rem;gap:.2rem}
  .tile:not(.tile--xl):not(.tile--wide) .tile-title{font-size:1.15rem}
  .tile:not(.tile--xl):not(.tile--wide) .tile-genre{font-size:.62rem;letter-spacing:.08em}
  .tile:not(.tile--xl):not(.tile--wide) .tile-desc{font-size:.76rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .tile:not(.tile--xl):not(.tile--wide) .tile-meta li:nth-child(n+2){display:none}
  .tile:not(.tile--xl):not(.tile--wide) .tile-play{width:34px;height:34px}
  .tile:not(.tile--xl):not(.tile--wide) .tile-meta li{font-size:.66rem}
  .grid.is-filtered .tile .tile-art{aspect-ratio:1/.82;--k:.66}
  .tag{font-size:.6rem;padding:.22rem .45rem}
  .tile-tags{top:.5rem;left:.5rem;right:.5rem}
  .clock{align-items:flex-start}
  .daily-art{width:34%}
  .daily-body{padding:.9rem 1rem}
  .daily-title{font-size:1.15rem}
  .daily-p{font-size:.8rem}
  .duo-list{display:flex;flex-wrap:wrap;gap:.5rem}
  .duo-item{min-height:44px;padding:.4rem .5rem .4rem .75rem;gap:.5rem;font-size:.92rem}
  .duo-item:hover{transform:none}
  .cont-list li{min-width:12.5rem}
  .cont-thumb{width:48px;height:48px}
  .cont-thumb .tile-art{--k:.26}
  .cont-item.g-pexeso .tile-art{--k:.21}
  .why{grid-template-columns:1fr 1fr;gap:.7rem}
  .why-item{padding:1rem}
  .why-ico{width:38px;height:38px;padding:8px;margin-bottom:.6rem}
  .why-item h3{font-size:1rem}
  .why-item p{font-size:.8rem}
  .install{flex-direction:column;align-items:flex-start;padding:1.3rem;gap:.9rem}
  .install .ch-btn{width:100%}
  .install-ico{width:52px;height:52px}
}
@media (max-width:380px){
  .hero-ctas{grid-template-columns:1fr}
  .why{grid-template-columns:1fr}
}

/* výkon a přístupnost: smyčkové animace jen na desktopu a bez omezení pohybu */
@media (max-width:768px){
  .ha,.daily-status.is-open .dot{animation:none}
  .tile{animation:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .tile{transform:none!important}
}