.jrh{position:relative;margin:1.5em 0;padding-bottom:1.8em}
.jrh-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 8px;margin:0 4px;padding:10px 20px 20px;position:relative;transition:opacity .6s ease}
.jrh-grid.jrh-mizi{opacity:0}
.jrh-grid[hidden]{display:none}
.jrh-card{position:relative;flex:0 0 calc((100% - 16px) / 3);min-width:0;padding:5px 5px 4px;border:0;background:#fcf8ec;color:#222;font:inherit;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.28);rotate:var(--r,0deg);translate:var(--tx,0) var(--ty,0);transition:rotate .25s ease,translate .25s ease,box-shadow .25s ease;-webkit-tap-highlight-color:transparent}
.jrh-card::before{content:'';position:absolute;z-index:2;top:-5px;left:var(--pl,50%);width:22px;height:9px;margin-left:-11px;transition:opacity .2s ease;background:#ffd166;opacity:.88;rotate:var(--pr,0deg);box-shadow:0 1px 2px rgba(0,0,0,.25);pointer-events:none}
.jrh-card.jrh-pryc::before{opacity:0}
.jrh-card:hover,.jrh-card:focus-visible{z-index:3;rotate:0deg;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.jrh-foto{display:block;aspect-ratio:3 / 2;overflow:hidden;background:#222}
.jrh-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.jrh-card:hover .jrh-foto img,.jrh-card:focus-visible .jrh-foto img{transform:scale(1.05)}
.jrh-card:focus-visible{outline:2px solid var(--jr-akcent);outline-offset:2px}
.jrh-jmeno{display:block;margin-top:6px;font-family:Oswald,'Arial Narrow',sans-serif;font-weight:400;letter-spacing:.03em;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jrh-card.jrh-pryc{pointer-events:none;z-index:4;animation:jrh-pryc 1.6s cubic-bezier(.4,0,.6,1) forwards}
.jrh-iskra{position:absolute;z-index:3;pointer-events:none;margin:-3px 0 0 -3px;animation:jrh-iskra 1s cubic-bezier(.1,.8,.3,1) forwards}
.jrh-kruh{position:absolute;z-index:3;pointer-events:none;width:24px;height:24px;margin:-12px 0 0 -12px;border:3px solid var(--jr-akcent);border-radius:50%;animation:jrh-kruh 1.1s ease-out forwards}
.jrh-konec{position:relative;margin:0;padding:.7em 1em;text-align:center;font-size:clamp(26px,7vw,44px);font-weight:500;line-height:1.15;color:var(--jr-akcent);animation:jrh-ukaz .9s ease both}
.jrh-konec[hidden]{display:none}
.jrh-konec-t{margin:0}
.jrh-konec-v{margin:.7em auto 0;padding-top:.7em;max-width:75%;border-top:1px solid rgba(128,128,128,.5);font-size:clamp(16px,4.2vw,20px);font-weight:400;line-height:1.3}
.jrh .jrh-konec p.jrh-konec-v{font-size:clamp(18px,4.6vw,22px)!important;line-height:1.5!important;margin-bottom:0!important;padding-bottom:0!important}
.jrh .jrh-konec{padding-top:1.3em;padding-bottom:.35em}
@keyframes jrh-pryc{0%{transform:scale(1);opacity:1}15%{transform:scale(1.12) rotate(-2deg);opacity:1}80%{transform:scale(3) rotate(3deg);opacity:1}100%{transform:scale(3.8) rotate(4deg);opacity:0}}
@keyframes jrh-iskra{0%{transform:translate(0,0) rotate(0) scale(1);opacity:1}75%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.3);opacity:0}}
@keyframes jrh-kruh{0%{transform:scale(.4);opacity:1}100%{transform:scale(8);opacity:0}}
@keyframes jrh-ukaz{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.jrh-card.jrh-pryc,.jrh-konec{animation-duration:.01s}.jrh-iskra,.jrh-kruh{display:none}.jrh-foto img{transition:none}}
.jrh-ram{position:absolute;margin:-4px 0 0 -4px;pointer-events:none;transform:rotate(var(--rot));animation:jrh-ram-in .5s cubic-bezier(.3,1.6,.5,1) both,jrh-blik 1.8s ease-in-out infinite}
@keyframes jrh-ram-in{0%{transform:rotate(var(--rot)) scale(0)}100%{transform:rotate(var(--rot)) scale(1)}}
@keyframes jrh-blik{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.jrh-ram{animation:none}}
.jrh-ozdoba{position:relative;width:fit-content;max-width:100%}
.jrh-ram.jrh-jemny{animation:jrh-ram-in .5s cubic-bezier(.3,1.6,.5,1) both,jrh-blik-jemny 2.4s ease-in-out infinite}
@keyframes jrh-blik-jemny{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.jrh-ram.jrh-jemny{animation:none}}
@media (max-width:600px){.jrh-grid{margin:0;padding:6px 6px 12px;gap:10px 6px}.jrh-card{flex-basis:calc((100% - 12px)/3)}}
/* stránka s hrou: stejné mezery kolem nadpisů (nad menší, pod vždy stejná); h3 je samostatný výkřik, proto stejná mezera nahoře i dole; platí jen tam, kde je hra */
html body :is(.entry-content,.wp-block-post-content):has(.jrh) > h2.wp-block-heading:not(#z){margin-top:2.4rem !important;margin-block-start:2.4rem !important;margin-bottom:.9rem !important;margin-block-end:.9rem !important}
html body :is(.entry-content,.wp-block-post-content):has(.jrh) > h3.wp-block-heading:not(#z){margin-top:1.2rem !important;margin-block-start:1.2rem !important;margin-bottom:1.2rem !important;margin-block-end:1.2rem !important}
/* počítač: víc karet vedle sebe (na mobilu zůstávají tři) */
@media (min-width:601px){.jrh-card{flex-basis:calc((100% - 24px) / 4)}}