@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:translate(0,0)}50%{transform:translateY(-8px)}}@keyframes ripple-pulse{0%{opacity:.15;transform:translate(-50%,-50%)scale(1)}50%{opacity:.25;transform:translate(-50%,-50%)scale(1.02)}to{opacity:.15;transform:translate(-50%,-50%)scale(1)}}.orbit-container{will-change:transform;backface-visibility:hidden;contain:layout style;animation:50s linear infinite orbit-rotate;transform:translateZ(0)}.orbit-item-counter{will-change:transform;backface-visibility:hidden;contain:layout style;animation:50s linear infinite orbit-counter-rotate;transform:translateZ(0)}.logo-float{will-change:transform;animation:4s ease-in-out infinite gentle-float;transform:translateZ(0)}.ripple-ring{will-change:transform, opacity;animation:3s ease-in-out infinite ripple-pulse;transform:translateZ(0)}@keyframes scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.2s ease-out forwards scale-in}@keyframes sa-section-fade-in{0%{opacity:0}to{opacity:1}}.sa-section-enter{animation:.15s ease-out sa-section-fade-in}@media (prefers-reduced-motion:reduce){.orbit-container,.orbit-item-counter,.logo-float,.ripple-ring,.animate-scale-in{animation:none!important}html{scroll-behavior:auto}}*{box-sizing:border-box;margin:0;padding:0}:root{--sa-app-height:100dvh;--sa-header-height:4rem;--sa-live-banner-height:0px;--sa-sidebar-width:14.4rem;--sa-sidebar-collapsed-width:4.5rem;--sa-mobile-sidebar-width:min(15.75rem, 85vw);--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:5 8 22;--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%;max-width:100vw;min-height:100%;overflow-x:hidden}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-synthesis:none;letter-spacing:-.02em;font-family:var(--sa-font-display)!important}@media (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:#6450a066 transparent;scrollbar-width:thin}html.sa-scrolling,html.sa-scrolling *{scrollbar-color:transparent transparent}html.sa-scrolling::-webkit-scrollbar{background:0 0!important}html.sa-scrolling ::-webkit-scrollbar{background:0 0!important}html.sa-scrolling::-webkit-scrollbar-track{background:0 0!important}html.sa-scrolling ::-webkit-scrollbar-track{background:0 0!important}html.sa-scrolling::-webkit-scrollbar-thumb{background:0 0!important}html.sa-scrolling ::-webkit-scrollbar-thumb{background:0 0!important}html::-webkit-scrollbar{background:0 0;width:6px}html::-webkit-scrollbar-track{background:0 0}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-sidebar-shell{width:var(--sa-sidebar-width)}.sa-sidebar-shell-collapsed{width:var(--sa-sidebar-collapsed-width)}.sa-sidebar-mobile{width:var(--sa-mobile-sidebar-width)}.sa-sidebar-surface{background:#ffffffe0}.dark .sa-sidebar-surface{background:#0d1324eb}.sa-sidebar-active-pill{z-index:0;pointer-events:none;background:linear-gradient(135deg, #ffffffbd, #ffffff57), radial-gradient(circle at 20% 18%, rgba(var(--sa-sidebar-accent-rgb), .26), transparent 54%), linear-gradient(135deg, rgba(var(--sa-sidebar-accent-rgb), .12), #3b82f60d);box-shadow:inset 0 1px 0 #ffffffa8, inset 0 -1px 0 #0f172a0a, 0 14px 34px -26px rgba(var(--sa-sidebar-accent-rgb), .75), 0 10px 28px -24px #0f172ad9;-webkit-backdrop-filter:blur(18px)saturate(165%);backdrop-filter:blur(18px)saturate(165%);will-change:transform;border:1px solid #ffffff9e;border-radius:14px;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}.sa-sidebar-active-pill:before{content:"";border-radius:inherit;opacity:.65;background:linear-gradient(115deg,#ffffff80,#0000 34%,#ffffff2e 72%,#0000);position:absolute;inset:1px}.sa-sidebar-active-pill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff7a,#0000);border-radius:999px;width:42%;animation:2.8s ease-in-out infinite sa-sidebar-glass-sheen;position:absolute;top:-35%;bottom:-35%;left:-45%;transform:rotate(18deg)}.dark .sa-sidebar-active-pill{background:linear-gradient(135deg, #ffffff21, #ffffff0b), radial-gradient(circle at 20% 18%, rgba(var(--sa-sidebar-accent-rgb), .34), transparent 56%), linear-gradient(135deg, rgba(var(--sa-sidebar-accent-rgb), .18), #0f172a33);box-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #0000003d, 0 16px 36px -28px rgba(var(--sa-sidebar-accent-rgb), .95), 0 12px 26px -24px #000000e6;border-color:#ffffff1f}@keyframes sa-sidebar-glass-sheen{0%,42%{opacity:0;transform:translate(0)rotate(18deg)}54%{opacity:.7}78%,to{opacity:0;transform:translate(360%)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.sa-sidebar-active-pill:after{animation:none!important}}.sa-header-offset,.sa-header-offset-collapsed{left:0}@media (width>=768px){.sa-main-offset{margin-left:var(--sa-sidebar-width)}.sa-main-offset-collapsed{margin-left:var(--sa-sidebar-collapsed-width)}.sa-header-offset{left:var(--sa-sidebar-width)}.sa-header-offset-collapsed{left:var(--sa-sidebar-collapsed-width)}}.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{backface-visibility:hidden;transform:translateZ(0)}.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:#c4b5fd transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:0 0}.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{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;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(90deg,#9333ea,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dark .arena-mate-gradient-text{background:linear-gradient(90deg,#c084fc,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.arena-mate-glass{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);background:#ffffffbf;border-bottom:1px solid #0000000f;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:"";background:inherit;z-index:-1;border-bottom-left-radius:16px;width:16px;height:16px;position:absolute;bottom:0;right:-8px}.arena-mate-tail-left{position:relative}.arena-mate-tail-left:before{content:"";background:inherit;z-index:-1;border-bottom-right-radius:16px;width:16px;height:16px;position:absolute;bottom:0;left:-8px}.arena-mate-shimmer{position:relative;overflow:hidden}.arena-mate-shimmer:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:200%;height:200%;animation:2.5s linear infinite am-shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}@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:0 0}.arena-mate-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#7c3bed99,#f59f0a99);border-radius:9999px}.arena-mate-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7c3bed,#f59f0a)}@keyframes am-fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.arena-mate-fade-in{animation:.3s ease-out forwards am-fade-in-up}@keyframes am-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.arena-mate-skeleton-shimmer{animation:1.5s ease-in-out infinite am-skeleton-shimmer}@keyframes am-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arena-mate-spin-slow{animation:2s linear infinite am-spin-slow}.cartoon-card{transition:box-shadow .15s,transform .15s;box-shadow:3px 3px #ffffff14}.cartoon-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #ffffff1f}.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:.5s ease-out cartoon-shake}.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}.quiz-card-v3{background:#fffffff2;border:1px solid #0000000f;border-radius:20px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}.quiz-card-v3:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.quiz-card-v3:active{transform:translateY(-1px)}.dark .quiz-card-v3{background:#1e293b99;border-color:#ffffff0f;box-shadow:0 1px 3px #00000026,0 4px 12px #0000001a}.dark .quiz-card-v3:hover{border-color:#ffffff1a;box-shadow:0 8px 30px #0003,0 2px 8px #0000001f}.quiz-card-v3:before{content:"";background:var(--card-accent,#8b5cf6);border-radius:20px 0 0 20px;width:4px;position:absolute;top:0;bottom:0;left:0}.quiz-icon-ring{background:var(--icon-bg,linear-gradient(135deg, #8b5cf6, #6366f1));width:44px;height:44px;box-shadow:0 2px 8px var(--icon-shadow,#8b5cf640);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.quiz-card-v3:hover .quiz-icon-ring{transform:scale(1.05)rotate(-3deg)}.quiz-xp-badge{letter-spacing:.01em;color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf244d;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 1px 4px #fbbf2426}.dark .quiz-xp-badge{color:#fbbf24;background:linear-gradient(135deg,#fbbf2426,#f59e0b1f);border-color:#fbbf2433}.quiz-stats-row{color:#64748b;align-items:center;gap:12px;font-size:12px;display:flex}.dark .quiz-stats-row{color:#94a3b8}.quiz-stats-row .stat-dot{opacity:.4;background:currentColor;border-radius:50%;width:3px;height:3px}.quiz-progress-v3{background:#f1f5f9;border-radius:3px;width:100%;height:6px;overflow:hidden}.dark .quiz-progress-v3{background:#33415599}.quiz-filter-chip{color:#475569;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #00000014;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.quiz-filter-chip:hover{background:#f8fafc;border-color:#0000001f}.quiz-filter-chip.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d}.dark .quiz-filter-chip{color:#94a3b8;background:#1e293b99;border-color:#ffffff14}.dark .quiz-filter-chip:hover{background:#33415599;border-color:#ffffff26}.dark .quiz-filter-chip.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.quiz-score-ring{flex-shrink:0;width:48px;height:48px;position:relative}.quiz-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.quiz-score-ring .score-text{justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex;position:absolute;inset:0}.quiz-diff-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.quiz-due-label{color:#94a3b8;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.dark .quiz-due-label{color:#64748b}.quiz-card-3d{border:1px solid #00000014;border-bottom-width:3px;border-bottom-color:var(--card-accent,#8b5cf6);background:#fff;border-radius:16px;flex-direction:column;min-height:185px;transition:transform .12s cubic-bezier(.34,1.56,.64,1),border-bottom-width .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.quiz-card-3d:hover{border-bottom-width:4px;transform:translateY(-1px);box-shadow:0 4px 12px #0000000a}.quiz-card-3d:active{box-shadow:none;border-bottom-width:1px;transform:translateY(2px)}.dark .quiz-card-3d{border-color:#ffffff14;border-bottom-color:var(--card-accent,#8b5cf6);background:#0f172a99;box-shadow:0 1px 2px #0000001a}.dark .quiz-card-3d:hover{border-color:#ffffff1f;box-shadow:0 4px 12px #0000004d}.dark .quiz-card-3d:active{box-shadow:none;border-bottom-width:1px;transform:translateY(2px)}.gamified-filter-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #00000014;border-bottom:4px solid #00000026;border-radius:16px;align-items:center;gap:6px;padding:8px 16px;font-family:"Baloo 2",Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .1s;display:inline-flex}.gamified-filter-btn:hover{background:#f8fafc;border-bottom-width:5px;transform:translateY(-1px)}.gamified-filter-btn:active{border-bottom-width:2px;transform:translateY(2px)}.gamified-filter-btn.active{color:#fff;background:#8b5cf6;border-color:#7c3aed #7c3aed #5b21b6;box-shadow:0 4px 12px #8b5cf633}.dark .gamified-filter-btn{color:#94a3b8;background:#1e293b99;border-color:#ffffff1a #ffffff1a #0006}.dark .gamified-filter-btn:hover{background:#33415599}.dark .gamified-filter-btn.active{color:#fff;background:#8b5cf6;border-color:#7c3aed #7c3aed #5b21b6;box-shadow:0 4px 12px #8b5cf659}.xp-level-container{background:#e2e8f0;border:1.5px solid #00000014;border-radius:9999px;width:100%;height:14px;position:relative;overflow:hidden}.dark .xp-level-container{background:#33415599;border-color:#ffffff14}.xp-level-bar-fill{background:linear-gradient(90deg,#f59e0b,#10b981);border-radius:9999px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #ffffff40}.xp-shimmer-fill{position:relative;overflow:hidden}.xp-shimmer-fill:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%) 0 0/200% 100%;width:100%;height:100%;animation:2.5s linear infinite xp-bar-shimmer;position:absolute;top:0;left:0}@keyframes xp-bar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-btn-3d{-webkit-user-select:none;user-select:none;cursor:pointer;border-style:solid;border-width:2px 2px 5px;border-radius:16px;font-weight:800;transition:all .1s;position:relative}.card-btn-3d:active{border-bottom-width:2px;transform:translateY(3px)}.perfect-score-crown{position:relative}.perfect-score-crown:before{content:"👑";z-index:10;font-size:16px;animation:2.5s ease-in-out infinite crown-bounce;position:absolute;top:-14px;right:-6px}@keyframes crown-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(6deg)}}.xp-coin-badge{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-bottom-width:4px;border-radius:16px;align-items:center;gap:4px;padding:5px 12px;font-family:"Baloo 2",sans-serif;font-size:11.5px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 10px #f59e0b26,0 2px 4px #f59e0b1a}.xp-coin-badge:hover{transform:scale(1.06)rotate(1.5deg);box-shadow:0 0 14px #f59e0b4d,0 4px 8px #f59e0b26}.dark .xp-coin-badge{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#d9770633);border-color:#f59e0b;box-shadow:0 0 12px #f59e0b40}.dark .xp-coin-badge:hover{box-shadow:0 0 18px #f59e0b73}.candy-progress-track{background:#f1f5f9;border-radius:9999px;width:100%;height:8px;position:relative;overflow:hidden}.dark .candy-progress-track{background:#33415566}.candy-progress-fill{background:repeating-linear-gradient(45deg,#10b981,#10b981 6px,#34d399 6px 12px);border-radius:9999px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.gamified-track{background:#f1f5f9;border:1px solid #0000000a;border-radius:20px;gap:5px;width:100%;padding:5px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.dark .gamified-track{background:#0f172a99;border-color:#ffffff08;box-shadow:inset 0 2px 4px #0003}.gamified-track-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:16px;outline:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-family:"Baloo 2",Nunito,sans-serif;font-size:13px;font-weight:800;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.dark .gamified-track-btn{color:#94a3b8}.gamified-track-btn.active-all{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:scale(1.02);box-shadow:0 4px 14px #8b5cf659,inset 0 1px #fff3;color:#fff!important}.gamified-track-btn.active-easy{background:linear-gradient(135deg,#10b981,#059669);transform:scale(1.02);box-shadow:0 4px 14px #10b98159,inset 0 1px #fff3;color:#fff!important}.gamified-track-btn.active-medium{background:linear-gradient(135deg,#f59e0b,#d97706);transform:scale(1.02);box-shadow:0 4px 14px #f59e0b59,inset 0 1px #fff3;color:#fff!important}.gamified-track-btn.active-hard{background:linear-gradient(135deg,#ef4444,#dc2626);transform:scale(1.02);box-shadow:0 4px 14px #ef444459,inset 0 1px #fff3;color:#fff!important}.gamified-track-btn.active-sort{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:scale(1.02);box-shadow:0 4px 14px #3b82f659,inset 0 1px #fff3;color:#fff!important}.gamified-track-btn:hover:not(.active-all):not(.active-easy):not(.active-medium):not(.active-hard):not(.active-sort){color:#1e293b;background:#0000000a}.dark .gamified-track-btn:hover:not(.active-all):not(.active-easy):not(.active-medium):not(.active-hard):not(.active-sort){color:#f8fafc;background:#ffffff0a}