:root{--fx-bolt:#8fd8ff;--fx-mana:#7b5cff;--fx-ki:#ffb648;--fx-slash:rgba(255,255,255,.92)}.fx-thunder{position:relative}.fx-thunder::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;pointer-events:none;border-radius:2px;background:linear-gradient(90deg,transparent 0%,rgba(var(--accent-rgb),.85) 18%,var(--fx-bolt) 34%,rgba(var(--accent-rgb),.85) 50%,transparent 78%);background-size:220% 100%;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.55));animation:fxThunderRun 4.2s linear infinite;opacity:.75}@keyframes fxThunderRun{0%{background-position:-120% 0;opacity:.35}12%{opacity:.95}55%{opacity:.7}100%{background-position:220% 0;opacity:.35}}.fx-bolt-icon{display:inline-block;width:.85em;height:.85em;vertical-align:-.08em;margin-left:.15em;flex:none;pointer-events:none;background:linear-gradient(180deg,#fff,var(--fx-bolt) 45%,rgb(var(--accent-rgb)));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 6px rgba(143,216,255,.85));animation:fxBoltFlash 3.4s steps(1,end) infinite}@keyframes fxBoltFlash{0%,84%,100%{opacity:.55;transform:scale(1)}86%{opacity:1;transform:scale(1.35)}88%{opacity:.4;transform:scale(1)}90%{opacity:1;transform:scale(1.2)}93%{opacity:.7;transform:scale(1)}}.fx-aura{position:relative;isolation:isolate}@media (max-width:900px){.fx-aura{overflow-x:clip}}.fx-aura::before,.fx-aura::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(48px);opacity:.42}.fx-aura::before{width:46%;padding-bottom:46%;left:-8%;top:-14%;background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.85),rgba(var(--accent-rgb),0) 68%);animation:fxAuraA 17s ease-in-out infinite}.fx-aura::after{width:40%;padding-bottom:40%;right:-6%;bottom:-18%;background:radial-gradient(circle at 50% 50%,rgba(123,92,255,.7),rgba(123,92,255,0) 68%);animation:fxAuraB 21s ease-in-out infinite}@keyframes fxAuraA{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6%,4%,0) scale(1.16)}}@keyframes fxAuraB{0%,100%{transform:translate3d(0,0,0) scale(1.08)}50%{transform:translate3d(-5%,-5%,0) scale(.92)}}.fx-slash{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit;z-index:3}.fx-slash::before,.fx-slash::after{content:"";position:absolute;top:-40%;left:-30%;width:16px;height:180%;background:linear-gradient(180deg,transparent,var(--fx-slash),transparent);filter:blur(1px) drop-shadow(0 0 8px rgba(255,255,255,.7));transform:translate3d(-160%,0,0) rotate(22deg);opacity:0}.fx-slash::after{left:-10%;width:7px}.card:hover .fx-slash::before,.card:focus-within .fx-slash::before,.title-card:hover .fx-slash::before,.popular-card:hover .fx-slash::before,.fx-slash-host:hover .fx-slash::before,.fx-slash-host:focus-within .fx-slash::before{animation:fxSlash .52s cubic-bezier(.2,.75,.25,1) forwards}.card:hover .fx-slash::after,.card:focus-within .fx-slash::after,.title-card:hover .fx-slash::after,.popular-card:hover .fx-slash::after,.fx-slash-host:hover .fx-slash::after,.fx-slash-host:focus-within .fx-slash::after{animation:fxSlash .52s cubic-bezier(.2,.75,.25,1) .09s forwards}@keyframes fxSlash{0%{transform:translate3d(-160%,0,0) rotate(22deg);opacity:0}18%{opacity:1}75%{opacity:.85}100%{transform:translate3d(520%,0,0) rotate(22deg);opacity:0}}.fx-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.fx-particles::before,.fx-particles::after{content:"";position:absolute;left:12%;bottom:-12px;width:3px;height:3px;border-radius:50%;background:var(--fx-ki);box-shadow:40px 10px 0 -0.5px rgba(255,182,72,.85),140px 40px 0 -1px rgba(var(--accent-rgb),.8),230px -8px 0 -0.5px rgba(143,216,255,.75),320px 55px 0 -1px rgba(255,182,72,.6),430px 18px 0 -0.5px rgba(var(--accent-rgb),.7),540px 62px 0 -1px rgba(143,216,255,.6),650px 4px 0 -0.5px rgba(255,182,72,.7),760px 46px 0 -1px rgba(var(--accent-rgb),.55),880px 22px 0 -0.5px rgba(143,216,255,.6),990px 58px 0 -1px rgba(255,182,72,.5);filter:blur(.3px);animation:fxFloatUp 14s linear infinite;opacity:.55}.fx-particles::after{animation-duration:21s;animation-delay:-7s;opacity:.35;left:32%}@keyframes fxFloatUp{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-60px,-360px,0)}}.fx-rank{position:relative;display:inline-block;isolation:isolate}.fx-rank::before{content:"";position:absolute;inset:-6px -8px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 65%,rgba(255,182,72,.55),rgba(var(--accent-rgb),.28) 55%,transparent 72%);filter:blur(6px);animation:fxRankPulse 2.6s ease-in-out infinite}.fx-rank--2::before{animation-duration:3.1s;opacity:.7}.fx-rank--3::before{animation-duration:3.6s;opacity:.5}@keyframes fxRankPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.22);opacity:1}}.fx-speedlines{position:relative;height:26px;margin:.25rem 0 1.25rem;pointer-events:none;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.fx-speedlines::before{content:"";position:absolute;inset:0 -20px;background:repeating-linear-gradient(74deg,rgba(var(--accent-rgb),.55) 0 2px,transparent 2px 16px);animation:fxSpeed 1.6s linear infinite;opacity:.35}@keyframes fxSpeed{to{transform:translate3d(-16px,0,0)}}.fx-ink{position:relative;z-index:0}.fx-ink::before{content:"";position:absolute;z-index:-1;left:-.45em;right:-.45em;top:.1em;bottom:.05em;background:linear-gradient(100deg,rgba(var(--accent-rgb),.22),rgba(123,92,255,.16) 60%,transparent);border-radius:.35em .8em .5em .9em / .8em .4em .9em .45em;transform:skewX(-8deg) scaleX(.96);filter:blur(.4px);opacity:.9}@media (prefers-reduced-motion:reduce){.fx-thunder::after,.fx-bolt-icon,.fx-aura::before,.fx-aura::after,.fx-particles::before,.fx-particles::after,.fx-rank::before,.fx-speedlines::before{animation:none !important}.fx-slash{display:none}.fx-particles{opacity:.25}}@media (max-width:640px){.fx-aura::before,.fx-aura::after{filter:blur(34px);opacity:.3}.fx-particles{display:none}}.site__footer-genres{padding-top:1.1rem;margin-top:.4rem;border-top:1px solid var(--border)}.site__footer-genres-title{margin:0 0 .6rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.site__footer-genres-list{display:flex;flex-wrap:wrap;gap:.4rem}.site__footer-genres-list a{font-size:.78rem;color:var(--text-2);text-decoration:none;background:var(--surface-2);border:1px solid var(--border);padding:.28rem .6rem;border-radius:var(--radius-full,999px);transition:color var(--dur-2,.2s) ease,border-color var(--dur-2,.2s) ease,background var(--dur-2,.2s) ease}.site__footer-genres-list a:hover{color:#fff;background:rgba(var(--accent-rgb),.16);border-color:rgba(var(--accent-rgb),.55);text-decoration:none}@media (prefers-reduced-motion:reduce){.site__footer-genres-list a{transition:none}}.empty__mascot{display:block;width:auto;height:150px;max-width:100%;margin:0 auto .6rem;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));animation:fxEmptyBob 3.8s ease-in-out infinite}@keyframes fxEmptyBob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@media (prefers-reduced-motion:reduce){.empty__mascot{animation:none}}@media (max-width:520px){.empty__mascot{height:118px}}.fx-rank::after{content:"";position:absolute;right:100%;top:50%;width:34px;height:34px;margin-right:.3rem;transform:translateY(-50%);transform-origin:50% 8%;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:-1;animation:fxMedal 3.4s ease-in-out infinite}.fx-rank--1::after{background-image:url("../images/art/madalya1.webp")}.fx-rank--2::after{background-image:url("../images/art/madalya2.webp");animation-duration:3.9s}.fx-rank--3::after{background-image:url("../images/art/madalya3.webp");animation-duration:4.4s}@keyframes fxMedal{0%,100%{transform:translateY(-50%) rotate(-4deg)}50%{transform:translateY(-50%) rotate(4deg)}}.fx-rank--1{color:#f7cf45}.fx-rank--2{color:#d6dde8}.fx-rank--3{color:#d08a4e}.fx-rank{text-shadow:0 1px 3px rgba(0,0,0,.85)}.rank-item__num.fx-rank{margin-left:2.4rem}@media (prefers-reduced-motion:reduce){.fx-rank::after{animation:none}}