@keyframes fadeIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.active{animation:fadeIn 1s ease-in-out}@keyframes characterFadeIn{0%{opacity:0;transform:translateY(42px) scale(.98);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes runePulse{0%,to{opacity:.35;transform:scaleX(.72)}50%{opacity:.9;transform:scaleX(1)}}@keyframes frostFloat{0%{transform:translate3d(-2%,0,0)}50%{transform:translate3d(2%,-2%,0)}to{transform:translate3d(-2%,0,0)}}.fade-in{animation:characterFadeIn .76s cubic-bezier(.2,.8,.2,1) both}.characters-page{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(154,215,255,.16),transparent 34rem),linear-gradient(180deg,#030609,#071018 46%,#030609)}.characters-page:after,.characters-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}.characters-page:before{opacity:.24;background-image:radial-gradient(circle,hsla(0,0%,100%,.5) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(154,215,255,.34) 0 1px,transparent 1.6px);background-size:180px 180px,290px 290px;animation:frostFloat 18s ease-in-out infinite}.characters-page:after{opacity:.26;background:radial-gradient(circle at 50% 42%,transparent 0 40%,rgba(0,0,0,.72) 100%),repeating-linear-gradient(90deg,hsla(0,0%,100%,.028) 0 1px,transparent 1px 5px);mix-blend-mode:overlay}.characters-page>*{position:relative;z-index:1}.characters-page .w-full.h-\[400px\].relative{height:min(620px,78svh);min-height:520px;overflow:hidden;background:#030609}.characters-page .w-full.h-\[400px\].relative:after,.characters-page .w-full.h-\[400px\].relative:before{content:"";position:absolute;pointer-events:none;z-index:12}.characters-page .w-full.h-\[400px\].relative:before{inset:0;background:radial-gradient(circle at 50% 32%,rgba(154,215,255,.18),transparent 30rem),linear-gradient(90deg,rgba(3,6,9,.88),rgba(3,6,9,.3) 48%,rgba(3,6,9,.88)),linear-gradient(180deg,rgba(3,6,9,.12),rgba(3,6,9,.55) 64%,#030609)}.characters-page .w-full.h-\[400px\].relative:after{left:50%;bottom:78px;width:min(600px,70vw);height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(213,161,74,.9),transparent);box-shadow:0 0 26px rgba(213,161,74,.42);animation:runePulse 3.6s ease-in-out infinite}.characters-page .w-full.h-\[400px\].relative .bg-banner{filter:saturate(.78) contrast(1.2) brightness(.58);transform:scale(1.08)}.characters-page .w-full.h-\[400px\].relative .bg-black{opacity:.5!important;background:radial-gradient(circle at 50% 36%,rgba(3,6,9,.12),rgba(3,6,9,.86) 68%),linear-gradient(180deg,rgba(3,6,9,.1),rgba(3,6,9,.9))}.characters-page .w-full.h-\[400px\].relative .absolute.z-20{top:56%;width:min(980px,100% - 44px);transform:translate(-50%,-50%)}.characters-page .w-full.h-\[400px\].relative .font-londrina{font-family:Cinzel Decorative,Cinzel,serif!important;text-transform:uppercase;letter-spacing:0;text-shadow:0 16px 42px rgba(0,0,0,.78),0 0 32px rgba(154,215,255,.26)}.characters-page .w-full.h-\[400px\].relative span:first-child{font-size:clamp(36px,5.5vw,84px)!important;line-height:.92;font-weight:900}.characters-page .w-full.h-\[400px\].relative span:last-child{max-width:780px;font-size:clamp(18px,2vw,28px)!important;line-height:1.45;color:hsla(44,30%,93%,.92);font-family:Inter,sans-serif!important;font-weight:600;text-shadow:0 10px 28px rgba(0,0,0,.82)}.characters-page .character-detail{min-height:920px;padding:80px 5vw 96px;isolation:isolate;overflow:hidden;border-top:1px solid rgba(213,161,74,.28)}.characters-page .character-detail:before{content:"";position:absolute;inset:-14%;z-index:-8;pointer-events:none;background:radial-gradient(ellipse at 20% 16%,rgba(154,215,255,.16),transparent 30%),radial-gradient(ellipse at 78% 24%,rgba(213,161,74,.1),transparent 28%),linear-gradient(115deg,transparent 20%,rgba(154,215,255,.08),transparent 58%);filter:blur(18px);animation:frostFloat 13s ease-in-out infinite}.characters-page .character-detail:nth-of-type(odd) .character-detail-bg img{transform:scale(1.06) translateX(-1.5%)}.characters-page .character-detail:nth-of-type(2n) .character-detail-bg img{transform:scale(1.06) translateX(1.5%)}.characters-page .character-detail-bg{overflow:hidden}.characters-page .character-detail-bg img{filter:saturate(.72) contrast(1.2) brightness(.62);transition:transform .9s ease}.characters-page .character-detail-overlay{opacity:1!important;background:linear-gradient(90deg,rgba(3,6,9,.96),rgba(3,6,9,.66) 42%,rgba(3,6,9,.94)),linear-gradient(180deg,rgba(3,6,9,.88),rgba(3,6,9,.58) 32%,#030609),radial-gradient(circle at 50% 50%,transparent 0 22%,rgba(3,6,9,.72) 70%)}.characters-page .character-detail-shell{position:relative;padding:0}.characters-page .character-detail-shell:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,rgba(213,161,74,.84),transparent);box-shadow:0 0 22px rgba(213,161,74,.28)}.characters-page .character-detail-main{min-height:620px;align-items:center!important;padding-top:34px!important;padding-bottom:44px!important}.characters-page .character-portrait{position:relative;padding:36px 28px 28px!important}.characters-page .character-portrait:before{content:"";position:absolute;left:50%;top:48%;width:min(430px,82vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(213,161,74,.32);background:radial-gradient(circle,rgba(154,215,255,.11),transparent 58%),conic-gradient(from 30deg,transparent,rgba(213,161,74,.28),transparent,rgba(154,215,255,.18),transparent);filter:drop-shadow(0 0 34px rgba(154,215,255,.12));opacity:.82}.characters-page .character-portrait>img{position:relative;z-index:1;width:min(460px,34vw);height:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 42px 42px rgba(0,0,0,.78)) drop-shadow(0 0 28px rgba(154,215,255,.18));transition:transform .32s ease,filter .32s ease}.characters-page .character-portrait>img:hover{transform:translateY(-10px) scale(1.03);filter:drop-shadow(0 48px 50px rgba(0,0,0,.82)) drop-shadow(0 0 38px rgba(154,215,255,.3))}.characters-page .character-arrows{position:relative;z-index:2;width:auto!important;min-width:min(420px,100%);margin-top:-10px;padding:14px 18px!important;border:1px solid rgba(213,161,74,.38);background:linear-gradient(180deg,rgba(20,28,35,.76),rgba(5,8,11,.9)),radial-gradient(circle at 50% 0,rgba(154,215,255,.12),transparent 16rem);box-shadow:inset 0 0 24px rgba(0,0,0,.5),0 20px 48px rgba(0,0,0,.42)}.characters-page .character-arrows img{width:48px;height:48px;padding:12px;border-radius:999px;border:1px solid rgba(154,215,255,.18);background:rgba(154,215,255,.06);filter:sepia(.2) saturate(1.5);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.characters-page .character-arrows img:hover{transform:scale(1.08);border-color:rgba(213,161,74,.78);box-shadow:0 0 24px rgba(213,161,74,.28)}.characters-page .character-arrows span{font-family:Cinzel Decorative,Cinzel,serif!important;font-size:clamp(30px,3vw,48px)!important;line-height:1;font-weight:900;color:#f2efe7;text-shadow:0 0 28px rgba(154,215,255,.2)}.characters-page .character-abilities{position:relative;padding:34px 30px!important;border:1px solid rgba(213,161,74,.36);background:linear-gradient(180deg,rgba(14,22,30,.84),rgba(3,6,9,.92)),radial-gradient(circle at 80% 0,rgba(154,215,255,.16),transparent 17rem);box-shadow:inset 0 0 38px rgba(0,0,0,.56),0 24px 64px rgba(0,0,0,.46)}.characters-page .character-abilities:after,.characters-page .character-abilities:before{content:"";position:absolute;pointer-events:none}.characters-page .character-abilities:before{inset:12px;border:1px solid rgba(154,215,255,.1)}.characters-page .character-abilities:after{left:24px;right:24px;bottom:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(213,161,74,.74),transparent)}.characters-page .character-abilities .flex.flex-col.gap-4{position:relative;z-index:1;gap:22px}.characters-page .character-abilities span{font-family:Cinzel,serif!important;font-size:clamp(18px,1.7vw,26px)!important;line-height:1.2;font-weight:800;color:hsla(44,30%,93%,.94)}.characters-page .character-abilities img{filter:drop-shadow(0 0 12px rgba(213,161,74,.34))}.characters-page .character-abilities .w-20.h-4{width:min(92px,6vw)!important;height:16px!important;border-radius:0!important;border:1px solid rgba(154,215,255,.14);box-shadow:inset 0 0 12px rgba(0,0,0,.5),0 0 14px rgba(154,215,255,.08);clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);transition:transform .18s ease,filter .18s ease}.characters-page .character-abilities .w-20.h-4:hover{transform:translateY(-2px);filter:brightness(1.18)}.characters-page .character-abilities .bg-agility-color,.characters-page .character-abilities .bg-armor-color,.characters-page .character-abilities .bg-health-color,.characters-page .character-abilities .bg-intelligence-color,.characters-page .character-abilities .bg-strength-color{box-shadow:inset 0 0 12px hsla(0,0%,100%,.16),0 0 16px rgba(213,161,74,.24)}.characters-page .character-abilities .bg-not-active{background:rgba(38,52,65,.72)!important}.characters-page .character-bio{position:relative;padding:36px 34px!important;border-left:1px solid rgba(213,161,74,.32);background:linear-gradient(90deg,rgba(213,161,74,.08),transparent 14%),linear-gradient(180deg,rgba(10,17,23,.48),rgba(3,6,9,.26))}.characters-page .character-bio .flex.items-center{align-items:flex-start}.characters-page .character-bio span{font-family:Cinzel Decorative,Cinzel,serif!important;font-size:clamp(30px,3vw,46px)!important;line-height:1.08;font-weight:900;color:#f2efe7;text-shadow:0 0 28px rgba(154,215,255,.18)}.characters-page .character-bio .w-7{width:34px!important;flex:0 0 auto}.characters-page .character-bio .w-7 img{filter:drop-shadow(0 0 14px rgba(213,161,74,.28))}.characters-page .character-bio p{font-family:Inter,sans-serif!important;font-size:clamp(16px,1.45vw,21px)!important;line-height:1.92;color:rgba(174,184,194,.98)}.characters-page .character-roster{padding:34px 0 8px}.characters-page .character-roster>div{padding:28px 30px!important;border:1px solid rgba(213,161,74,.28);background:linear-gradient(180deg,rgba(13,20,27,.56),rgba(4,7,10,.72)),radial-gradient(circle at 50% 0,rgba(154,215,255,.1),transparent 22rem);box-shadow:inset 0 0 30px rgba(0,0,0,.42),0 20px 54px rgba(0,0,0,.36)}.characters-page .character-roster span{font-family:Cinzel Decorative,Cinzel,serif!important;font-size:clamp(30px,3vw,44px)!important;color:#f2efe7;text-transform:uppercase}.characters-page .character-roster img{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;padding:8px;border-radius:50%;border:1px solid rgba(154,215,255,.12);background:radial-gradient(circle,rgba(154,215,255,.08),rgba(3,6,9,.34));filter:drop-shadow(0 16px 22px rgba(0,0,0,.56));transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.characters-page .character-roster img:hover{opacity:1!important;transform:translateY(-7px) scale(1.06);border-color:rgba(213,161,74,.62);box-shadow:0 0 30px rgba(213,161,74,.18)}.characters-page .characters-discover{min-height:760px;overflow:hidden;border-top:1px solid rgba(213,161,74,.28);background:#030609}.characters-page .characters-discover:before{content:"";position:absolute;inset:-10%;z-index:12;pointer-events:none;background:radial-gradient(circle at 50% 28%,rgba(213,161,74,.14),transparent 23rem),radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(3,6,9,.76) 76%)}.characters-page .characters-discover-bg img{filter:saturate(.78) contrast(1.18) brightness(.58);transform:scale(1.06)}.characters-page .characters-discover-overlay{opacity:1!important;background:linear-gradient(180deg,rgba(3,6,9,.72),rgba(3,6,9,.86)),radial-gradient(circle at 50% 48%,rgba(3,6,9,.2),rgba(3,6,9,.88))}.characters-page .characters-discover-content{width:min(920px,100% - 40px)}.characters-page .characters-discover-inner{padding:54px 38px;border:1px solid rgba(213,161,74,.34);background:linear-gradient(180deg,rgba(14,22,30,.62),rgba(3,6,9,.76)),radial-gradient(circle at 50% 0,rgba(154,215,255,.12),transparent 22rem);box-shadow:inset 0 0 44px rgba(0,0,0,.52),0 24px 70px rgba(0,0,0,.48)}.characters-page .characters-discover-inner>.w-40{width:130px!important;filter:drop-shadow(0 0 22px rgba(213,161,74,.26))}.characters-page .characters-discover-inner span:first-of-type{font-family:Cinzel Decorative,Cinzel,serif!important;font-size:clamp(38px,5vw,72px)!important;line-height:1.02;font-weight:900;text-transform:uppercase;color:#f2efe7;text-shadow:0 0 30px rgba(154,215,255,.2)}.characters-page .characters-discover-inner span:nth-of-type(2){max-width:780px;font-family:Inter,sans-serif!important;font-size:clamp(15px,1.4vw,19px)!important;line-height:1.9;color:rgba(174,184,194,.98)}.characters-page .characters-discover-inner button{position:relative;border-radius:2px!important;border:1px solid rgba(213,161,74,.84);background:linear-gradient(135deg,rgba(255,246,201,.18),transparent 24%),linear-gradient(180deg,#e5b45c,#8c551f)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.32),inset 0 -12px 18px rgba(67,35,8,.42),0 18px 42px rgba(213,161,74,.18);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);color:#14100a!important;font-family:Cinzel,serif!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.characters-page .characters-discover-inner button:hover{transform:translateY(-4px);filter:brightness(1.08);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.38),0 24px 52px rgba(213,161,74,.28),0 0 34px rgba(154,215,255,.2)}.swiper{padding-top:60px!important;padding-bottom:80px!important}.swiper-pagination{transform:translateY(5px)}.swiper-pagination-bullet{width:7px!important;height:7px!important;background-color:hsla(44,30%,93%,.5)!important}.swiper-pagination-bullet-active{background-color:#d5a14a!important}@media(max-width:1100px){.characters-page .character-detail{padding:70px 24px 84px}.characters-page .character-detail-main{gap:34px!important}.characters-page .character-portrait>img{width:min(430px,70vw)}.characters-page .character-abilities{width:min(680px,100%);padding:30px 24px!important}.characters-page .character-abilities .w-20.h-4{width:min(104px,18vw)!important}.characters-page .character-bio{width:min(760px,100%);padding:30px 24px!important;border-left:0;border-top:1px solid rgba(213,161,74,.28)}}@media(max-width:760px){.characters-page .w-full.h-\[400px\].relative{min-height:500px;height:68svh}.characters-page .w-full.h-\[400px\].relative .absolute.z-20{top:58%}.characters-page .w-full.h-\[400px\].relative span:first-child{font-size:clamp(36px,5.5vw,72px)!important}.characters-page .character-detail{min-height:unset;padding:58px 18px 72px}.characters-page .character-detail-main{padding-top:16px!important;padding-bottom:24px!important}.characters-page .character-portrait{padding:24px 0 18px!important}.characters-page .character-portrait:before{width:min(360px,86vw)}.characters-page .character-arrows{min-width:100%;gap:16px!important}.characters-page .character-arrows img{width:44px;height:44px}.characters-page .character-abilities{padding:26px 16px!important}.characters-page .character-abilities .max-md\:px-8{padding-left:0!important;padding-right:0!important}.characters-page .character-abilities .max-md\:gap-7{gap:8px!important}.characters-page .character-abilities .w-20.h-4{width:18vw!important;max-width:76px;height:14px!important}.characters-page .character-bio{padding:26px 16px!important}.characters-page .character-bio .flex.items-center{flex-wrap:wrap;justify-content:center}.characters-page .characters-discover{min-height:700px}.characters-page .characters-discover-inner{padding:40px 20px}}