@keyframes float-up{0%{transform:translateY(100vh) translateX(0) scale(0) rotate(0deg);opacity:0}10%{transform:translateY(90vh) translateX(5px) scale(.3) rotate(45deg);opacity:.7}50%{transform:translateY(50vh) translateX(-10px) scale(.8) rotate(180deg);opacity:.9}90%{transform:translateY(10vh) translateX(15px) scale(1) rotate(315deg);opacity:.5}to{transform:translateY(-100px) translateX(-5px) scale(.6) rotate(1turn);opacity:0}}@keyframes gradient-x{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shine{0%{background-position:-200%}to{background-position:200%}}@keyframes sweep{0%{left:-100%}to{left:100%}}@keyframes pulse-shadow{0%,to{box-shadow:0 0 15px rgba(255,204,0,.5)}50%{box-shadow:0 0 25px rgba(255,204,0,.8)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rotate-subtle{0%{transform:rotate(0deg)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}@keyframes scale-in-out{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slide-in{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-smooth{0%{transform:translateX(var(--start-x,0))}to{transform:translateX(var(--end-x,0))}}@keyframes indicator-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes indicator-slide{0%{left:var(--start-left,0);width:var(--start-width,0)}to{left:var(--end-left,0);width:var(--end-width,0)}}@keyframes menu-glow{0%{box-shadow:0 0 0 rgba(255,204,0,0)}to{box-shadow:0 0 20px rgba(255,204,0,.3)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes slide-left-to-right{0%{transform:translateX(-100%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes slide-right-to-left{0%{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes elastic-bounce{0%{transform:scale(1)}20%{transform:scale(1.1)}40%{transform:scale(.95)}60%{transform:scale(1.05)}80%{transform:scale(.98)}to{transform:scale(1)}}@keyframes gold-shine{0%,to{filter:drop-shadow(0 0 3px rgba(255,204,0,.7));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,204,0,.9));transform:scale(1.1)}}@keyframes silver-shine{0%,to{filter:drop-shadow(0 0 3px rgba(192,192,192,.7));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(192,192,192,.9));transform:scale(1.05)}}@keyframes bronze-shine{0%,to{filter:drop-shadow(0 0 3px rgba(205,127,50,.7));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(205,127,50,.9));transform:scale(1.03)}}@keyframes fish-sparkle{0%,to{filter:drop-shadow(0 0 3px rgba(255,215,0,.7));transform:scale(1) rotate(0deg)}25%{filter:drop-shadow(0 0 8px rgba(255,215,0,.9));transform:scale(1.1) rotate(5deg)}75%{filter:drop-shadow(0 0 5px rgba(255,215,0,.8));transform:scale(1.05) rotate(-5deg)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(50px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.slide-in-right{animation:slide-in-right .5s ease-out forwards}.slide-in-left{animation:slide-in-left .5s ease-out forwards}.fade-in{animation:fade-in .5s ease-out forwards}.fish-sparkle{animation:fish-sparkle 2s ease-in-out infinite;color:#ffd700}@keyframes comet-path{0%{offset-distance:0}to{offset-distance:100%}}@keyframes comet-border-sweep{0%{clip-path:polygon(0 0,8% 0,0 100%,0 100%)}40.3%{clip-path:polygon(0 0,100% 0,100% 8%,0 0)}50%{clip-path:polygon(100% 0,100% 100%,92% 100%,100% 0)}90.6%{clip-path:polygon(100% 100%,0 100%,0 92%,100% 100%)}to{clip-path:polygon(0 100%,0 0,8% 0,0 100%)}}@keyframes bubble-float-pattern-1{0%{transform:translateY(0) translateX(0) scale(0) rotate(0deg);opacity:0}20%{transform:translateY(-15px) translateX(5px) scale(.6) rotate(45deg);opacity:.9}to{transform:translateY(-60px) translateX(12px) scale(.2) rotate(1turn);opacity:0}}@keyframes bubble-float-pattern-2{0%{transform:translateY(0) translateX(0) scale(0) rotate(0deg);opacity:0}25%{transform:translateY(-12px) translateX(-6px) scale(.5) rotate(-30deg);opacity:.8}to{transform:translateY(-55px) translateX(-10px) scale(.3) rotate(270deg);opacity:0}}@keyframes bubble-float-pattern-3{0%{transform:translateY(0) translateX(0) scale(0) rotate(0deg);opacity:0}15%{transform:translateY(-8px) translateX(3px) scale(.4) rotate(60deg);opacity:.9}to{transform:translateY(-70px) translateX(15px) scale(.2) rotate(1turn);opacity:0}}@keyframes bubble-float-pattern-4{0%{transform:translateY(0) translateX(0) scale(0) rotate(0deg);opacity:0}30%{transform:translateY(-20px) translateX(-4px) scale(.6) rotate(90deg);opacity:.7}to{transform:translateY(-65px) translateX(-8px) scale(.3) rotate(1turn);opacity:0}}@keyframes bubble-float-pattern-5{0%{transform:translateY(0) translateX(0) scale(0) rotate(0deg);opacity:0}18%{transform:translateY(-10px) translateX(7px) scale(.3) rotate(-45deg);opacity:.8}to{transform:translateY(-50px) translateX(10px) scale(.4) rotate(315deg);opacity:0}}.shimmer-border{position:relative;overflow:visible;animation:button-pulse 3s ease-in-out infinite}.shimmer-border:before{top:-4px;left:-4px;right:-4px;bottom:-4px;background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,rgba(255,204,0,.05) 310deg,rgba(255,204,0,.1) 320deg,rgba(255,204,0,.2) 330deg,rgba(255,204,0,.4) 340deg,rgba(255,204,0,.6) 350deg,rgba(255,204,0,.8) 355deg,rgba(255,204,0,1) 1turn,rgba(255,255,255,.9) 5deg,rgba(255,204,0,.8) 10deg,rgba(255,204,0,.6) 15deg,rgba(255,204,0,.4) 20deg,rgba(255,204,0,.2) 25deg,rgba(255,204,0,.1) 30deg,rgba(255,204,0,.05) 35deg,transparent 40deg,transparent 1turn);animation:comet-rotate 2.5s linear infinite;z-index:0}.shimmer-border:after,.shimmer-border:before{content:"";position:absolute;border-radius:inherit;pointer-events:none}.shimmer-border:after{top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from 0deg,transparent 0deg,transparent 350deg,rgba(255,255,255,.3) 355deg,rgba(255,255,255,.8) 1turn,rgba(255,255,255,1) 5deg,rgba(255,255,255,.8) 10deg,rgba(255,255,255,.3) 15deg,transparent 20deg,transparent 1turn);animation:comet-rotate 2.5s linear infinite,comet-glow 1.5s ease-in-out infinite;z-index:1}.bubble-border{position:relative;overflow:visible;background:linear-gradient(90deg,#ffcc00,#ff9900)}.bubble-border .dynamic-bubble{position:absolute;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(circle,rgba(255,255,255,.9) 0,rgba(255,240,120,.8) 30%,rgba(255,204,0,.6) 60%,transparent 100%);box-shadow:0 0 8px rgba(255,255,255,.5)}.bubble-border .dynamic-bubble.pattern-1{animation:bubble-float-pattern-1 ease-out infinite}.bubble-border .dynamic-bubble.pattern-2{animation:bubble-float-pattern-2 ease-out infinite}.bubble-border .dynamic-bubble.pattern-3{animation:bubble-float-pattern-3 ease-out infinite}.bubble-border .dynamic-bubble.pattern-4{animation:bubble-float-pattern-4 ease-out infinite}.bubble-border .dynamic-bubble.pattern-5{animation:bubble-float-pattern-5 ease-out infinite}.bubble-border:hover{transform:translateY(-2px)}.bubble-border:hover:after,.bubble-border:hover:before{animation-play-state:running}.bubble-border>*,.shimmer-border>*{position:relative;z-index:10}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width:640px){.ranking-table{font-size:.875rem}.ranking-table td,.ranking-table th{padding:.5rem .25rem}.character-name{max-width:120px}.character-name,.guild-tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-tag{max-width:80px;font-size:.75rem}.class-icon-mobile,.rank-icon{width:2rem;height:2rem}.class-icon-mobile{object-fit:contain;flex-shrink:0}}@media (max-width:768px){.ranking-table{font-size:.9rem}.character-name{max-width:150px}.guild-tag{max-width:100px}}@media (hover:hover){.ranking-row:hover{transform:scale(1.01);transition:transform .2s ease}}@media (hover:none){.ranking-row:active{transform:scale(.98);transition:transform .1s ease}}@media (max-width:768px){.account-section{margin-bottom:1.5rem}.account-card{border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.account-card h2{font-size:1.125rem;line-height:1.5}.account-buttons{flex-direction:column;gap:.75rem}.account-buttons button{width:100%;justify-content:center}}@media (max-width:640px){.setting-tabs{gap:.25rem;padding-bottom:.5rem}.setting-tab-button{min-width:auto;padding:.75rem .5rem;font-size:.875rem;border-radius:.375rem .375rem 0 0}.setting-tab-button:hover{background-color:rgba(255,255,255,.05)}.setting-tab-button.active{background-color:rgba(255,204,0,.1)}}@media (max-width:480px){.setting-tab-button{padding:.75rem .375rem;font-size:.8rem}.setting-tab-icon{margin-right:.25rem;font-size:.875rem}}@media (max-width:640px){.account-grid{gap:1rem}.account-card{padding:1rem}.account-card h2{font-size:1rem;margin-bottom:1rem}}.character-content-container{transition:min-height .4s cubic-bezier(.4,0,.2,1);will-change:min-height}.character-content-transition{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.character-slider-wrapper{transition:height .4s cubic-bezier(.4,0,.2,1)}.character-info-stable{contain:layout style}.bg-opacity-card{background-color:rgba(255,255,255,.03)}.character-cards-container{display:flex;flex-direction:column;gap:.75rem}.compact-spacing{margin-top:.75rem}@media (max-width:768px){.character-content-container{transition:min-height .3s ease-in-out}.character-content-transition{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.character-slider-mobile-stack{display:flex;flex-direction:column}.character-slider-mobile-stack .character-image-section{order:1;margin-bottom:1rem}.character-slider-mobile-stack .character-info-section{order:2}.character-slider-mobile-compact .compact-spacing{margin-top:.5rem}.character-slider-mobile-compact h4{margin-bottom:.5rem;font-size:1.125rem}.character-slider-mobile-compact p{margin-bottom:.75rem;font-size:.875rem}.character-slider-mobile-compact .bg-opacity-card{padding:.5rem}.character-slider-mobile-compact .mt-4{margin-top:.75rem}}@media (max-width:640px){.character-slider-mobile-compact h4{font-size:1rem;margin-bottom:.375rem}.character-slider-mobile-compact p{margin-bottom:.5rem;font-size:.8125rem;line-height:1.4}.character-slider-mobile-compact .compact-spacing{margin-top:.375rem}.character-slider-mobile-compact .bg-opacity-card{padding:.375rem}}