:root{--accent:#a855f7;--accent-glow:#c084fc;--neon:none;--strong-neon:none;--bg:rgba(20,15,35,0.95);--card:rgba(40,30,70,0.6);--text:#e0d0ff;--neon-red:#ff3355;--success-glow:none}.top-nav{position:fixed;top:0;left:0;right:0;height:70px;z-index:900;display:flex;align-items:center;padding:0 2rem;transition:all .4s ease}.top-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:var(--bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,85,247,.3);box-shadow:var(--neon);z-index:-1;pointer-events:none}.top-nav-content{max-width:1400px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.top-nav-left{flex:1;display:flex;justify-content:flex-start;padding-left:20px}.top-nav-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;transition:all .4s ease}.top-nav-logo:hover{transform:translate(-50%,-50%) scale(1.05);filter:drop-shadow(var(--neon))}.logo-image{height:50px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 0 var(--accent-glow))}.top-nav-right{flex:1;display:flex;justify-content:flex-end;gap:1.2rem}.top-nav-actions{align-items:center;flex-shrink:0}.top-nav-actions,.top-nav-socials{display:flex;gap:1rem}.top-nav-social-link{display:flex;align-items:center;justify-content:center;padding:.8rem;color:var(--text);text-decoration:none;font-size:1.4rem;border-radius:16px;transition:all .4s ease;width:48px;height:48px;background:var(--card);border:1px solid rgba(168,85,247,.3);box-shadow:var(--neon)}.top-nav-social-link:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--strong-neon);border-color:var(--accent-glow);background:rgba(168,85,247,.15)}.top-nav-notifications{position:relative;display:flex;align-items:center;padding:.8rem;z-index:10;background:var(--card);border-radius:16px;border:1px solid rgba(168,85,247,.3);box-shadow:var(--neon);transition:all .4s ease}.top-nav-notifications:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--strong-neon)}.notification-button{position:relative;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.notification-icon{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;transition:all .4s ease;filter:drop-shadow(0 0 0 var(--accent-glow))}.notification-button:hover .notification-icon{color:var(--accent-glow)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--neon-red);color:var(--bg);border-radius:50%;padding:.3rem .6rem;font-size:.8rem}.notification-badge,.top-nav-wallet-button{font-family:Orbitron,sans-serif;font-weight:700;box-shadow:var(--strong-neon)}.top-nav-wallet-button{background:linear-gradient(135deg,#9333ea,#d946ef);border:none;border-radius:16px;padding:.8rem 1.2rem;color:var(--text);font-size:1rem;text-transform:uppercase;cursor:pointer;transition:all .4s ease}.top-nav-wallet-button:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--strong-neon)}.top-nav-profile-container{position:relative}.top-nav-profile-link{display:flex;align-items:center;justify-content:center;padding:.8rem;background:var(--card);border-radius:16px;border:1px solid rgba(168,85,247,.3);cursor:pointer;transition:all .4s ease;width:48px;height:48px;box-shadow:var(--neon)}.top-nav-profile-link:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--strong-neon);background:rgba(168,85,247,.15)}.top-nav-profile-icon{font-size:1.4rem;color:var(--text);transition:all .4s ease;filter:drop-shadow(0 0 0 var(--accent-glow))}.top-nav-profile-link:hover .top-nav-profile-icon{color:var(--accent-glow)}.profile-dropdown{position:absolute;top:100%;right:0;background:var(--bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.3);border-radius:20px;padding:1rem;box-shadow:var(--strong-neon);min-width:220px;z-index:950;animation:slideDown .4s ease-in-out}.profile-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;font-family:Orbitron,sans-serif;font-size:1rem;color:var(--text)}.dropdown-label{font-weight:700;color:var(--accent-glow);text-shadow:0 0 6px rgba(168,85,247,.7)}.profile-dropdown-link{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:700;color:var(--text);text-decoration:none;border-radius:16px;transition:all .4s ease;background:var(--card);border:1px solid rgba(168,85,247,.3);box-shadow:var(--neon)}.profile-dropdown-link:hover{transform:translateX(8px);background:rgba(168,85,247,.15);box-shadow:var(--strong-neon)}.notifications-dropdown{position:absolute;top:100%;right:0;background:var(--bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(168,85,247,.3);border-radius:20px;box-shadow:var(--strong-neon);width:320px;max-height:400px;overflow-y:auto;z-index:1000;padding:1rem;animation:slideDown .4s ease-in-out}.notification-item{padding:1rem;border-bottom:1px solid rgba(168,85,247,.2);display:flex;flex-direction:column;font-family:Orbitron,sans-serif;font-size:.9rem;color:var(--text);background:var(--card);border-radius:16px;margin-bottom:.8rem;box-shadow:var(--neon)}.notification-item:last-child{border-bottom:none;margin-bottom:0}.notification-message{color:var(--text);font-weight:700}.notification-timestamp{color:rgba(224,208,255,.7);font-size:.8rem;margin-top:.4rem}.notification-win{background:rgba(34,197,94,.15);border-left:4px solid #22c55e}.notification-info{background:rgba(168,85,247,.15);border-left:4px solid var(--accent)}.notification-warning{background:rgba(255,85,85,.15);border-left:4px solid var(--neon-red)}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.online-indicator{display:flex;align-items:center;gap:.8rem;font-size:1rem;font-weight:700;color:var(--text);background:var(--card);padding:.8rem 1.2rem;border-radius:16px;border:1px solid rgba(168,85,247,.3);box-shadow:var(--neon);transition:all .4s ease}.online-indicator:hover{box-shadow:var(--strong-neon)}.online-dot{width:12px;height:12px;background-color:#22c55e;border-radius:50%;animation:pulse 2s infinite;box-shadow:var(--success-glow)}.online-count{color:#22c55e;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.online-text{color:rgba(224,208,255,.7);font-weight:500}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:768px){.top-nav{height:60px;padding:0 1rem}.top-nav-logo{display:none!important}.top-nav-content{justify-content:space-between!important;padding:0 1rem;gap:.8rem}.top-nav-left{padding-left:0;flex:0}.top-nav-actions,.top-nav-right{gap:.8rem}.online-indicator{padding:.6rem .8rem;font-size:.9rem;gap:.6rem;border-radius:12px}.online-dot{width:10px;height:10px}.online-count{min-width:32px}.top-nav-socials{display:none}.top-nav-notifications{padding:.6rem;border-radius:12px}.notification-icon{width:24px;height:24px}.notification-badge{top:-2px;right:-2px;padding:.2rem .4rem;font-size:.7rem}.top-nav-wallet-button{padding:.6rem 1rem;font-size:.9rem;border-radius:12px}.top-nav-profile-link{width:40px;height:40px;padding:.6rem;border-radius:12px}.top-nav-profile-icon{font-size:1.2rem}.profile-dropdown{min-width:180px;padding:.8rem;border-radius:16px}.notifications-dropdown{width:280px}}@media (max-width:480px){.top-nav{height:55px;padding:0 .8rem}.top-nav-content{padding:0 .8rem;gap:.6rem}.online-indicator{padding:.5rem .6rem;font-size:.85rem;gap:.5rem}.online-dot{width:9px;height:9px}.online-count{min-width:28px}.top-nav-right{gap:.6rem}.top-nav-notifications{padding:.5rem}.notification-icon{width:22px;height:22px}.top-nav-wallet-button{padding:.5rem .8rem;font-size:.85rem}.top-nav-profile-link{width:36px;height:36px;padding:.5rem}}.notification-item.notification-exp{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(34,197,94,.15));border-left:4px solid #22c55e;box-shadow:var(--success-glow)}.notification-item.notification-exp .notification-message{color:#22c55e;font-weight:700}@media (max-width:768px){.top-nav{height:60px;padding:0 1rem}.top-nav-content{justify-content:flex-end;gap:.5rem}.top-nav-left{display:none}.top-nav-actions{gap:.5rem;flex-wrap:nowrap}.top-nav-socials{display:flex!important;gap:.5rem;order:1}.top-nav-wallet-button{order:2}.top-nav-profile-container{order:3}.top-nav-notifications{order:4}.notification-button,.top-nav-profile-link,.top-nav-social-link{width:38px;height:38px;padding:.5rem;flex-shrink:0}.notification-icon,.social-icon{width:24px!important;height:24px!important}.notification-badge{top:-2px;right:-2px;padding:.2rem .5rem;font-size:.7rem}.notifications-dropdown{right:0!important;left:auto!important;width:280px!important;max-width:calc(100vw - 32px)!important;transform:translateX(0)!important;margin-top:4px!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.5)!important}.profile-dropdown{right:-12px!important;min-width:180px!important;max-width:calc(100vw - 32px)!important}.top-nav{height:60px;padding:0 1rem}.top-nav-content{justify-content:flex-end;gap:.6rem}.top-nav-left{display:none}.top-nav-actions{gap:.6rem;flex-wrap:nowrap}.top-nav-socials{display:none!important}.notification-button,.top-nav-profile-link,.top-nav-wallet-button{padding:.5rem;flex-shrink:0}.notification-icon,.top-nav-profile-link img{width:26px;height:26px}.notification-badge{top:-2px;right:-2px;padding:.2rem .5rem;font-size:.75rem}.notifications-dropdown{right:0!important;left:auto!important;width:280px!important;max-width:calc(100vw - 32px)!important;transform:translateX(0)!important;margin-top:4px!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.5)!important}.profile-dropdown{right:-12px!important;min-width:180px!important;max-width:calc(100vw - 32px)!important}.top-nav-wallet-button{padding:.5rem 1rem;font-size:.85rem;min-width:90px}.top-nav-profile-link{width:38px;height:38px;padding:.6rem}}