@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#0a0a0f;--bg-card:#121218b3;--bg-card-hover:#1e1e28cc;--primary-color:#6c5ce7;--primary-hover:#8273f6;--primary-glow:#6c5ce766;--secondary-color:#00cec9;--secondary-glow:#00cec94d;--accent-color:#fd79a8;--warning-color:#fdcb6e;--danger:#ff7675;--success:#55e6c1;--text-main:#fff;--text-muted:#a0a0b0;--text-dim:#636e72;--border-color:#ffffff14;--glass-border:#ffffff1a;--shadow-sm:0 4px 12px #0000004d;--shadow-lg:0 20px 40px #00000080;--blur-std:20px;--border-radius-sm:12px;--border-radius-md:20px;--border-radius-lg:32px;--transition-smooth:all .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=forest]{--primary-color:#00b894;--primary-hover:#55efc4;--primary-glow:#00b8944d;--bg-dark:#051410}[data-theme=sunset]{--primary-color:#e17055;--primary-hover:#fab1a0;--primary-glow:#e170554d;--bg-dark:#140d0a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 0 0,#6c5ce70d 0%,#0000 40%),radial-gradient(circle at 100% 100%,#00cec90d 0%,#0000 40%);background-attachment:fixed;min-height:100dvh;font-family:Outfit,Inter,sans-serif;line-height:1.5;overflow-x:hidden}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:100vw;overflow-x:hidden}@media (width<=768px){.main-content{padding-bottom:100px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{letter-spacing:-.03em;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(135deg,#fff 0%,#fff9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-primary-gradient{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-emerald-gradient{background:linear-gradient(135deg,#00cec9 0%,#00b894 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(8px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);transition:var(--transition-smooth);will-change:transform, opacity}.glass-panel:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 40px #0009}button{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;outline:none;font-family:inherit}.btn-premium{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;border-radius:var(--border-radius-md);box-shadow:0 10px 25px -5px var(--primary-glow);justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-premium:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn-premium:hover{box-shadow:0 20px 35px -5px var(--primary-glow);transform:translateY(-4px)scale(1.02)}.btn-premium:hover:after{opacity:1}.btn-premium:active{transform:translateY(-1px)scale(.98)}.btn-danger-premium{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 28px;font-size:.95rem;font-weight:900;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 10px 25px #ff47574d}.btn-danger-premium:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 15px 30px #ff475766}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.animate-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards popIn}.animate-float{animation:5s ease-in-out infinite float}.animate-pulse-subtle{animation:3s ease-in-out infinite pulse-subtle}.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#ffffff14 50%,#ffffff05 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--border-radius-lg);border:1px solid var(--glass-border);background:#121218;width:100%;max-width:500px;overflow:hidden;box-shadow:0 40px 100px #0009}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.modal-body{padding:32px}.close-btn{color:var(--text-muted);border-radius:50%;padding:8px}.close-btn:hover{color:#fff;background:#ffffff1a}.premium-navbar{z-index:1000;height:75px;margin-bottom:env(safe-area-inset-bottom);align-items:center;padding:0 15px;display:flex;position:fixed;bottom:20px;left:20px;right:20px}.nav-container-premium{justify-content:center;align-items:center;width:100%;display:flex}.desktop-only{display:none}@media (width>=1024px){.desktop-only{align-items:center;gap:12px;margin-right:auto;display:flex}}.nav-links-premium{justify-content:space-around;gap:15px;width:100%;max-width:500px;display:flex;position:relative}.nav-link-item-premium{color:#fff6;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:8px 12px;font-size:.65rem;font-weight:800;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-link-item-premium.active{color:var(--primary-color,#6c5ce7)}.active-pill-p{z-index:-1;background:#6c5ce71a;border:1px solid #6c5ce733;border-radius:16px;position:absolute;inset:0;box-shadow:0 4px 15px #6c5ce71a}.icon-wrapper-p{justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.nav-link-item-premium.active .icon-wrapper-p{filter:drop-shadow(0 0 8px #6c5ce766);transform:translateY(-2px)}.full-menu-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;background:#0a0a0ecc;align-items:flex-end;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.menu-content-card{border-bottom:none;border-radius:40px 40px 0 0;width:100%;max-height:90vh;padding:40px 30px;overflow-y:auto}.menu-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.menu-header h2{font-size:1.8rem;font-weight:900}.close-menu-btn{color:#fff;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.menu-grid{flex-direction:column;gap:12px;margin-bottom:30px;display:flex}.menu-item-p{color:#fff;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:20px;padding:18px;text-decoration:none;transition:all .2s;display:flex}.menu-item-p:active{background:#ffffff14;transform:scale(.98)}.menu-item-p.active{background:#6c5ce71a;border-color:#6c5ce74d}.menu-item-icon{color:#6c5ce7;background:#6c5ce71a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.menu-item-info{flex-direction:column;flex:1;display:flex}.menu-item-label{font-size:1.1rem;font-weight:800}.menu-item-desc{opacity:.4;font-size:.8rem;font-weight:500}.menu-item-arrow{opacity:.2}.menu-footer{border-top:1px solid #ffffff0d;padding-top:20px}.menu-logout-btn{color:#ff4757;background:#ff47571a;border:1px solid #ff475733;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px;font-size:1rem;font-weight:800;display:flex}.medal-notif-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2500;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.medal-notif-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:40px;width:100%;max-width:500px;padding:50px 40px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.close-notif-btn{color:var(--text-muted);cursor:pointer;z-index:100;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:24px;right:24px}.close-notif-btn:hover{color:#e74c3c;background:#e74c3c1a;border-color:#e74c3c4d}.medal-glow-effect{opacity:.8;pointer-events:none;z-index:0;filter:blur(30px);background:radial-gradient(circle,#ffd70026 0%,#0000 70%);width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.medal-flare{opacity:.5;pointer-events:none;z-index:-1;background:conic-gradient(#0000 0deg,#ffd7000d 20deg,#0000 40deg,#ffd7000d 60deg,#0000 80deg);width:600px;height:600px;animation:20s linear infinite rotateFlare;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateFlare{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.medal-content-premium{z-index:10;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.medal-badge-tag{color:#000;letter-spacing:2px;background:linear-gradient(90deg,gold,#ff9f43);border-radius:30px;align-items:center;gap:8px;margin-bottom:40px;padding:8px 20px;font-size:.75rem;font-weight:900;display:flex;box-shadow:0 10px 20px #ffd7004d}.sparkle-icon{animation:2s linear infinite rotateSparkle}@keyframes rotateSparkle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.medal-visual-wrapper{justify-content:center;align-items:center;width:240px;height:240px;margin-bottom:40px;display:flex;position:relative}.medal-image-container{z-index:5;width:180px;height:180px;position:relative}.medal-img-large{object-fit:contain;filter:drop-shadow(0 20px 30px #00000080);width:100%;height:100%}.medal-emoji-large{filter:drop-shadow(0 20px 30px #00000080);justify-content:center;align-items:center;font-size:100px;line-height:1;display:flex}.medal-reflection{pointer-events:none;background:linear-gradient(135deg,#0000 45%,#fff3 50%,#0000 55%) 0 0/200% 200%;border-radius:50%;animation:4s linear infinite reflectionSwipe;position:absolute;inset:0}@keyframes reflectionSwipe{0%{background-position:-200% -200%}to{background-position:200% 200%}}.medal-platform{z-index:1;background:radial-gradient(#ffffff1a 0%,#0000 70%);border-radius:50%;width:160px;height:40px;position:absolute;bottom:20px;transform:rotateX(60deg)}.medal-info-premium{margin-bottom:40px}.medal-title-premium{letter-spacing:-1px;margin-bottom:12px;font-size:2.5rem;font-weight:900}.medal-tier-label{text-transform:uppercase;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:6px 16px;font-size:.9rem;font-weight:800;display:inline-block}.medal-tier-label.tier-common{color:#fff;background:#0984e366;border-color:#fff3}.medal-tier-label.tier-rare{color:#fff;background:#6c5ce780;border-color:#fff3}.medal-tier-label.tier-gold{color:#000;background:#ffd70099;border-color:#ffffff4d;font-weight:800}.medal-tier-label.tier-legendary{color:#fff;background:#ff7e0099;border-color:#ffffff4d}.medal-desc-premium{color:var(--text-muted);max-width:320px;margin:0 auto;font-size:1rem;line-height:1.6}.medal-actions-premium-row{gap:16px;width:100%;display:flex}.btn-collect-premium{background:linear-gradient(135deg, var(--primary-color), #8e44ad);color:#fff;cursor:pointer;border:none;border-radius:20px;flex:1.5;padding:18px;font-size:1rem;font-weight:800;box-shadow:0 10px 20px -5px #6c5ce780}.btn-market-premium{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:10px;padding:18px;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.btn-market-premium:hover{background:#ffffff1a;border-color:#ffffff4d}@media (width<=600px){.medal-notif-card{border-radius:30px;padding:40px 24px}.medal-title-premium{font-size:2rem}.medal-actions-premium-row{flex-direction:column}}.splash-screen-premium{z-index:10000;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.splash-bg-glow{background:radial-gradient(circle,#6c5ce71a 0%,#0000 50%);width:150%;height:150%;animation:4s ease-in-out infinite pulse-glow;position:absolute}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.splash-content-premium{z-index:10;flex-direction:column;align-items:center;gap:64px;width:100%;max-width:400px;display:flex;position:relative}.fox-orbit-premium{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.logo-section-premium{flex-direction:column;align-items:center;width:100%;display:flex}.orbit-ring{border:2px dashed #ffffff1a;border-radius:50%;animation:20s linear infinite rotate;position:absolute;inset:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-fox-premium{width:120px;height:auto;filter:drop-shadow(0 0 30px var(--primary-glow));margin-left:-8px}.splash-title-premium{letter-spacing:-3px;text-align:center;margin-top:24px;font-size:3.5rem;font-weight:900}.loading-section-premium{flex-direction:column;align-items:center;gap:20px;width:80%;display:flex}.premium-progress-container{background:#ffffff0d;border-radius:10px;width:100%;height:6px;position:relative;overflow:hidden}.premium-progress-fill{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius:10px;width:40%;height:100%;animation:2s cubic-bezier(.445,.05,.55,.95) infinite progress-move;position:absolute}@keyframes progress-move{0%{width:20%;left:-40%}50%{width:60%}to{width:20%;left:100%}}.splash-quote-premium{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;opacity:.6;font-size:1rem;font-weight:500}.splash-footer-premium{flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:48px}.splash-footer-premium span{letter-spacing:4px;color:var(--text-dim);font-size:.75rem;font-weight:800}.footer-line{background:var(--primary-color);opacity:.5;border-radius:2px;width:40px;height:2px}