@keyframes orbit-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-counter-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes gentle-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes ripple-pulse{0%{transform:translate3d(-50%,-50%,0) scale(1);opacity:.15}50%{transform:translate3d(-50%,-50%,0) scale(1.02);opacity:.25}to{transform:translate3d(-50%,-50%,0) scale(1);opacity:.15}}.orbit-container{animation:orbit-rotate 50s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;contain:layout style}.orbit-item-counter{animation:orbit-counter-rotate 50s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;contain:layout style}.logo-float{animation:gentle-float 4s ease-in-out infinite;will-change:transform;transform:translateZ(0)}.ripple-ring{animation:ripple-pulse 3s ease-in-out infinite;will-change:transform,opacity;transform:translateZ(0)}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scale-in .2s ease-out forwards}@keyframes sa-section-fade-in{0%{opacity:0}to{opacity:1}}.sa-section-enter{animation:sa-section-fade-in .15s ease-out}@media(prefers-reduced-motion:reduce){.orbit-container,.orbit-item-counter,.logo-float,.ripple-ring,.animate-scale-in{animation:none!important}html{scroll-behavior:auto}}*{margin:0;padding:0;box-sizing:border-box}:root{--sa-app-height: 100dvh;--sa-header-height: 4rem;--sa-live-banner-height: 0px;--sa-font-body: "Poppins", "Nunito", "Avenir Next", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--sa-font-body-mobile: "Nunito", "Poppins", "Avenir Next", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--sa-font-display: "Baloo 2", "Fredoka", "Nunito", "Avenir Next Rounded", "Arial Rounded MT Bold", "Trebuchet MS", ui-rounded, system-ui, sans-serif;--sa-color-background: 247 247 251;--sa-color-foreground: 15 23 42;--sa-color-muted: 241 245 249;--sa-color-muted-foreground: 100 116 139;--sa-color-skeleton: 226 232 240;--sa-color-border: 203 213 225;--sa-color-input: 203 213 225;--sa-color-ring: 139 92 246;--sa-color-primary: 139 92 246;--sa-color-primary-foreground: 255 255 255;--sa-color-destructive: 239 68 68;--sa-color-input-background: 255 255 255}.dark{--sa-color-background: 13 18 32;--sa-color-foreground: 255 255 255;--sa-color-muted: 30 41 59;--sa-color-muted-foreground: 203 213 225;--sa-color-skeleton: 51 65 85;--sa-color-border: 71 85 105;--sa-color-input: 148 163 184;--sa-color-ring: 167 139 250;--sa-color-primary: 139 92 246;--sa-color-primary-foreground: 255 255 255;--sa-color-destructive: 248 113 113;--sa-color-input-background: 15 23 42}@supports not (height: 100dvh){:root{--sa-app-height: 100vh}}html,body{width:100%;min-height:100%;overflow-x:hidden;max-width:100vw}body{font-family:var(--sa-font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,#root{min-height:var(--sa-app-height)}.font-poppins{font-family:var(--sa-font-body)!important}.font-nunito{font-family:var(--sa-font-body-mobile)!important}.font-baloo{font-family:var(--sa-font-display)!important;font-synthesis:none;letter-spacing:-.02em}@media(max-width:1024px){body{font-family:var(--sa-font-body-mobile)}.font-poppins{font-family:var(--sa-font-body-mobile)!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:rgba(100,80,160,.4) transparent;scrollbar-width:thin}html.sa-scrolling,html.sa-scrolling *{scrollbar-color:transparent transparent}html.sa-scrolling::-webkit-scrollbar,html.sa-scrolling *::-webkit-scrollbar{background:transparent!important}html.sa-scrolling::-webkit-scrollbar-track,html.sa-scrolling *::-webkit-scrollbar-track{background:transparent!important}html.sa-scrolling::-webkit-scrollbar-thumb,html.sa-scrolling *::-webkit-scrollbar-thumb{background:transparent!important}html::-webkit-scrollbar{width:6px;background:transparent}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#6450a066;border-radius:3px}html::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.overflow-auto,.overflow-x-auto,.overflow-y-auto{-webkit-overflow-scrolling:touch}.sa-app-shell{min-height:var(--sa-app-height)}.sa-viewport-panel{min-height:calc(var(--sa-app-height) - var(--sa-header-height) - var(--sa-live-banner-height));height:calc(var(--sa-app-height) - var(--sa-header-height) - var(--sa-live-banner-height))}.sa-touch-scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y}html.sa-scrolling .backdrop-blur,html.sa-scrolling .backdrop-blur-sm,html.sa-scrolling .backdrop-blur-md,html.sa-scrolling .backdrop-blur-lg,html.sa-scrolling .backdrop-blur-xl,html.sa-scrolling .backdrop-blur-2xl,html.sa-scrolling .backdrop-blur-3xl{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html.sa-scrolling .blur,html.sa-scrolling .blur-sm,html.sa-scrolling .blur-md,html.sa-scrolling .blur-lg,html.sa-scrolling .blur-xl,html.sa-scrolling .blur-2xl,html.sa-scrolling .blur-3xl{filter:none!important}.scroll-container{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.dashboard-content{contain:layout style}.blur-3xl,.blur-2xl,.blur-xl{will-change:auto;contain:strict}.pointer-events-none{contain:strict}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}body{-webkit-overflow-scrolling:touch;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgb(196 181 253) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:3px}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.min-h-dvh{min-height:100dvh}.h-dvh{height:100dvh}.break-words{word-wrap:break-word;overflow-wrap:break-word}.arena-mate-wrap{font-family:var(--sa-font-body-mobile)}.arena-mate-wrap h1,.arena-mate-wrap h2,.arena-mate-wrap h3,.arena-mate-wrap h4{font-family:var(--sa-font-display);letter-spacing:-.01em}.arena-mate-wrap{--am-primary: 262 83% 58%;--am-accent: 38 92% 50%}.dark .arena-mate-wrap{--am-primary: 262 83% 65%;--am-accent: 38 92% 50%}.arena-mate-gradient-text{background:linear-gradient(to right,#9333ea,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .arena-mate-gradient-text{background:linear-gradient(to right,#c084fc,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.arena-mate-glass{background:#ffffffbf;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000008}.dark .arena-mate-glass{background:#0f172abf;border-bottom-color:#ffffff0f}.arena-mate-bubble-shadow{box-shadow:0 4px 14px -2px #0000000d,0 2px 4px -1px #00000008}.dark .arena-mate-bubble-shadow{box-shadow:0 4px 14px -2px #0003,0 2px 4px -1px #0000001a}.arena-mate-tail-right{position:relative}.arena-mate-tail-right:before{content:"";position:absolute;bottom:0;right:-8px;width:16px;height:16px;background:inherit;border-bottom-left-radius:16px;z-index:-1}.arena-mate-tail-left{position:relative}.arena-mate-tail-left:before{content:"";position:absolute;bottom:0;left:-8px;width:16px;height:16px;background:inherit;border-bottom-right-radius:16px;z-index:-1}.arena-mate-shimmer{position:relative;overflow:hidden}.arena-mate-shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,transparent,rgba(255,255,255,.35),transparent);transform:rotate(30deg);animation:am-shimmer 2.5s infinite linear;pointer-events:none}@keyframes am-shimmer{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}.arena-mate-scroll::-webkit-scrollbar{width:6px;height:6px}.arena-mate-scroll::-webkit-scrollbar-track{background:transparent}.arena-mate-scroll::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#7c3bed99,#f59f0a99);border-radius:9999px}.arena-mate-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#7c3bed,#f59f0a)}@keyframes am-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.arena-mate-fade-in{animation:am-fade-in-up .3s ease-out forwards}@keyframes am-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.arena-mate-skeleton-shimmer{animation:am-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes am-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arena-mate-spin-slow{animation:am-spin-slow 2s linear infinite}.cartoon-card{box-shadow:3px 3px #ffffff14;transition:box-shadow .15s ease,transform .15s ease}.cartoon-card:hover{box-shadow:4px 4px #ffffff1f;transform:translate(-1px,-1px)}.cartoon-badge{box-shadow:2px 2px #0f172a2e}.cartoon-progress-track{box-shadow:inset 0 2px 4px #0f172a29}.cartoon-progress-fill{box-shadow:0 2px 8px #b168ff59}.cartoon-results-card{box-shadow:3px 3px #f8b84e59}@keyframes cartoon-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px) rotate(-2deg)}30%{transform:translate(6px) rotate(2deg)}45%{transform:translate(-5px) rotate(-1deg)}60%{transform:translate(5px) rotate(1deg)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.cartoon-shake{animation:cartoon-shake .5s ease-out}.sa-touch-target{min-width:44px;min-height:44px}.sa-text-balance{text-wrap:balance}.sa-scroll-snap-x{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sa-scroll-snap-x>*{scroll-snap-align:start}.sa-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.sa-hide-scrollbar::-webkit-scrollbar{display:none}
