/* v2.5.3 — főoldali toplista- és mikrointerakciós kiegészítések */
.mak-weekly-v23{position:relative;overflow:hidden}
.mak-weekly-v23:after{content:"";position:absolute;inset:auto -12% -65% 35%;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--mak-accent-2) 12%,transparent),transparent 68%);pointer-events:none;opacity:0;transition:opacity .45s ease}
.mak-weekly-v23.is-inview:after{opacity:1}
.mak-weekly-v23 .mak-weekly-card{isolation:isolate}
.mak-weekly-v23 .mak-weekly-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0,rgba(255,255,255,.045) 42%,transparent 58%);transform:translateX(-115%);pointer-events:none}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:before{animation:makWeeklyScan 1.05s ease-out both}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:nth-child(2):before{animation-delay:.08s}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:nth-child(3):before{animation-delay:.16s}
.mak-live-motion-fx .mak-weekly-v23.is-inview .mak-weekly-card:nth-child(4):before{animation-delay:.24s}
@keyframes makWeeklyScan{to{transform:translateX(115%)}}
.mak-weekly-rank{position:relative;overflow:visible}
.mak-weekly-move-slot{position:absolute;right:-5px;top:-7px;display:none;align-items:center;justify-content:center;min-width:21px;height:18px;padding:0 5px;border-radius:999px;border:1px solid var(--mak-line);background:var(--mak-surface);font-size:.52rem;font-weight:1000;line-height:1;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.mak-weekly-move-slot:not(:empty){display:inline-flex}
.mak-weekly-move-slot.is-up{color:#47e89a;border-color:rgba(71,232,154,.35);box-shadow:0 0 13px rgba(71,232,154,.15)}
.mak-weekly-move-slot.is-down{color:#ff7790;border-color:rgba(255,119,144,.35)}
.mak-weekly-move-slot.is-flat{color:var(--mak-muted)}
.mak-weekly-move-slot.is-new{color:#ffd66b;border-color:rgba(255,214,107,.35);box-shadow:0 0 13px rgba(255,214,107,.14)}
.mak-weekly-score i{width:0;transition:width .72s cubic-bezier(.2,.8,.2,1)}
.mak-weekly-score i.is-visible{width:var(--mak-score-final,0%)}
.mak-stat-flash{animation:makStatFlash .62s ease-out}
@keyframes makStatFlash{0%{text-shadow:0 0 0 transparent;transform:scale(1)}38%{text-shadow:0 0 15px color-mix(in srgb,var(--mak-accent-2) 55%,transparent);transform:scale(1.06)}100%{text-shadow:0 0 0 transparent;transform:scale(1)}}
.mak-native-reaction.is-pulse:before,.mak-quick-reaction.is-pulse:before{content:"🐾";position:absolute;left:47px;top:10px;z-index:3;font-size:11px;pointer-events:none;opacity:0;filter:drop-shadow(0 0 7px var(--mak-reaction-color,var(--mak-accent)));animation:makReactionBurstTwo .68s ease-out both}
@keyframes makReactionBurstTwo{0%{opacity:0;transform:translate(0,5px) scale(.45) rotate(-12deg)}28%{opacity:.95}100%{opacity:0;transform:translate(26px,-25px) scale(1.05) rotate(25deg)}}
@media(prefers-reduced-motion:reduce){.mak-live-motion-fx .mak-weekly-v23 .mak-weekly-card:before,.mak-stat-flash,.mak-native-reaction.is-pulse:before,.mak-quick-reaction.is-pulse:before{animation:none!important}.mak-weekly-score i{transition:none}.mak-weekly-score i.is-visible{width:var(--mak-score-final,0%)}}

/* v2.7.5 — progressive enhancement: a valódi lazy blokkok JavaScript nélkül sem tűnnek el nyomtalanul. */
.mak-lazy-noscript{display:grid;gap:5px;padding:16px 18px;border:1px dashed color-mix(in srgb,var(--mak-accent) 28%,var(--mak-line));border-radius:18px;background:color-mix(in srgb,var(--mak-surface) 94%,transparent);color:var(--mak-muted)}
.mak-lazy-noscript strong{color:var(--mak-text)}
.mak-lazy-noscript a{width:max-content;max-width:100%;margin-top:3px;color:var(--mak-accent);font-weight:900}
