@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#070a13;--surface-color:#0d121f;--surface-color-light:#161c2e;--primary-color:#10b981;--primary-color-hover:#34d399;--secondary-color:#059669;--text-primary:#fff;--text-secondary:#a0aec0;--text-tertiary:#718096;--danger-color:#ef4444;--warning-color:#f59e0b;--success-color:#10b981;--border-color:#ffffff0a;--glass-bg:#16191ebf;--glass-border:#ffffff0d;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000004d, 0 4px 6px -2px #00000026;--shadow-neon:0 0 15px #10b98133;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-size-xs:12.5px;--font-size-sm:14px;--font-size-base:15.5px;--font-size-lg:18px;--font-size-xl:22px}*,:before,:after{box-sizing:border-box;-webkit-touch-callout:none;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}canvas{-webkit-tap-highlight-color:transparent!important;background:0 0!important}:root{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background:#070a13!important}html{color:var(--text-primary);-webkit-text-size-adjust:100%;overscroll-behavior:none;overscroll-behavior-y:none;width:100%;min-height:100%;margin:0;padding:0;font-size:15px;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background:#070a13!important}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-y;width:100%;min-height:100%;margin:0;padding:0;font-family:Outfit,sans-serif;font-size:15px;line-height:1.55;overflow:hidden auto;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;-webkit-tap-highlight-color:transparent!important;background:#070a13!important}#root{flex-direction:column;width:100%;min-height:100%;display:flex;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background:#070a13!important}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:transform .15s cubic-bezier(.4,0,.2,1),opacity .15s,filter .15s}button:active:not(:disabled){filter:brightness(.95);transform:scale(.96)}.glass-panel{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:#0f1523;box-shadow:0 10px 30px #0006}.text-gradient{background:linear-gradient(135deg, var(--primary-color), #34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,gold,orange);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#00e5ff,#00ff87);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.app-container{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:600px;min-height:100dvh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #00000080}.main-content{padding:16px 16px calc(76px + env(safe-area-inset-bottom,0px));padding-top:calc(16px + env(safe-area-inset-top,0px));box-sizing:border-box;flex:1 0 auto;width:100%;background-color:var(--bg-color)!important;background:#070a13!important}.card{background-color:var(--surface-color);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:16px;padding:16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.card:active{transform:scale(.99)}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#070a13;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #10b98159}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 22px #10b98180}.btn-primary:active{transform:scale(.96)}@keyframes fadeIn{0%{opacity:.15}to{opacity:1}}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.animate-fade-in{opacity:1;animation:.15s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentScaleIn{0%{opacity:0;transform:scale(.92)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-modal-backdrop{animation:.2s ease-out forwards modalBackdropFadeIn}.animate-scale-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards modalContentScaleIn}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animate-slide-down{animation:.35s cubic-bezier(.16,1,.3,1) forwards slideDown}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.hover-scale{transition:transform .2s,filter .2s}.hover-scale:hover{filter:brightness(1.1);transform:scale(1.03)}@keyframes shimmer{0%{transform:translate(-150%)}50%{transform:translate(150%)}to{transform:translate(150%)}}.shimmer-btn{position:relative;overflow:hidden}.shimmer-btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#00e5ff26 50%,#fff0 100%);width:50%;height:100%;animation:4s infinite shimmer;position:absolute;top:0;left:0;transform:skew(-20deg)translate(-150%)}.blurred-preview{filter:blur(8px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}@media (width<=400px){.badge-text-hide{display:none!important}.badge-container{gap:4px!important}.badge-item{padding:6px!important}}.fixed-bottom-nav{width:100%;max-width:600px;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);z-index:99999;box-sizing:border-box;touch-action:none;-webkit-user-select:none;user-select:none;background:#090d16;border-top:1px solid #ffffff14;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 24px #0009}.fixed-bottom-nav .nav-link{color:#94a3b8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;height:60px;padding:4px 1px;font-size:11.5px;font-weight:600;text-decoration:none;transition:color .18s;display:flex}.fixed-bottom-nav .nav-link svg{stroke-width:2px;flex-shrink:0;width:21px;height:21px;transition:transform .18s cubic-bezier(.4,0,.2,1),color .18s,filter .18s}.fixed-bottom-nav .nav-link span{white-space:nowrap;text-overflow:ellipsis;text-align:center;letter-spacing:-.1px;width:100%;max-width:100%;font-size:11.5px;font-weight:600;line-height:1.15;display:block;overflow:hidden}.fixed-bottom-nav .nav-link:hover{color:#fff}.fixed-bottom-nav .nav-link.active{color:#00ff87}.fixed-bottom-nav .nav-link.active svg{color:#00ff87;filter:drop-shadow(0 0 10px #00ff8799);transform:translateY(-2px)scale(1.08)}.fixed-bottom-nav .nav-link.active span{color:#00ff87;font-weight:700}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes particleBurstAnim{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:.9}to{transform:translate(var(--dx,30px), var(--dy,-30px)) scale(0);opacity:0}}@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 8px 25px #ff416c73}50%{transform:scale(1.03);box-shadow:0 12px 30px #ff416ca6}to{transform:scale(1);box-shadow:0 8px 25px #ff416c73}}html,body,#root,.app-container,.main-content,.page-container{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important;background:#070a13!important}embed,object,img,video{background-color:#0000}.leaderboard-dock-container{bottom:80px;bottom:calc(76px + env(safe-area-inset-bottom,12px));z-index:1000;pointer-events:none;width:calc(100% - 24px);max-width:560px;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);position:fixed;left:50%;transform:translate(-50%)}.leaderboard-dock-content{pointer-events:auto;-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:linear-gradient(135deg,#111827fa 0%,#090d16fc 100%);border:1.5px solid #00ff87;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;box-shadow:0 12px 35px #000000e6,0 0 20px #00ff8740}.leaderboard-dock-btn{color:#070a13;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#00ff87 0%,#60efff 100%);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;min-height:42px;padding:10px 16px;font-size:12.5px;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #00ff8766}.leaderboard-dock-btn:active{transform:scale(.96)}