/* Csapó-átvezetés: oldalnyitáskor és oldalváltáskor */
html.clap-on{overflow:hidden}
.clapx{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#0a1a13;opacity:1;transition:opacity .45s ease,transform .45s ease;
  background-image:radial-gradient(circle at 30% 20%,rgba(47,101,82,.8),rgba(10,26,19,0) 60%),radial-gradient(circle at 80% 90%,rgba(75,133,112,.35),rgba(10,26,19,0) 55%)}
.clapx::before,.clapx::after{content:"";position:absolute;left:0;right:0;height:22px;background:repeating-linear-gradient(90deg,rgba(232,230,220,.2) 0 18px,transparent 18px 40px) center/100% 10px no-repeat}
.clapx::before{top:18px}.clapx::after{bottom:18px}
.clapx.pre{opacity:0}
.clapx.out{opacity:0;transform:scale(1.04);pointer-events:none}
.clapx-flash{position:absolute;inset:0;background:#f4f2e8;opacity:0;pointer-events:none}
.clapx.snap .clapx-flash{animation:clapflash .28s ease-out}
@keyframes clapflash{0%{opacity:.55}100%{opacity:0}}
.clapx-board{position:relative;width:min(560px,86vw);transform:rotate(-3deg);font-family:'Manrope',system-ui,sans-serif;color:#e8e6dc;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.clapx.snap .clapx-board{animation:clapshake .16s linear}
@keyframes clapshake{0%{transform:rotate(-3deg) translateY(0)}35%{transform:rotate(-2.2deg) translateY(5px)}70%{transform:rotate(-3.4deg) translateY(-2px)}100%{transform:rotate(-3deg) translateY(0)}}
.clapx-stick,.clapx-bar{height:clamp(30px,6.5vw,44px);border:3px solid #e8e6dc;border-radius:8px 8px 0 0;background:repeating-linear-gradient(-58deg,#e8e6dc 0 clamp(22px,5vw,34px),#0d2119 clamp(22px,5vw,34px) clamp(44px,10vw,68px))}
.clapx-stick{position:absolute;left:0;right:0;top:calc(-1 * clamp(30px,6.5vw,44px) + 3px);transform-origin:0 100%;transform:rotate(-24deg);transition:transform .11s cubic-bezier(.7,0,1,1);z-index:2}
.clapx.closed .clapx-stick,.clapx.snap .clapx-stick{transform:rotate(0)}
.clapx-bar{border-radius:0;border-bottom:0;background-position:clamp(22px,5vw,34px) 0}
.clapx-body{border:3px solid #e8e6dc;border-radius:0 0 10px 10px;background:#0d2119;padding:clamp(14px,3.2vw,22px) clamp(16px,3.6vw,26px) clamp(14px,3vw,20px)}
.clapx-row{display:flex;justify-content:space-between;gap:12px;font-size:clamp(.6rem,1.9vw,.72rem);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#8fc7ae}
.clapx-row b{color:#e8e6dc;font-weight:800}
.clapx-lab{margin-top:clamp(10px,2.4vw,16px);font-size:clamp(.6rem,1.9vw,.7rem);font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:#8fc7ae}
.clapx-title{font-family:'Bagel Fat One','Arial Black',Impact,system-ui,sans-serif;font-weight:400;font-size:clamp(1.7rem,7.2vw,3.1rem);line-height:1.05;color:#c9e3a8;margin-top:4px;overflow-wrap:anywhere;min-height:1.05em;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.clapx-foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:clamp(12px,3vw,20px);padding-top:clamp(10px,2.4vw,14px);border-top:2px solid rgba(232,230,220,.35)}
@media (prefers-reduced-motion:reduce){.clapx{display:none!important}html.clap-on{overflow:auto}}