@media(prefers-color-scheme: dark){:root:not(.light-mode):not(.dark-mode){--background: #1C1C1E !important;--surface: #3A3A3C !important;--surface-elevated: #515154;--surface-secondary: #515154 !important;--surface-tertiary: #6D6D70;--border: #515154;--border-hover: #6D6D70;--text-primary: #FFFFFF;--text-secondary: #D2D2D7;--text-tertiary: #AEAEB2;--border-primary: rgba(255, 255, 255, 0.1);--border-secondary: rgba(255, 255, 255, 0.05);--overlay: rgba(0, 0, 0, 0.5);--accent-alpha: rgba(0, 122, 255, 0.25);--text-primary-rgb: 255, 255, 255;--text-secondary-rgb: 210, 210, 215;--surface-rgb: 58, 58, 60;--border-rgb: 255, 255, 255;--accent-rgb: 0, 122, 255}}body.dark-mode{--background: #1C1C1E !important;--surface: #3A3A3C !important;--surface-elevated: #515154;--surface-secondary: #515154 !important;--surface-tertiary: #6D6D70;--border: #515154;--border-hover: #6D6D70;--text-primary: #FFFFFF;--text-secondary: #D2D2D7;--text-tertiary: #AEAEB2;--border-primary: rgba(255, 255, 255, 0.1);--border-secondary: rgba(255, 255, 255, 0.05);--overlay: rgba(0, 0, 0, 0.5);--accent-alpha: rgba(0, 122, 255, 0.25);--text-primary-rgb: 255, 255, 255;--text-secondary-rgb: 210, 210, 215;--surface-rgb: 58, 58, 60;--border-rgb: 255, 255, 255;--accent-rgb: 0, 122, 255;background:#1c1c1e !important;color:var(--text-primary);transition:background-color .3s ease-out,color .3s ease-out}body.light-mode{--background: #F5F5F7 !important;--surface: #FFFFFF !important;--surface-secondary: #F5F5F7 !important;--surface-tertiary: #E8E8ED;--text-primary: #1C1C1E;--text-secondary: #6D6D70;--text-tertiary: #8E8E93;--border-primary: rgba(0, 0, 0, 0.1);--border-secondary: rgba(0, 0, 0, 0.05);--overlay: rgba(255, 255, 255, 0.9);--text-primary-rgb: 28, 28, 30;--text-secondary-rgb: 109, 109, 112;--surface-rgb: 255, 255, 255;--border-rgb: 0, 0, 0;--accent-rgb: 0, 122, 255;background:#f5f5f7 !important;color:var(--text-primary);transition:background-color .3s ease-out,color .3s ease-out}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(0.95)}}@keyframes cooldownPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(0.98)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,100%{background-position:0% 50%;filter:blur(0.5px) hue-rotate(0deg)}25%{background-position:100% 100%;filter:blur(1px) hue-rotate(15deg)}50%{background-position:100% 50%;filter:blur(0.5px) hue-rotate(30deg)}75%{background-position:0% 100%;filter:blur(1px) hue-rotate(15deg)}}@keyframes floatBehind1{0%,100%{transform:translate3d(0, 0, 0) scale(0.8);opacity:.4}50%{transform:translate3d(5px, -8px, 0) scale(1.1);opacity:.8}}@keyframes floatBehind2{0%,100%{transform:translate3d(0, 0, 0) scale(0.9);opacity:.3}50%{transform:translate3d(-6px, -10px, 0) scale(1.2);opacity:.7}}@keyframes winnerPulse{0%{transform:scale(1)}30%{transform:scale(1.08) rotate(1deg)}60%{transform:scale(1.05) rotate(-0.5deg)}100%{transform:scale(1.02) rotate(0deg)}}@keyframes winnerGlow{0%{box-shadow:0 0 0 4px rgba(52,199,89,.3),0 8px 32px rgba(52,199,89,.2)}50%{box-shadow:0 0 0 12px rgba(52,199,89,.4),0 0 0 24px rgba(255,215,0,.2),0 16px 64px rgba(52,199,89,.3)}100%{box-shadow:0 0 0 6px rgba(52,199,89,.2),0 12px 40px rgba(52,199,89,.15)}}@keyframes winnerFloat{0%,100%{transform:translateY(0) scale(1.02)}50%{transform:translateY(-4px) scale(1.03)}}@keyframes winnerBurst1{0%{transform:translate3d(0, 0, 0) scale(1);opacity:.6}50%{transform:translate3d(15px, -20px, 0) scale(1.5);opacity:1}100%{transform:translate3d(25px, -30px, 0) scale(0.5);opacity:0}}@keyframes winnerBurst2{0%{transform:translate3d(0, 0, 0) scale(1);opacity:.6}50%{transform:translate3d(-12px, -25px, 0) scale(1.3);opacity:1}100%{transform:translate3d(-20px, -35px, 0) scale(0.4);opacity:0}}@keyframes pulse-glow{0%,100%{transform:scale(0.8) rotate(0deg);opacity:.4}33%{transform:scale(1.1) rotate(2deg);opacity:.7}66%{transform:scale(0.9) rotate(-1deg);opacity:.5}}@keyframes selected-glow{0%{transform:scale(0.5);opacity:0}50%{transform:scale(1.3);opacity:.8}100%{transform:scale(1);opacity:1}}@keyframes successAnimation{0%{transform:scale(0.7) rotate(-10deg);opacity:0}20%{transform:scale(1.15) rotate(5deg);opacity:.8}40%{transform:scale(0.95) rotate(-2deg);opacity:1}60%{transform:scale(1.05) rotate(1deg);opacity:1}100%{transform:scale(1) rotate(0deg);opacity:1}}@keyframes successIcon{0%{transform:scale(0) rotate(-360deg);filter:brightness(0.5)}50%{transform:scale(1.2) rotate(-180deg);filter:brightness(1.5)}100%{transform:scale(1) rotate(0deg);filter:brightness(1)}}@keyframes successGlow{0%{transform:scale(0);opacity:0}50%{transform:scale(2);opacity:.6}100%{transform:scale(1.5);opacity:0}}@keyframes sparkleExplosion{0%{opacity:0;transform:scale(0) rotate(0deg);background-size:10px 10px,8px 8px,12px 12px,6px 6px,14px 14px,9px 9px}15%{opacity:1;transform:scale(0.8) rotate(45deg);background-size:20px 20px,15px 15px,25px 25px,12px 12px,30px 30px,18px 18px}40%{opacity:.9;transform:scale(1.2) rotate(90deg);background-size:35px 35px,30px 30px,40px 40px,25px 25px,45px 45px,32px 32px}70%{opacity:.6;transform:scale(1.5) rotate(180deg);background-size:50px 50px,45px 45px,55px 55px,40px 40px,60px 60px,48px 48px}100%{opacity:0;transform:scale(2) rotate(360deg);background-size:80px 80px,75px 75px,85px 85px,70px 70px,90px 90px,78px 78px}}@keyframes gentle-pulse{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes gentle-glow{0%{opacity:.8;filter:brightness(1)}100%{opacity:1;filter:brightness(1.2)}}@keyframes imageAppears{0%{transform:translateY(70px);opacity:0}100%{transform:translateY(0);opacity:1}}.main-content{position:relative}.main-content section{display:none}body.landing-active .landing-section{display:flex}body.voting-active .voting-section{display:block}body.rankings-active .rankings-section{display:block}body.search-active .search-section{display:block}body.leaderboards-active .leaderboards-section{display:block}body.update-profile-active .update-profile-section{display:block}body.voting-history-active .voting-history-section{display:block}body:not(.voting-active):not(.rankings-active):not(.search-active):not(.leaderboards-active):not(.update-profile-active):not(.voting-history-active) .landing-section{display:flex}.landing-section{min-height:calc(100vh - 60px);align-items:center;background:linear-gradient(180deg, var(--background) 0%, var(--surface-secondary) 100%);overflow-x:hidden}.landing-section .landing-container{max-width:1200px;margin:0 auto;padding:4rem 2rem;width:100%}.landing-section .hero-section{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.landing-section .hero-section .hero-badge{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;border-radius:24px;font-size:1rem;color:#007aff;margin-bottom:2rem;border:.5px solid var(--border-secondary);text-decoration:none;transition:all .2s ease}.landing-section .hero-section .hero-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:rgba(0,122,255,.4)}.landing-section .hero-section .hero-badge .badge-icon{font-size:1rem}.landing-section .hero-section .hero-badge .badge-icon.apu-logo{width:28px;height:28px;object-fit:cover}.landing-section .hero-section .hero-title{font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.1;letter-spacing:-0.03em;margin-bottom:2rem;color:var(--text-primary)}.landing-section .hero-section .hero-title .gradient-text{background:linear-gradient(135deg, #007AFF, #5856D6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.landing-section .hero-section .hero-description{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);max-width:600px;margin:0 auto}.voting-section{padding:3rem 0;padding-top:15px}.voting-section .voting-container{max-width:1300px;margin:0 auto;padding:0 2rem}.voting-section .voting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary)}.voting-section .voting-header .collection-info{text-align:center}.voting-section .voting-header .collection-info .current-collection{font-size:1.5rem;letter-spacing:-0.02em;color:var(--text-primary)}.voting-section .voting-header .collection-info .progress-text{color:var(--text-secondary);font-size:.875rem}.voting-section .voting-prompt{text-align:center;margin-bottom:2rem}.voting-section .voting-prompt h3{font-size:1.5rem;letter-spacing:-0.02em;margin-bottom:.5rem;color:var(--text-primary)}.voting-section .voting-prompt p{color:var(--text-secondary);font-size:1rem}.voting-section .nft-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:3rem;align-items:center;margin-top:5vh}.voting-section .nft-comparison .vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.voting-section .nft-comparison .vs-divider img{width:75px;opacity:.7}.voting-section .nft-comparison .vs-divider .skip-button-small{padding:.25rem 1.5rem;background:rgba(var(--text-secondary-rgb), 0.08);border:1px solid rgba(var(--text-secondary-rgb), 0.15);border-radius:12px;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);position:relative;overflow:hidden;min-height:32px;letter-spacing:.01em}.voting-section .nft-comparison .vs-divider .skip-button-small::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(var(--text-secondary-rgb), 0.05) 50%, transparent 100%);opacity:0;transition:opacity .3s ease}.voting-section .nft-comparison .vs-divider .skip-button-small:hover{background:rgba(var(--text-secondary-rgb), 0.12);border-color:rgba(var(--text-secondary-rgb), 0.25);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--text-secondary-rgb), 0.15)}.voting-section .nft-comparison .vs-divider .skip-button-small:hover::before{opacity:1}.voting-section .nft-comparison .vs-divider .skip-button-small:active{transform:translateY(0);box-shadow:0 1px 4px rgba(var(--text-secondary-rgb), 0.1)}.voting-section .nft-comparison .vs-divider .skip-button-small.cooldown-active{background:rgba(var(--error-rgb), 0.1);border-color:rgba(var(--error-rgb), 0.2);color:var(--error);cursor:not-allowed}.voting-section .nft-comparison .vs-divider .skip-button-small.cooldown-active::before{background:linear-gradient(135deg, transparent 0%, rgba(var(--error-rgb), 0.05) 50%, transparent 100%)}.voting-section .nft-comparison .vs-divider .skip-button-small.cooldown-active .cooldown-timer{font-family:"SF Mono","Monaco","Inconsolata","Roboto Mono",monospace;animation:cooldownPulse 2s ease-in-out infinite;display:flex;flex-direction:column;align-items:center;gap:.25rem}.voting-section .nft-comparison .vs-divider .skip-button-small.cooldown-active .cooldown-timer .cooldown-label{font-size:.75rem;opacity:.9}.voting-section .nft-comparison .vs-divider .skip-button-small.cooldown-active .cooldown-timer .cooldown-time{font-size:.875rem;letter-spacing:.05em}.voting-section .nft-comparison .vs-divider .skip-button-small.cooldown-active:hover{background:rgba(var(--error-rgb), 0.1);border-color:rgba(var(--error-rgb), 0.2);color:var(--error);transform:none;box-shadow:none}.voting-section .nft-comparison .vs-divider .skip-button-small:disabled{opacity:.6;cursor:not-allowed;transform:none !important;box-shadow:none !important}.voting-section .nft-comparison .vs-divider .vs-circle{width:60px;height:60px;border-radius:50%;background:var(--surface);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--text-secondary);box-shadow:0 4px 6px rgba(0,0,0,.07)}.voting-section .voting-actions{display:flex;justify-content:center;margin-top:2rem}.voting-section .voting-actions .skip-button{padding:1.5rem 3rem;background:rgba(var(--gray-rgb), 0.05);border:2px solid rgba(var(--gray-rgb), 0.15);border-radius:16px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);display:flex;align-items:center;justify-content:center;gap:.5rem;backdrop-filter:blur(8px);position:relative;overflow:hidden}.voting-section .voting-actions .skip-button::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(var(--gray-rgb), 0.03) 50%, transparent 100%);opacity:0;transition:opacity .3s ease}.voting-section .voting-actions .skip-button:hover{background:rgba(var(--gray-rgb), 0.08);border-color:rgba(var(--gray-rgb), 0.25);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--gray-rgb), 0.15)}.voting-section .voting-actions .skip-button:hover::before{opacity:1}.voting-section .voting-actions .skip-button:hover svg{transform:translateX(2px)}.voting-section .voting-actions .skip-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(var(--gray-rgb), 0.1)}.voting-section .voting-actions .skip-button svg{transition:transform .2s ease;opacity:.8}.voting-section .voting-actions .skip-button span{letter-spacing:.01em}.voting-section.voting-disabled .nft-card{cursor:not-allowed !important;opacity:.7;transform:none !important}.voting-section.voting-disabled .nft-card:hover{transform:none !important;box-shadow:none !important}.voting-section.voting-disabled .skip-button{cursor:not-allowed !important;opacity:.5;transform:none !important}.voting-section.voting-disabled .skip-button:hover{transform:none !important;box-shadow:none !important;background:rgba(var(--gray-rgb), 0.05);border-color:rgba(var(--gray-rgb), 0.15);color:var(--text-secondary)}.voting-section .skip-cooldown-message{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:rgba(var(--error-rgb), 0.9);color:var(--text-on-error);padding:1rem 2rem;border-radius:16px;font-size:.875rem;box-shadow:0 8px 32px rgba(var(--error-rgb), 0.3);backdrop-filter:blur(12px);border:1px solid rgba(var(--error-rgb), 0.4);z-index:1000;opacity:0;transition:all .4s cubic-bezier(0.34, 1.56, 0.64, 1);max-width:90vw;text-align:center}.voting-section .skip-cooldown-message.show{opacity:1;transform:translateX(-50%) translateY(0)}.voting-section .skip-cooldown-message::before{content:"⚠️";margin-right:.5rem;font-size:1.125rem}.rankings-section{padding:3rem 0;min-height:calc(100vh - 60px);background:var(--background)}.rankings-section .rankings-container{max-width:800px;margin:0 auto;padding:0 2rem}.rankings-section .rankings-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;justify-content:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary)}.rankings-section .rankings-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-align:center}.rankings-section .rankings-header .rankings-info h2{font-size:1.5rem;letter-spacing:-0.02em;margin-bottom:.25rem;color:var(--text-primary)}.rankings-section .rankings-header .rankings-info .rankings-subtitle{color:var(--text-secondary);font-size:.875rem}.loading-state,.success-state{text-align:center;padding:4rem;padding-top:0}.loading-state .loading-spinner,.success-state .loading-spinner{width:48px;height:48px;border:4px solid rgba(var(--accent-rgb), 0.1);border-top:4px solid rgba(var(--accent-rgb), 0.8);border-right:4px solid rgba(var(--accent-rgb), 0.6);border-radius:50%;animation:spin 1.2s linear infinite;margin:0 auto 1.5rem;position:relative}.loading-state .loading-spinner::before,.success-state .loading-spinner::before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle at center, rgba(var(--accent-rgb), 0.1) 0%, transparent 70%);animation:pulse 2s ease-in-out infinite}@media(prefers-color-scheme: dark){.loading-state .loading-spinner,.success-state .loading-spinner{border:4px solid rgba(var(--accent-rgb), 0.15);border-top:4px solid rgba(var(--accent-rgb), 1);border-right:4px solid rgba(var(--accent-rgb), 0.8)}.loading-state .loading-spinner::before,.success-state .loading-spinner::before{background:radial-gradient(circle at center, rgba(var(--accent-rgb), 0.2) 0%, transparent 70%)}}[data-theme=dark] .loading-state .loading-spinner,[data-theme=dark] .success-state .loading-spinner{border:4px solid rgba(var(--accent-rgb), 0.15);border-top:4px solid rgba(var(--accent-rgb), 1);border-right:4px solid rgba(var(--accent-rgb), 0.8)}[data-theme=dark] .loading-state .loading-spinner::before,[data-theme=dark] .success-state .loading-spinner::before{background:radial-gradient(circle at center, rgba(var(--accent-rgb), 0.2) 0%, transparent 70%)}.success-state{position:relative;z-index:0}.success-state.hidden{display:none}.success-state .success-animation{animation:successAnimation .8s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-state .success-animation::before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 25% 25%, rgba(52, 199, 89, 0.4) 2px, transparent 2px),radial-gradient(circle at 75% 15%, rgba(255, 215, 0, 0.6) 1px, transparent 1px),radial-gradient(circle at 15% 75%, rgba(0, 122, 255, 0.3) 1.5px, transparent 1.5px),radial-gradient(circle at 85% 85%, rgba(255, 255, 255, 0.7) 1px, transparent 1px);background-size:30px 30px,35px 35px,40px 40px,25px 25px;opacity:0;z-index:-1;animation:successSparkles 2s ease-out .4s;pointer-events:none}.success-state .success-circle{animation:successIcon .6s cubic-bezier(0.175, 0.885, 0.32, 1.275) .2s both;position:relative;transform:scale(0)}.success-state .success-circle::before{content:"";position:absolute;inset:-12px;background:radial-gradient(circle, rgba(52, 199, 89, 0.2) 0%, transparent 70%);border-radius:50%;animation:successGlow 1.8s ease-out .6s;z-index:-1}.success-state .success-content{text-align:center;animation:fadeInUp .6s ease-out .4s both;opacity:0}.success-state .success-content h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-0.02em}.success-state .success-content p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.5rem 0}.success-state .success-winner{animation:fadeInUp .6s ease-out .6s both;opacity:0}.success-state .success-winner .winner-label{font-size:.875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.success-state .success-winner .winner-nft{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background:var(--surface-secondary);border-radius:20px;border:1px solid var(--border-primary);position:relative;padding-bottom:10px;overflow:hidden}.success-state .success-winner .winner-nft .winner-image{width:300px;height:300px;border-radius:20px;object-fit:cover;border:3px solid rgba(52,199,89,.4);box-shadow:0 12px 48px rgba(52,199,89,.3),0 0 0 1px rgba(52,199,89,.2),0 4px 16px rgba(0,0,0,.1);position:relative;animation:fadeInUp .4s ease-out .8s both}.success-state .success-winner .winner-nft .winner-details{text-align:center;position:relative;z-index:1}.success-state .success-winner .winner-nft .winner-details .winner-title{font-size:1.125rem;color:var(--text-primary);margin:0 0 .25rem 0}.success-state .success-winner .winner-nft .winner-details .winner-id{font-size:.875rem;color:var(--text-secondary);margin:0}.success-state .success-winner .winner-nft .winner-details .winner-record{font-size:.875rem;color:var(--text-primary);margin:.25rem 0 0 0;padding:.25rem .5rem;background:rgba(52,199,89,.1);border:1px solid rgba(52,199,89,.2);border-radius:12px;display:inline-block;animation:fadeInUp .4s ease-out 1s both;letter-spacing:.3px}@media(max-width: 768px){.landing-section .landing-container{padding:2rem 1.5rem}.landing-section .hero-section{margin-bottom:3rem;padding:.5rem 0}.landing-section .hero-section .hero-title{font-size:2.25rem;line-height:1.2}.landing-section .hero-section .hero-description{font-size:1rem}.voting-section .voting-container{padding:0 1.5rem}.voting-section .voting-header{flex-direction:column;gap:1.5rem;text-align:center}.voting-section .nft-comparison{grid-template-columns:1fr;gap:2rem}.voting-section .nft-comparison .vs-circle{order:-1;margin:0 auto}.rankings-section .rankings-container{padding:0 1.5rem}.rankings-section .rankings-header{flex-direction:column;gap:1.5rem;text-align:center}}@media(min-width: 769px){.success-state .success-winner .winner-nft{max-width:800px;margin:0 auto;width:100%}.success-state .success-winner .winner-nft .winner-image{width:100%;max-width:450px;height:auto;aspect-ratio:1;margin:0 auto}}.navbar{position:relative;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(24px) saturate(180%);background:#f5f5f7;border:.5px solid rgba(0,0,0,.05);background:var(--background);border:.5px solid var(--border-secondary);border-bottom:.5px solid rgba(0,0,0,.04);transition:all .3s ease-out}.navbar .nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.navbar .nav-logo{cursor:pointer;transition:all .15s ease-out;display:flex}.navbar .nav-logo:hover{transform:translateY(-1px)}.navbar .nav-logo .logo-svg{height:28px;width:auto;margin-right:5px;transition:all .15s ease-out}.navbar .nav-logo .logo-svg:hover{transform:scale(1.05)}.navbar .nav-logo h1{font-size:1.25rem;letter-spacing:-0.02em;color:var(--text-primary);transition:color .15s ease-out}.navbar .nav-controls{display:flex;align-items:center;gap:1.5rem}.navbar .nav-link{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:none;background:rgba(0,0,0,0);color:var(--text-secondary);font-size:.875rem;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .15s ease-out}.navbar .nav-link:hover{background:rgba(0,122,255,.08);color:#007aff;transform:translateY(-1px)}.navbar .nav-link svg{transition:transform .15s ease-out}.navbar .nav-link .nav-icon{width:16px;height:16px;margin-right:3px;transition:transform .15s ease-out}.navbar .nav-link:hover svg{transform:translateX(1px)}.navbar .nav-link:hover .nav-icon{transform:translateX(1px)}.navbar .theme-toggle-removed{position:relative;width:54px;height:28px;border:none;background:rgba(0,0,0,0);cursor:pointer;border-radius:16px;transition:all .3s ease-out;outline:none}.navbar .theme-toggle-removed:focus-visible{outline:2px solid var(--accent-rgb);outline-offset:2px}.navbar .theme-toggle-removed .theme-toggle-track{width:100%;height:100%;background:#e8e8ed;border-radius:16px;position:relative;transition:all .3s ease-out;border:1px solid rgba(0,0,0,.06)}@media(prefers-color-scheme: dark){body.dark-mode .navbar .theme-toggle-removed .theme-toggle-track,:root:not(.light-mode):not(.dark-mode) .navbar .theme-toggle-removed .theme-toggle-track{background:#515154;border-color:hsla(0,0%,100%,.1)}}body.dark-mode .navbar .theme-toggle-removed .theme-toggle-track{background:#515154;border-color:hsla(0,0%,100%,.1)}.navbar .theme-toggle-removed .theme-toggle-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease-out;box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 0 1px rgba(0,0,0,.05);will-change:transform}@media(prefers-color-scheme: dark){body.dark-mode .navbar .theme-toggle-removed .theme-toggle-thumb,:root:not(.light-mode):not(.dark-mode) .navbar .theme-toggle-removed .theme-toggle-thumb{background:#3a3a3c;transform:translateX(26px);box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1)}}body.dark-mode .navbar .theme-toggle-removed .theme-toggle-thumb{background:#3a3a3c;transform:translateX(26px);box-shadow:0 2px 4px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1)}.navbar .theme-toggle-removed .sun-icon,.navbar .theme-toggle-removed .moon-icon{position:absolute;transition:all .15s ease-out;color:#ff9500}@media(prefers-color-scheme: dark){body.dark-mode .navbar .theme-toggle-removed .sun-icon,:root:not(.light-mode):not(.dark-mode) .navbar .theme-toggle-removed .sun-icon,body.dark-mode .navbar .theme-toggle-removed .moon-icon,:root:not(.light-mode):not(.dark-mode) .navbar .theme-toggle-removed .moon-icon{color:#5856d6}}body.dark-mode .navbar .theme-toggle-removed .sun-icon,body.dark-mode .navbar .theme-toggle-removed .moon-icon{color:#5856d6}.navbar .theme-toggle-removed .sun-icon{opacity:1;transform:scale(1) rotate(0deg)}@media(prefers-color-scheme: dark){body.dark-mode .navbar .theme-toggle-removed .sun-icon,:root:not(.light-mode):not(.dark-mode) .navbar .theme-toggle-removed .sun-icon{opacity:0;transform:scale(0) rotate(180deg)}}body.dark-mode .navbar .theme-toggle-removed .sun-icon{opacity:0;transform:scale(0) rotate(180deg)}.navbar .theme-toggle-removed .moon-icon{opacity:0;transform:scale(0) rotate(-180deg)}@media(prefers-color-scheme: dark){body.dark-mode .navbar .theme-toggle-removed .moon-icon,:root:not(.light-mode):not(.dark-mode) .navbar .theme-toggle-removed .moon-icon{opacity:1;transform:scale(1) rotate(0deg)}}body.dark-mode .navbar .theme-toggle-removed .moon-icon{opacity:1;transform:scale(1) rotate(0deg)}.navbar .theme-toggle-removed:hover .theme-toggle-thumb{transform:scale(1.05)}body.dark-mode .navbar .theme-toggle-removed:hover .theme-toggle-thumb{transform:translateX(26px) scale(1.05)}.navbar .nav-status{display:flex;align-items:center;gap:.5rem}.navbar .nav-status .status-indicator{width:6px;height:6px;border-radius:50%;background:#34c759;animation:pulse 2s ease-in-out infinite}.navbar .nav-status .status-indicator.online{background:#34c759}.navbar .nav-status .status-text{font-size:.875rem;color:var(--text-secondary)}.back-button,.rankings-button{padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;cursor:pointer;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;will-change:transform,box-shadow;background:#e8e8ed;color:#6d6d70;border:1px solid #d2d2d7;padding:1rem 1.5rem}.back-button:hover:not(:disabled),.rankings-button:hover:not(:disabled){background:#d2d2d7;transform:translateY(-1px)}.back-button:disabled,.rankings-button:disabled{cursor:not-allowed;opacity:.5;transform:none !important}.back-button:hover,.rankings-button:hover{background:#e8e8ed;transform:translateY(-1px)}.continue-voting-button{padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;cursor:pointer;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;will-change:transform,box-shadow;background:linear-gradient(135deg, #007AFF 0%, #5856D6 100%);color:#fff;box-shadow:0 4px 20px rgba(0,122,255,.3);border:1px solid hsla(0,0%,100%,.1)}.continue-voting-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,122,255,.4)}.continue-voting-button:active:not(:disabled){transform:translateY(0);transition-duration:.1s}.continue-voting-button:disabled{cursor:not-allowed;opacity:.5;transform:none !important}.continue-voting-button:hover{background:#0051d8;transform:translateY(-1px)}.desktop-nav{display:flex;align-items:center;gap:1.5rem}.mobile-nav{display:none;align-items:center;gap:1rem}.mobile-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:rgba(0,0,0,0);cursor:pointer;border-radius:8px;transition:all .15s ease-out;outline:none}.mobile-menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mobile-menu-button:hover{background:rgba(0,122,255,.08);transform:translateY(-1px)}.mobile-menu-button:active{transform:translateY(0)}.mobile-menu-button.active .hamburger-icon .hamburger-line:nth-child(1),.mobile-menu-button.menu-expanded .hamburger-icon .hamburger-line:nth-child(1){transform:rotate(45deg) translate(3px, 4px);background:var(--text-primary)}.mobile-menu-button.active .hamburger-icon .hamburger-line:nth-child(2),.mobile-menu-button.menu-expanded .hamburger-icon .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-button.active .hamburger-icon .hamburger-line:nth-child(3),.mobile-menu-button.menu-expanded .hamburger-icon .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(3px, -4px);background:var(--text-primary)}.mobile-menu-button.menu-expanded{position:relative;right:-15px}.hamburger-icon{display:flex;flex-direction:column;justify-content:center;width:20px;height:16px;position:relative;gap:2px}.hamburger-line{width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s cubic-bezier(0.25, 0.1, 0.25, 1);transform-origin:center}.mobile-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(0.25, 0.1, 0.25, 1);z-index:95;max-height:calc(100vh - 80px);overflow-y:auto}.mobile-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}@media(prefers-color-scheme: dark){body.dark-mode .mobile-dropdown,:root:not(.light-mode):not(.dark-mode) .mobile-dropdown{background:rgba(44,44,46,.95);border-color:hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}}body.dark-mode .mobile-dropdown{background:rgba(44,44,46,.95);border-color:hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.mobile-dropdown-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-menu-header h3{font-size:1.125rem;color:var(--text-primary);margin:0;text-align:center;letter-spacing:-0.02em}.mobile-menu-items{display:flex;flex-direction:column;gap:.25rem}.mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:none;background:rgba(0,0,0,0);color:var(--text-primary);text-decoration:none;border-radius:12px;cursor:pointer;transition:all .15s ease-out;position:relative;overflow:hidden}.mobile-menu-item:hover{background:rgba(0,122,255,.08);transform:translateX(4px)}.mobile-menu-item:active{transform:translateX(2px);background:rgba(0,122,255,.12)}.mobile-menu-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 122, 255, 0.1), transparent);transition:left .5s ease;z-index:1}.mobile-menu-item:hover::before{left:100%}.mobile-menu-item>*{position:relative;z-index:2}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);border-radius:10px;flex-shrink:0}.menu-item-icon svg{color:#007aff;transition:transform .15s ease-out}.menu-item-icon .nav-icon{width:20px;height:20px}.mobile-menu-item:hover .menu-item-icon{background:rgba(0,122,255,.15);border-color:rgba(0,122,255,.3);transform:scale(1.05)}.mobile-menu-item:hover .menu-item-icon svg{transform:scale(1.1)}.menu-item-content{display:flex;flex-direction:column;gap:.25rem;text-align:left;flex:1}.menu-item-title{color:var(--text-primary);line-height:1.2}.menu-item-description{font-size:.875rem;color:var(--text-secondary);line-height:1.3}.mobile-menu-footer{border-top:1px solid var(--border);padding-top:8px}.collection-info{text-align:center}.collection-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:20px;font-size:.875rem;color:var(--text-secondary)}.collection-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(0.25, 0.1, 0.25, 1);z-index:85;pointer-events:none}.mobile-menu-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media(max-width: 768px){.navbar .desktop-nav{display:none !important}.navbar .mobile-nav{display:flex !important}.navbar .nav-container{padding:0 1rem}.navbar .nav-logo .logo-svg{height:24px}.navbar .nav-logo h1{font-size:1.125rem}.mobile-dropdown{border-radius:0 0 12px 12px}.mobile-dropdown-content{padding:1rem;gap:1rem}.mobile-menu-item{padding:.5rem 1rem}.mobile-menu-item .menu-item-icon{width:36px;height:36px}.mobile-menu-item .menu-item-icon .nav-icon{width:18px;height:18px}.mobile-menu-item .menu-item-title{font-size:.875rem}.mobile-menu-item .menu-item-description{font-size:.75rem}}@media(max-width: 480px){.navbar .nav-container{padding:0 .5rem}.mobile-dropdown-content{padding:.5rem}.collection-badge{font-size:.75rem;padding:.25rem .5rem}.collection-badge .collection-avatar{width:16px;height:16px}}.auth-controls{display:flex;align-items:center;gap:.75rem;position:relative}.login-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.login-button .login-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.login-button:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(var(--accent-primary-rgb), 0.3)}.login-button:active{transform:translateY(0)}.user-profile{position:relative}.user-profile.hidden{display:none}.profile-button{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:.875rem}.profile-button .profile-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center}.profile-button .profile-avatar svg{width:14px;height:14px;stroke:#fff;stroke-width:2;fill:none}.profile-button .profile-email{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-button:hover{background:var(--surface-hover);border-color:var(--border-hover)}.profile-dropdown{position:absolute;top:calc(100% + .75rem);right:0;width:320px;background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(-12px);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1);z-index:1000;backdrop-filter:blur(20px)}.profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.profile-dropdown::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.02) 0%, transparent 50%);border-radius:inherit;pointer-events:none}.profile-dropdown-content{padding:1.5rem}.profile-dropdown-content .profile-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-primary)}.profile-dropdown-content .profile-header .profile-info{display:flex;flex-direction:column;gap:.5rem}.profile-dropdown-content .profile-header .profile-name{font-weight:600;font-size:1.125rem;color:var(--text-primary)}.profile-dropdown-content .profile-header .profile-email-container{position:relative}.profile-dropdown-content .profile-header .profile-email-container .profile-email-small{font-size:.875rem;color:var(--text-secondary);font-weight:500;display:inline !important}.profile-dropdown-content .profile-header .profile-email-container .profile-email-hidden-text{font-size:.75rem;color:var(--text-tertiary);font-style:italic;margin-left:.5rem}.profile-dropdown-content .profile-stats{display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:12px;position:relative;overflow:hidden}.profile-dropdown-content .profile-stats::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.03) 0%, transparent 50%);pointer-events:none}.profile-dropdown-content .profile-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;position:relative;z-index:1}.profile-dropdown-content .profile-stats .stat-item .stat-number{font-weight:700;color:var(--accent);font-size:1.25rem;letter-spacing:-0.02em}.profile-dropdown-content .profile-stats .stat-item .stat-label{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.profile-dropdown-content .profile-stats .stat-item:not(:last-child)::after{content:"";position:absolute;right:-0.5rem;top:50%;transform:translateY(-50%);width:1px;height:24px;background:var(--border-primary)}.profile-dropdown-content .profile-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.profile-dropdown-content .profile-actions .profile-action{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(0,0,0,0);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);text-align:left;font-size:.875rem}.profile-dropdown-content .profile-actions .profile-action svg{width:16px;height:16px;stroke:var(--text-secondary);stroke-width:2;fill:none}.profile-dropdown-content .profile-actions .profile-action:hover{background:var(--surface-hover)}.profile-dropdown-content .profile-actions .profile-action:hover svg{stroke:var(--accent-primary)}.profile-dropdown-content .profile-separator{height:1px;background:var(--border-primary);margin:.75rem 0}.profile-dropdown-content .update-profile-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--text-primary);font-size:.875rem;font-weight:500;width:100%;margin-bottom:.75rem;position:relative;overflow:hidden}.profile-dropdown-content .update-profile-button::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.05) 0%, transparent 50%);opacity:0;transition:opacity .3s ease}.profile-dropdown-content .update-profile-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;position:relative;z-index:1}.profile-dropdown-content .update-profile-button:hover{background:var(--surface-tertiary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-dropdown-content .update-profile-button:hover::before{opacity:1}.profile-dropdown-content .update-profile-button:active{transform:translateY(0)}.profile-dropdown-content .voting-history-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--text-primary);font-size:.875rem;font-weight:500;width:100%;margin-bottom:.75rem;position:relative;overflow:hidden}.profile-dropdown-content .voting-history-button::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.05) 0%, transparent 50%);opacity:0;transition:opacity .3s ease}.profile-dropdown-content .voting-history-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;position:relative;z-index:1}.profile-dropdown-content .voting-history-button:hover{background:var(--surface-tertiary);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.profile-dropdown-content .voting-history-button:hover::before{opacity:1}.profile-dropdown-content .voting-history-button:active{transform:translateY(0)}.profile-dropdown-content .logout-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:rgba(var(--danger-rgb), 0.05);border:1px solid rgba(var(--danger-rgb), 0.15);border-radius:10px;cursor:pointer;transition:all .3s ease;color:var(--danger);font-size:.875rem;font-weight:500;width:100%;position:relative;overflow:hidden}.profile-dropdown-content .logout-button::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--danger-rgb), 0.03) 0%, transparent 50%);opacity:0;transition:opacity .3s ease}.profile-dropdown-content .logout-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;position:relative;z-index:1}.profile-dropdown-content .logout-button:hover{background:rgba(var(--danger-rgb), 0.08);border-color:rgba(var(--danger-rgb), 0.25);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--danger-rgb), 0.15)}.profile-dropdown-content .logout-button:hover::before{opacity:1}.profile-dropdown-content .logout-button:active{transform:translateY(0)}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:all .3s ease}.login-modal-overlay.show{opacity:1;visibility:visible}.login-modal-overlay.show .login-modal{transform:scale(1) translateY(0)}.login-modal{width:100%;max-width:560px;margin:1rem;background:var(--surface);border:1px solid rgba(var(--accent-primary-rgb), 0.12);border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.2),0 0 0 1px rgba(var(--accent-primary-rgb), 0.08),inset 0 1px 0 hsla(0,0%,100%,.1);transform:scale(0.9) translateY(20px);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1);overflow:hidden;backdrop-filter:blur(40px);position:relative}.login-modal::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.02) 0%, rgba(var(--accent-secondary-rgb), 0.02) 100%);border-radius:inherit;pointer-events:none}.login-modal-content{position:relative}.login-modal-header{padding:2rem 2rem 1.5rem;text-align:center;position:relative;z-index:1}.login-modal-header .login-modal-close{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;background:rgba(var(--text-secondary-rgb), 0.08);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-secondary);backdrop-filter:blur(10px)}.login-modal-header .login-modal-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2}.login-modal-header .login-modal-close:hover{background:rgba(var(--text-secondary-rgb), 0.12);color:var(--text-primary);transform:rotate(90deg) scale(1.05)}.login-modal-branding{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.login-logo .logo-image{width:48px;height:48px;filter:drop-shadow(0 4px 12px rgba(var(--accent-primary-rgb), 0.15));animation:logoFloat 3s ease-in-out infinite}.login-modal-title h2{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.875rem;letter-spacing:-0.03em;line-height:1.2}.login-modal-title p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.6;max-width:420px;margin:0 auto;font-weight:400}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}.login-form{padding:0 2rem 2.5rem;position:relative;z-index:1}.login-form-content .login-benefits{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;padding:1.5rem;background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.04) 0%, rgba(var(--accent-secondary-rgb), 0.04) 100%);border:1px solid rgba(var(--accent-primary-rgb), 0.12);border-radius:20px;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.login-form-content .login-benefits::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%, rgba(var(--accent-primary-rgb), 0.03) 0%, transparent 60%),radial-gradient(circle at 75% 75%, rgba(var(--accent-secondary-rgb), 0.03) 0%, transparent 60%);pointer-events:none}.login-form-content .login-benefits .benefit-item{display:flex;align-items:center;gap:1.25rem;font-size:.9375rem;color:var(--text-primary);font-weight:500;position:relative;padding:.75rem 0;transition:all .2s ease;border-radius:12px;padding-left:.5rem;margin-left:-0.5rem;margin-right:-0.5rem}.login-form-content .login-benefits .benefit-item:hover{background:rgba(var(--accent-primary-rgb), 0.04);transform:translateY(-1px)}.login-form-content .login-benefits .benefit-item .benefit-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(var(--accent-primary-rgb), 0.3),0 2px 4px rgba(var(--accent-primary-rgb), 0.2),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .2s ease}.login-form-content .login-benefits .benefit-item .benefit-icon svg{width:22px;height:22px;stroke:#fff;stroke-width:2.5;fill:none}.login-form-content .login-benefits .benefit-item span{line-height:1.5;font-weight:500}.login-form-content .login-benefits .benefit-item:hover .benefit-icon{transform:scale(1.05);box-shadow:0 8px 20px rgba(var(--accent-primary-rgb), 0.4),0 3px 6px rgba(var(--accent-primary-rgb), 0.25),inset 0 1px 0 hsla(0,0%,100%,.3)}.login-form-content .email-input-container{margin-bottom:2rem}.login-form-content .email-input-container .input-group{position:relative;margin-bottom:1.5rem}.login-form-content .email-input-container .input-group .input-label{display:block;font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-0.01em}.login-form-content .email-input-container .input-group .email-input{width:100%;padding:1rem 1.25rem;padding-right:3.5rem;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-primary);font-size:1rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.login-form-content .email-input-container .input-group .email-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(var(--accent-primary-rgb), 0.1),0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.login-form-content .email-input-container .input-group .email-input::placeholder{color:var(--text-secondary);font-weight:400}.login-form-content .email-input-container .input-group .input-icon{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);margin-top:1.1875rem}.login-form-content .email-input-container .input-group .input-icon svg{width:18px;height:18px;stroke:var(--text-secondary);stroke-width:2;fill:none}.login-form-content .email-input-container .magic-link-button{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);color:#fff;border:none;border-radius:16px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 6px 20px rgba(var(--accent-primary-rgb), 0.3),0 2px 4px rgba(var(--accent-primary-rgb), 0.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.login-form-content .email-input-container .magic-link-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.login-form-content .email-input-container .magic-link-button:hover::before{left:100%}.login-form-content .email-input-container .magic-link-button .button-content{display:flex;align-items:center;justify-content:center;gap:.625rem;transition:all .3s ease;position:relative;z-index:1}.login-form-content .email-input-container .magic-link-button .button-content .magic-icon{width:20px;height:20px;stroke:currentColor;stroke-width:2.5;fill:none}.login-form-content .email-input-container .magic-link-button .button-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:.625rem;background:inherit;z-index:2}.login-form-content .email-input-container .magic-link-button .button-loader .spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,0);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.login-form-content .email-input-container .magic-link-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(var(--accent-primary-rgb), 0.4),0 4px 8px rgba(var(--accent-primary-rgb), 0.25),inset 0 1px 0 hsla(0,0%,100%,.3)}.login-form-content .email-input-container .magic-link-button:active{transform:translateY(-1px)}.login-form-content .email-input-container .magic-link-button:disabled{cursor:not-allowed;transform:none;box-shadow:0 6px 20px rgba(var(--accent-primary-rgb), 0.2),0 2px 4px rgba(var(--accent-primary-rgb), 0.1);opacity:.8}.login-form-content .email-input-container .magic-link-button.loading .button-content{opacity:0}.login-form-content .email-input-container .magic-link-button.loading .button-loader{opacity:1}.login-form-content .login-footer{text-align:center}.login-form-content .login-footer .privacy-note{display:flex;align-items:center;justify-content:center;gap:.625rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.5;padding:1rem;background:rgba(var(--accent-primary-rgb), 0.02);border-radius:12px;border:1px solid rgba(var(--accent-primary-rgb), 0.06)}.login-form-content .login-footer .privacy-note svg{width:16px;height:16px;stroke:var(--success);stroke-width:2;fill:none;flex-shrink:0}.login-form-content .login-footer .privacy-note span{font-weight:500}.login-success{padding:2rem;text-align:center}.login-success.hidden{display:none}.login-success .success-animation .success-icon{width:64px;height:64px;background:linear-gradient(135deg, var(--success) 0%, #10b981 100%);border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;animation:successBounce .6s ease}.login-success .success-animation .success-icon svg{width:28px;height:28px;stroke:#fff;stroke-width:3;fill:none}.login-success .success-animation h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.login-success .success-animation p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.login-success .success-animation p.success-instruction{font-weight:500;color:var(--text-primary)}.login-success .success-animation #sent-email{font-weight:600;color:var(--accent-primary)}.login-success .success-animation .success-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.login-success .success-animation .success-actions .resend-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:.875rem;font-weight:500}.login-success .success-animation .success-actions .resend-button svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none}.login-success .success-animation .success-actions .resend-button:hover{background:var(--surface-hover);border-color:var(--accent-primary)}.login-success .success-animation .success-actions .close-success-button{padding:.75rem 1.5rem;background:rgba(0,0,0,0);border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);font-size:.875rem;transition:all .2s ease}.login-success .success-animation .success-actions .close-success-button:hover{background:var(--surface-hover);color:var(--text-primary)}.login-toast{position:fixed;top:1rem;right:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:1rem;z-index:10001;transform:translateX(100%);transition:all .3s ease}.login-toast.show{transform:translateX(0)}.login-toast.hidden{display:none}.login-toast .toast-content{display:flex;align-items:center;gap:.75rem}.login-toast .toast-content .toast-icon{width:24px;height:24px;stroke:var(--success);stroke-width:2;fill:none;flex-shrink:0}.login-toast .toast-content .toast-message{display:flex;flex-direction:column;gap:.25rem}.login-toast .toast-content .toast-message .toast-title{font-weight:600;color:var(--text-primary);font-size:.875rem}.login-toast .toast-content .toast-message .toast-subtitle{color:var(--text-secondary);font-size:.75rem}.mobile-login-item,.mobile-logout-item{background:rgba(0,0,0,0);border:none;width:100%;text-align:left}.mobile-user-profile.hidden{display:none}.mobile-profile-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:1rem}.mobile-profile-stats{display:flex;gap:1rem;margin:1rem 0;padding:.75rem;background:var(--background-secondary);border-radius:8px}.mobile-profile-stats .mobile-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.mobile-profile-stats .mobile-stat-item .mobile-stat-number{font-weight:700;color:var(--accent-primary);font-size:1rem}.mobile-profile-stats .mobile-stat-item .mobile-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:500;letter-spacing:.05em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes successBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width: 768px){.auth-controls{gap:.5rem}.login-button{padding:.5rem .75rem;font-size:.8125rem}.login-button span{display:none}.profile-button{padding:.5rem}.profile-button .profile-email{display:none}.profile-dropdown{width:260px;right:-0.5rem}.login-modal{margin:.75rem;border-radius:20px;max-width:none}.login-modal-header{padding:1.5rem 1.5rem 1rem}.login-modal-header .login-modal-close{top:1rem;right:1rem;width:36px;height:36px}.login-logo .logo-image{width:40px;height:40px}.login-modal-branding{gap:1.25rem}.login-modal-title h2{font-size:1.5rem}.login-modal-title p{font-size:1rem}.login-form{padding:0 1.5rem 2rem}.login-form .login-benefits{padding:1.25rem;margin-bottom:2rem}.login-form .login-benefits .benefit-item{gap:1rem;font-size:.875rem}.login-form .login-benefits .benefit-item .benefit-icon{width:40px;height:40px}.login-form .login-benefits .benefit-item .benefit-icon svg{width:20px;height:20px}.login-form .email-input-container .input-group .email-input{padding:.875rem 1rem;padding-right:3rem;font-size:.9375rem}.login-form .email-input-container .input-group .input-icon{right:1rem;margin-top:1.0625rem}.login-form .email-input-container .magic-link-button{padding:1rem 1.5rem;font-size:1rem}.login-form .login-footer .privacy-note{flex-direction:column;gap:.5rem;padding:.875rem;font-size:.75rem;text-align:center}.login-success{padding:1.5rem}.login-toast{top:.5rem;right:.5rem;left:.5rem;transform:translateY(-100%)}.login-toast.show{transform:translateY(0)}}.dark-mode .profile-dropdown,.dark-mode .login-modal{box-shadow:0 20px 60px rgba(0,0,0,.6)}.dark-mode .login-modal-overlay{background:rgba(0,0,0,.8)}.collections-section{max-width:1200px;margin:0 auto}.collections-section .section-header{text-align:center;margin-bottom:3rem}.collections-section .section-header .section-title{font-size:1.875rem;letter-spacing:-0.02em;margin-bottom:.5rem;color:var(--text-primary)}.collections-section .section-header .section-subtitle{font-size:1rem;color:var(--text-secondary)}.collections-section .collections-container{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:center;align-items:center;gap:2rem;max-width:1200px;margin:0 auto}@media(max-width: 1024px){.collections-section .collections-container{grid-template-columns:repeat(2, 1fr);max-width:800px}}@media(max-width: 768px){.collections-section .collections-container{grid-template-columns:1fr;max-width:400px}}.collection-card{position:relative;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);cursor:pointer;text-decoration:none}.collection-card.featured{background:var(--surface);border:1px solid var(--border-primary);box-shadow:0 10px 15px rgba(0,0,0,.1)}.collection-card.upcoming{background:var(--surface-secondary);border:1px solid var(--border-primary);box-shadow:0 4px 6px rgba(0,0,0,.07);opacity:.7}.collection-card.enabled:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px rgba(0,0,0,.15)}.collection-card.disabled{cursor:not-allowed;filter:grayscale(0.3)}.collection-card.disabled img{filter:grayscale(1)}.collection-card.placeholder{background:var(--surface);border:1px solid var(--border-primary);box-shadow:0 10px 15px rgba(0,0,0,.1);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collection-card.placeholder:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px rgba(0,0,0,.15)}.collection-card.placeholder .question-mark-icon{color:rgba(0,122,255,.6);transition:all .3s ease}.collection-card.placeholder .question-mark-icon:hover{color:#007aff;transform:scale(1.05)}.collection-card .collection-background{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg, rgba(0, 122, 255, 0.1) 0%, rgba(88, 86, 214, 0.05) 100%);opacity:.6}.collection-card .collection-content{position:relative;padding:2rem;z-index:1}.collection-card .collection-header{position:relative;display:flex;justify-content:center;align-items:flex-start;margin-bottom:1.5rem}.collection-card .collection-header .status-badge{position:absolute;top:0;left:0;z-index:2}.collection-card .collection-header img{width:fit-content;height:fit-content;display:flex;justify-content:center;margin:auto;animation:imageAppears .7s ease-out forwards}.collection-card .collection-header .collection-icon{position:relative;display:flex;align-items:center;justify-content:center}.collection-card .collection-header .collection-icon .apu-icon,.collection-card .collection-header .collection-icon .collection-img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15));transform:scale(1) rotate(0deg);transition:all .4s cubic-bezier(0.34, 1.56, 0.64, 1);will-change:transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.collection-card .collection-header .collection-icon::after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at center, rgba(0, 122, 255, 0.15) 0%, transparent 70%);opacity:0;transform:scale(0.8);transition:all .3s ease-out;z-index:-2}.collection-card:hover .collection-card .collection-header .collection-icon .apu-icon,.collection-card:hover .collection-card .collection-header .collection-icon .collection-img{transform:scale(1.15) rotate(-5deg);filter:drop-shadow(0 8px 16px rgba(0, 0, 0, 0.15))}.collection-card:hover .collection-card .collection-header .collection-icon::before{transform:scale(1.1);opacity:1;box-shadow:0 10px 15px rgba(0,0,0,.1)}.collection-card:hover .collection-card .collection-header .collection-icon::after{opacity:1;transform:scale(1)}.collection-card .collection-header .status-badge.live{padding:.25rem 1rem;border-radius:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem;background:rgba(52,199,89,.15);color:#34c759;border:1px solid rgba(52,199,89,.2);backdrop-filter:blur(10px) saturate(180%);background:#f5f5f7;border:.5px solid rgba(0,0,0,.05);background:var(--background);border:.5px solid var(--border-secondary)}.collection-card .collection-header .status-badge.live .badge-dot{width:4px;height:4px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.collection-card .collection-header .status-badge.upcoming{padding:.25rem 1rem;border-radius:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem;background:rgba(142,142,147,.15);color:#8e8e93;border:1px solid rgba(142,142,147,.2);backdrop-filter:blur(10px) saturate(180%);background:#f5f5f7;border:.5px solid rgba(0,0,0,.05);background:var(--background);border:.5px solid var(--border-secondary)}.collection-card .collection-header .status-badge.suggest{padding:.25rem 1rem;border-radius:12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem;background:rgba(0,122,255,.15);color:#007aff;border:1px solid rgba(0,122,255,.2);backdrop-filter:blur(10px) saturate(180%);background:#f5f5f7;border:.5px solid rgba(0,0,0,.05);background:var(--background);border:.5px solid var(--border-secondary)}.collection-card .collection-info .collection-name{font-size:1.25rem;letter-spacing:-0.01em;margin-bottom:.5rem;color:var(--text-primary)}.collection-card .collection-info .collection-description{font-size:.875rem;line-height:1.5;color:var(--text-secondary);margin-bottom:1.5rem}.collection-card .collection-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;background:var(--surface-tertiary);border-radius:16px;border:1px solid var(--border-secondary)}.collection-card .collection-stats .stat-item{text-align:center}.collection-card .collection-stats .stat-item .stat-number{display:block;font-size:1.25rem;color:var(--text-primary);line-height:1}.collection-card .collection-stats .stat-item .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.collection-card .collection-stats .stat-separator{width:1px;height:24px;background:var(--border-primary)}.collection-card .collection-cta{padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;cursor:pointer;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;will-change:transform,box-shadow;background:linear-gradient(135deg, #007AFF 0%, #5856D6 100%);color:#fff;box-shadow:0 4px 20px rgba(0,122,255,.3);border:1px solid hsla(0,0%,100%,.1);width:100%}.collection-card .collection-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,122,255,.4)}.collection-card .collection-cta:active:not(:disabled){transform:translateY(0);transition-duration:.1s}.collection-card .collection-cta:disabled{cursor:not-allowed;opacity:.5;transform:none !important}.collection-card .collection-cta.secondary{padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;cursor:pointer;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;will-change:transform,box-shadow;background:#e8e8ed;color:#6d6d70;border:1px solid #d2d2d7}.collection-card .collection-cta.secondary:hover:not(:disabled){background:#d2d2d7;transform:translateY(-1px)}.collection-card .collection-cta.secondary:disabled{cursor:not-allowed;opacity:.5;transform:none !important}.collection-card .collection-cta .cta-arrow{width:16px;height:16px;transition:transform .3s ease-out}.collection-card .collection-cta:hover .cta-arrow{transform:translateX(2px)}.collection-card .collection-cta.suggest-cta{padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;cursor:pointer;transition:all .3s ease-out;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden;will-change:transform,box-shadow;background:linear-gradient(135deg, #007AFF 0%, #5856D6 100%);color:#fff;box-shadow:0 4px 20px rgba(0,122,255,.3);border:1px solid hsla(0,0%,100%,.1)}.collection-card .collection-cta.suggest-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,122,255,.4)}.collection-card .collection-cta.suggest-cta:active:not(:disabled){transform:translateY(0);transition-duration:.1s}.collection-card .collection-cta.suggest-cta:disabled{cursor:not-allowed;opacity:.5;transform:none !important}.collection-card .collection-cta.suggest-cta .twitter-icon{width:16px;height:16px;transition:transform .3s ease-out}.collection-card .collection-cta.suggest-cta:hover .twitter-icon{transform:translateX(2px)}@media(max-width: 768px){.collections-section .collections-container{grid-template-columns:1fr;gap:1.5rem}.collections-section .collection-card .collection-content{padding:1.5rem}.collections-section .collection-card .collection-icon{width:48px;height:48px;font-size:1.25rem;border-radius:12px}.collections-section .collection-card .collection-stats{gap:1rem}}.nft-card{border-radius:24px;overflow:hidden;border:2px solid rgba(0,0,0,0);position:relative;cursor:pointer;transition:transform .3s ease-out,box-shadow .3s ease-out;will-change:transform,box-shadow;position:relative}.nft-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px rgba(0,0,0,.15)}.nft-card::before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg, #007AFF, #5856D6, #34C759, #FF9500);background-size:600% 600%;border-radius:inherit;opacity:0;z-index:-1;animation:gradientShift 4s ease infinite;transition:opacity .3s ease-out;will-change:opacity}.nft-card::after{content:"";position:absolute;inset:0;border-radius:calc(24px - 3px);z-index:-1}.nft-card:hover::before{opacity:1}.nft-card .background-particles{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease-out;will-change:opacity,transform}.nft-card .background-particles::before,.nft-card .background-particles::after{content:"";position:absolute;width:8px;height:8px;background:rgba(52,199,89,.6);border-radius:50%;box-shadow:0 0 12px rgba(52,199,89,.4);will-change:transform,opacity}.nft-card .background-particles::before{top:20%;left:25%;animation:floatBehind1 4s ease-in-out infinite}.nft-card .background-particles::after{bottom:25%;right:30%;animation:floatBehind2 4s ease-in-out infinite 2s}.nft-card:hover .background-particles{opacity:1}.nft-card.winner{z-index:10}.nft-card.winner::before{opacity:1 !important;background:radial-gradient(circle at 50% 50%, rgba(52, 199, 89, 0.3) 0%, transparent 70%),linear-gradient(135deg, rgba(52, 199, 89, 0.4) 0%, rgba(255, 215, 0, 0.3) 25%, rgba(52, 199, 89, 0.4) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(52, 199, 89, 0.4) 100%);animation:winnerBorderFlow 2s ease-in-out infinite;border-radius:24px}.nft-card.winner .nft-image{filter:brightness(1.1) contrast(1.05) saturate(1.2) !important;animation:winnerImageGlow 2s ease-in-out infinite;box-shadow:0 0 30px rgba(52,199,89,.4),0 0 60px rgba(52,199,89,.2),inset 0 0 20px hsla(0,0%,100%,.1)}.nft-card.winner .glow-effect{opacity:1 !important;background:radial-gradient(circle at center, rgba(52, 199, 89, 0.3) 0%, transparent 50%),radial-gradient(circle at 30% 70%, rgba(255, 215, 0, 0.2) 0%, transparent 40%),radial-gradient(circle at 70% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 60%);animation:winnerGlowPulse 3s ease-in-out infinite;filter:blur(30px);transform:scale(1.3)}.nft-card.winner .background-particles::before{animation:winnerParticlesDance1 2s ease-out,floatBehind1 4s ease-in-out infinite 2s}.nft-card.winner .background-particles::after{animation:winnerParticlesDance2 2s ease-out .3s,floatBehind2 4s ease-in-out infinite 2.3s}.nft-card.winner::after{content:"";position:absolute;inset:-40px;opacity:0;z-index:5;pointer-events:none;border-radius:50%}.nft-card.selected{transform:translateY(-6px) scale(1.03);border-color:rgba(0,0,0,0);transition:all .4s cubic-bezier(0.34, 1.56, 0.64, 1);animation:cardSelectedPop .6s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:0 0 0 2px rgba(52,199,89,.4),0 0 0 6px rgba(52,199,89,.15),0 16px 48px rgba(52,199,89,.25),0 8px 24px rgba(0,0,0,.1)}.nft-card.selected::before{opacity:1;background:linear-gradient(135deg, rgba(52, 199, 89, 0.3) 0%, rgba(255, 215, 0, 0.2) 50%, rgba(52, 199, 89, 0.3) 100%);animation:selectedGlow 1.5s ease-in-out infinite}.nft-card.selected .nft-image{filter:brightness(1.08) contrast(1.03) saturate(1.15);transition:filter .4s ease-out}.nft-card.selected .nft-overlay{opacity:1;transform:scale(1.1) rotate(0deg);background:linear-gradient(135deg, rgba(52, 199, 89, 0.98) 0%, rgba(52, 199, 89, 0.92) 100%);border:2px solid hsla(0,0%,100%,.6);box-shadow:0 0 0 4px rgba(52,199,89,.4),0 6px 20px rgba(52,199,89,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.6);backdrop-filter:blur(16px) saturate(250%);animation:selectedOverlayPulse 1.5s ease-in-out infinite}.nft-card.selected .nft-overlay::before{opacity:1;animation:selectedOverlayRipple 1.2s ease-out infinite}.nft-card.selected .glow-effect{opacity:.7;background:radial-gradient(circle at center, rgba(52, 199, 89, 0.25) 0%, transparent 50%),radial-gradient(circle at 30% 70%, rgba(255, 215, 0, 0.15) 0%, transparent 40%);animation:selectedGlowPulse 2s ease-in-out infinite}.nft-image-wrapper{position:relative;aspect-ratio:1;overflow:hidden}.nft-image-wrapper::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease-out;z-index:1;pointer-events:none;will-change:opacity}.nft-image-wrapper::after{content:"";position:absolute;inset:0;background:linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, transparent 50%, rgba(52, 199, 89, 0.1) 100%);opacity:0;transform:translateX(-100%);transition:transform .6s cubic-bezier(0.25, 0.46, 0.45, 0.94),opacity .3s ease-out;z-index:2;pointer-events:none;will-change:transform,opacity}.nft-card:hover .nft-image-wrapper::before{opacity:1}.nft-card:hover .nft-image-wrapper::after{opacity:1;transform:translateX(100%)}.nft-image{width:100%;height:100%;object-fit:contain;transition:transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94),filter .3s ease-out;position:relative;z-index:0;will-change:transform,filter}.nft-image.loading::before{content:"";position:absolute;inset:0;background:rgba(var(--surface-rgb), 0.95);backdrop-filter:blur(4px);z-index:1;display:flex;align-items:center;justify-content:center;border-radius:inherit}.nft-image.loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:40px;border:4px solid rgba(var(--accent-rgb), 0.15);border-top:4px solid rgba(var(--accent-rgb), 0.9);border-right:4px solid rgba(var(--accent-rgb), 0.7);border-radius:50%;z-index:2;animation:spin 1.2s linear infinite;will-change:transform;box-shadow:0 0 0 2px rgba(var(--accent-rgb), 0.1),0 0 20px rgba(var(--accent-rgb), 0.2)}.nft-card:hover .nft-image{transform:scale3d(1.03, 1.03, 1);filter:brightness(1.05) contrast(1.02) saturate(1.1)}.nft-overlay{position:absolute;top:1.5rem;right:1.5rem;width:48px;height:48px;background:linear-gradient(135deg, rgba(52, 199, 89, 0.95) 0%, rgba(52, 199, 89, 0.85) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(0) rotate(-90deg);transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1);backdrop-filter:blur(12px) saturate(200%);border:2px solid hsla(0,0%,100%,.3);box-shadow:0 4px 20px rgba(52,199,89,.4),0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.4);z-index:3}.nft-overlay::before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg, rgba(52, 199, 89, 0.6) 0%, rgba(255, 215, 0, 0.4) 50%, rgba(52, 199, 89, 0.6) 100%);border-radius:50%;opacity:0;animation:overlayRipple 1.5s ease-out infinite;z-index:-1}.nft-card:hover .nft-overlay{transform:scale(1) rotate(0deg)}.vote-checkmark{display:flex;transform:scale(0.9);transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.vote-checkmark svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2))}.nft-card:hover .vote-checkmark{transform:scale(1)}.nft-card.selected .vote-checkmark{transform:scale(1.1);animation:elegantCheckmarkPulse .8s cubic-bezier(0.34, 1.56, 0.64, 1)}.nft-card.selected .vote-checkmark svg circle{fill:hsla(0,0%,100%,.2);stroke:hsla(0,0%,100%,.4);stroke-width:1}.nft-card.selected .vote-checkmark svg path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))}@keyframes elegantCheckmarkPulse{0%{transform:scale(0.9);opacity:.8}30%{transform:scale(1.2);opacity:1}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1.1);opacity:1}}.nft-details{background:#1c1c1e;padding:1.5rem;text-align:center}.nft-title{font-size:1rem;margin-bottom:.25rem;color:var(--text-primary)}.nft-id{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.glow-effect{position:absolute;inset:-30px;background:radial-gradient(circle at 30% 20%, rgba(52, 199, 89, 0.15) 0%, transparent 40%),radial-gradient(circle at 70% 80%, rgba(0, 122, 255, 0.12) 0%, transparent 40%),radial-gradient(circle at center, rgba(88, 86, 214, 0.08) 0%, transparent 60%);opacity:0;transition:all .6s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index:-2;pointer-events:none;border-radius:50%;filter:blur(20px);will-change:opacity,transform}.nft-card:hover .glow-effect{opacity:1;animation:pulse-glow 3s ease-in-out infinite}@keyframes winnerElegantRise{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-8px)}100%{transform:translateY(-12px)}}@keyframes winnerGentleFloat{0%,100%{transform:translateY(-12px)}50%{transform:translateY(-16px)}}@keyframes winnerBorderFlow{0%,100%{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}}@keyframes winnerImageGlow{0%,100%{filter:brightness(1.1) contrast(1.05) saturate(1.2);box-shadow:0 0 30px rgba(52,199,89,.4),0 0 60px rgba(52,199,89,.2),inset 0 0 20px hsla(0,0%,100%,.1)}50%{filter:brightness(1.15) contrast(1.08) saturate(1.25);box-shadow:0 0 40px rgba(52,199,89,.5),0 0 80px rgba(52,199,89,.3),inset 0 0 25px hsla(0,0%,100%,.15)}}@keyframes winnerGlowPulse{0%,100%{opacity:.6;transform:scale(1.3)}50%{opacity:.8;transform:scale(1.4)}}@keyframes elegantSparkle{0%{opacity:0;transform:rotate(0deg) scale(0.8)}20%{opacity:1;transform:rotate(90deg) scale(1)}40%{opacity:.8;transform:rotate(180deg) scale(1.1)}60%{opacity:1;transform:rotate(270deg) scale(1)}80%{opacity:.6;transform:rotate(360deg) scale(0.9)}100%{opacity:0;transform:rotate(360deg) scale(0.8)}}@keyframes winnerParticlesDance1{0%{opacity:0;transform:translateY(0) scale(0.5)}30%{opacity:.8;transform:translateY(-20px) scale(1)}70%{opacity:.6;transform:translateY(-30px) scale(1.1)}100%{opacity:.4;transform:translateY(-40px) scale(0.8)}}@keyframes winnerParticlesDance2{0%{opacity:0;transform:translateY(0) scale(0.3)}40%{opacity:.9;transform:translateY(-15px) scale(0.8)}80%{opacity:.5;transform:translateY(-25px) scale(1)}100%{opacity:.3;transform:translateY(-35px) scale(0.6)}}@keyframes selectedGlow{0%,100%{opacity:.8;background-size:100% 100%}50%{opacity:1;background-size:110% 110%}}@keyframes selectedGlowPulse{0%,100%{opacity:.5;transform:scale(1.1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes overlayRipple{0%{opacity:0;transform:scale(0.8)}50%{opacity:.6;transform:scale(1.2)}100%{opacity:0;transform:scale(1.5)}}@keyframes selectedOverlayPulse{0%,100%{box-shadow:0 0 0 4px rgba(52,199,89,.4),0 6px 20px rgba(52,199,89,.5),0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.6)}50%{box-shadow:0 0 0 6px rgba(52,199,89,.6),0 8px 24px rgba(52,199,89,.7),0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.8)}}@keyframes selectedOverlayRipple{0%{opacity:0;transform:scale(0.9)}30%{opacity:.8;transform:scale(1.1)}70%{opacity:.4;transform:scale(1.3)}100%{opacity:0;transform:scale(1.6)}}@keyframes cardSelectedPop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-2px) scale(1.01)}60%{transform:translateY(-8px) scale(1.05)}100%{transform:translateY(-6px) scale(1.03)}}.rankings-error{text-align:center;padding:3rem}.rankings-error .error-title{margin-bottom:1rem;color:var(--text-primary)}.rankings-error .error-message{margin-bottom:2rem;color:var(--text-secondary)}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{font-size:3rem;margin-bottom:1.5rem}.empty-state .empty-title{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.empty-state .empty-message{margin-bottom:2rem;color:var(--text-secondary);max-width:400px;margin-left:auto;margin-right:auto}.continue-voting-section{text-align:center;margin-top:3rem}.continue-voting-section .continue-arrow{margin-left:.5rem}.ranking-item{background:var(--surface);border-radius:16px;padding:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:1.5rem;border:1px solid var(--border-primary);transition:all .3s ease-out;position:relative;cursor:pointer}.ranking-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1),0 4px 10px rgba(0,0,0,.05);border-color:rgba(var(--accent-rgb), 0.3);background:rgba(var(--accent-rgb), 0.01)}.ranking-item:active{transform:translateY(-1px)}.ranking-item .opensea-link{position:relative;z-index:2;pointer-events:auto}.ranking-item .opensea-link:hover{transform:translateY(-1px) !important}.ranking-item .rank-position{font-size:1.5rem;color:#007aff;min-width:50px;text-align:center;margin-top:.5rem}.ranking-item .rank-position.gold{color:gold}.ranking-item .rank-position.silver{color:silver}.ranking-item .rank-position.bronze{color:#cd7f32}.ranking-item .nft-thumbnail{width:130px;height:130px;border-radius:16px;object-fit:cover;background:var(--surface-secondary);border:2px solid var(--border-primary);box-shadow:var(--shadow-md);flex-shrink:0;position:relative;cursor:pointer;transition:all .3s ease-out}.ranking-item .nft-thumbnail:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent)}.ranking-item .nft-thumbnail.loading::before{content:"";position:absolute;inset:0;background:rgba(var(--surface-rgb), 0.95);backdrop-filter:blur(4px);border-radius:16px;z-index:1;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg, rgba(var(--accent-rgb), 0.03) 25%, transparent 25%),linear-gradient(-45deg, rgba(var(--accent-rgb), 0.03) 25%, transparent 25%);background-size:8px 8px;background-position:0 0,4px 4px}.ranking-item .nft-thumbnail.loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:32px;height:32px;border:4px solid rgba(var(--accent-rgb), 0.2);border-top:4px solid rgba(var(--accent-rgb), 1);border-right:4px solid rgba(var(--accent-rgb), 0.8);border-radius:50%;z-index:2;animation:spin 1.2s linear infinite;will-change:transform;box-shadow:0 0 0 2px rgba(var(--accent-rgb), 0.1),0 0 15px rgba(var(--accent-rgb), 0.3)}.ranking-item .ranking-content{flex:1;display:flex;flex-direction:column;gap:1rem}.ranking-item .ranking-content .ranking-info .ranking-title{font-size:1.125rem;margin-bottom:.25rem;color:var(--text-primary)}.ranking-item .ranking-content .ranking-info .ranking-stats{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.875rem}.ranking-item .ranking-content .ranking-info .ranking-stats span strong{color:var(--text-primary)}.ranking-item .ranking-content .opensea-link{align-self:flex-start;position:static;transform:none;margin-top:.25rem}@media(min-width: 769px)and (max-width: 1024px){.ranking-item .opensea-link{min-width:130px;padding:9px 14px;font-size:12px}.ranking-item .opensea-link span{font-size:11px}}@media(max-width: 768px){.ranking-item{flex-direction:column;padding:1rem;gap:.5rem;border-radius:20px;align-items:center;position:relative}.ranking-item .rank-position{position:absolute;top:.5rem;left:.5rem;font-size:1.125rem;min-width:auto;padding:.25rem .5rem;background:rgba(var(--blue-rgb), 0.1);border:1px solid rgba(var(--blue-rgb), 0.2);z-index:2}.ranking-item .rank-position.gold{background:rgba(255,215,0,.1);border-color:rgba(255,215,0,.3)}.ranking-item .rank-position.silver{background:rgba(192,192,192,.1);border-color:rgba(192,192,192,.3)}.ranking-item .rank-position.bronze{background:rgba(205,127,50,.1);border-color:rgba(205,127,50,.3)}.ranking-item .nft-thumbnail{width:140px;height:140px;border-radius:16px;box-shadow:var(--shadow-md);flex-shrink:0;border:2px solid var(--border-primary);margin-top:.5rem;position:relative;cursor:pointer;transition:all .3s ease-out}.ranking-item .nft-thumbnail:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent)}.ranking-item .nft-thumbnail.loading::before{content:"";position:absolute;inset:0;background:rgba(var(--surface-rgb), 0.95);backdrop-filter:blur(4px);border-radius:16px;z-index:1;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(45deg, rgba(var(--accent-rgb), 0.03) 25%, transparent 25%),linear-gradient(-45deg, rgba(var(--accent-rgb), 0.03) 25%, transparent 25%);background-size:8px 8px;background-position:0 0,4px 4px}.ranking-item .nft-thumbnail.loading::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:36px;height:36px;border:4px solid rgba(var(--accent-rgb), 0.2);border-top:4px solid rgba(var(--accent-rgb), 1);border-right:4px solid rgba(var(--accent-rgb), 0.8);border-radius:50%;z-index:2;animation:spin 1.2s linear infinite;will-change:transform;box-shadow:0 0 0 2px rgba(var(--accent-rgb), 0.1),0 0 15px rgba(var(--accent-rgb), 0.3)}.ranking-item .ranking-content{width:100%;align-items:center;text-align:center}.ranking-item .ranking-info{flex:1}.ranking-item .ranking-info .ranking-title{font-size:1.125rem;margin-bottom:.5rem;line-height:1.2}.ranking-item .ranking-info .ranking-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem}.ranking-item .ranking-info .ranking-stats span{display:flex;flex-direction:column;gap:.25rem;text-align:center;padding:.25rem;border-radius:12px}.ranking-item .ranking-info .ranking-stats span strong{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.ranking-item .opensea-link{position:static;width:100%;margin-top:1rem;padding:1rem 1.5rem;font-size:.875rem;border-radius:16px;min-height:48px;top:auto;right:auto;min-width:auto;gap:10px;transform:none}.ranking-item .opensea-link .opensea-icon{display:flex}.ranking-item .opensea-link span{font-size:.875rem;flex:1;text-align:center}.ranking-item .opensea-link:active{transform:translateY(-1px)}}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{margin-bottom:1rem;font-size:1.25rem;color:var(--text-primary)}.empty-state p{margin-bottom:2rem;color:var(--text-secondary);max-width:400px;margin-left:auto;margin-right:auto}.ranking-item.provisional{opacity:.7}.ranking-item.provisional .rank-position{background:rgba(var(--text-secondary-rgb), 0.1);color:var(--text-secondary)}.ranking-item.provisional .ranking-title{position:relative}.provisional-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(255,149,0,.1);color:#ff9500;border:1px solid rgba(255,149,0,.2);border-radius:6px;padding:2px 8px;margin-left:8px;vertical-align:middle}[data-theme=dark] .provisional-badge{background:rgba(255,149,0,.15);border-color:rgba(255,149,0,.25)}.opensea-link{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg, #2081E2 0%, #1c73d1 100%);color:#fff;border:none;border-radius:12px;padding:10px 16px;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:0 4px 12px rgba(32,129,226,.25),0 2px 4px rgba(0,0,0,.1);min-width:140px;justify-content:center;z-index:1}.opensea-link .opensea-icon{display:none}.opensea-link .opensea-icon img{width:18px;height:18px;transition:transform .3s ease}.opensea-link span{font-size:12px;font-weight:600;letter-spacing:.3px;white-space:nowrap}.opensea-link .external-icon{width:12px;height:12px;opacity:.8;transition:all .3s ease}.opensea-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(32,129,226,.35),0 4px 8px rgba(0,0,0,.15);background:linear-gradient(135deg, #1c73d1 0%, #1664bc 100%)}.opensea-link:hover::before{opacity:1}.opensea-link:hover .opensea-icon img{transform:scale(1.1)}.opensea-link:hover .external-icon{opacity:1;transform:translate(1px, -1px)}.opensea-link:active{transform:translateY(-50%) translateY(-1px)}[data-theme=dark] .opensea-link{background:linear-gradient(135deg, #2081E2 0%, #1c73d1 100%);box-shadow:0 4px 12px rgba(32,129,226,.4),0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .opensea-link:hover{background:linear-gradient(135deg, #1c73d1 0%, #1664bc 100%);box-shadow:0 8px 20px rgba(32,129,226,.5),0 4px 8px rgba(0,0,0,.25)}.show-more-btn{margin:2rem auto;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--secondary-bg);border:1px solid var(--border-color);padding:1rem 2rem;border-radius:8px;transition:all .3s ease;font-weight:500}.show-more-btn:hover{background:var(--hover-bg);border-color:var(--text-secondary);transform:translateY(-1px)}.show-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner-small{width:18px;height:18px;border:2px solid rgba(var(--accent-rgb), 0.2);border-top:2px solid rgba(var(--accent-rgb), 0.9);border-right:2px solid rgba(var(--accent-rgb), 0.6);border-radius:50%;animation:spin 1.1s linear infinite;position:relative}.loading-spinner-small::before{content:"";position:absolute;inset:-2px;border-radius:50%;background:radial-gradient(circle at center, rgba(var(--accent-rgb), 0.1) 0%, transparent 60%)}.rankings-tabs{display:flex;gap:0;background:rgba(var(--surface-secondary-rgb), 0.3);border-radius:12px;padding:4px;margin-bottom:24px;position:relative;backdrop-filter:blur(10px);border:1px solid rgba(var(--text-secondary-rgb), 0.1)}.rankings-tab{flex:1;position:relative;background:rgba(0,0,0,0);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;font-weight:500;color:var(--text-secondary);z-index:1}.rankings-tab span{position:relative;z-index:2;transition:color .3s ease}.rankings-tab .tab-indicator{position:absolute;inset:4px;background:var(--surface);border-radius:6px;opacity:0;transform:scale(0.95);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 3px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.07);z-index:1}.rankings-tab:hover:not(.active){color:var(--text-primary)}.rankings-tab:hover:not(.active) .tab-indicator{opacity:.5;transform:scale(0.98)}.rankings-tab.active{color:var(--text-primary)}.rankings-tab.active .tab-indicator{opacity:1;transform:scale(1)}.rankings-tab.active span{font-weight:600}.rankings-tab:active{transform:scale(0.98)}[data-theme=dark] .rankings-tabs{background:rgba(var(--surface-secondary-rgb), 0.4);border-color:rgba(var(--text-secondary-rgb), 0.15)}[data-theme=dark] .rankings-tab.active .tab-indicator{box-shadow:0 1px 3px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2)}.rankings-content{animation:fadeInUp .4s cubic-bezier(0.4, 0, 0.2, 1)}.rankings-content.switching{transform:translateY(8px);transition:all .2s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width: 480px){.rankings-tabs{margin:0 -16px 24px -16px;border-radius:0;border-left:none;border-right:none}.rankings-tab{padding:14px 16px;font-size:14px}.rankings-tab .tab-indicator{inset:3px}}.modern-filter-container{background:rgba(var(--surface-rgb), 0.8);backdrop-filter:blur(20px);border:1px solid rgba(var(--border-rgb), 0.1);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.1)}.filter-pills-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;min-height:0}.filter-pills-container:empty{margin-bottom:0}.filter-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(var(--accent-rgb), 0.1);border:1px solid rgba(var(--accent-rgb), 0.2);border-radius:20px;padding:6px 12px 6px 16px;font-size:14px;font-weight:500;color:var(--accent);animation:filterPillSlideIn .3s cubic-bezier(0.4, 0, 0.2, 1)}.filter-pill .filter-pill-text{font-size:14px;font-weight:500;line-height:1.2}.filter-pill .filter-pill-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:rgba(var(--accent-rgb), 0.1);border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);color:var(--accent)}.filter-pill .filter-pill-remove:hover{background:rgba(var(--accent-rgb), 0.2);transform:scale(1.1)}.filter-pill .filter-pill-remove:active{transform:scale(0.95)}.filter-pill .filter-pill-remove svg{width:12px;height:12px}@keyframes filterPillSlideIn{from{opacity:0;transform:translateY(-4px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-controls{display:flex;flex-direction:column;gap:16px}@media(min-width: 768px){.filter-controls{flex-direction:row;align-items:center;gap:24px}}.filter-control-group{display:flex;align-items:center;gap:12px}.modern-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.modern-checkbox-label:hover .modern-checkmark{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.1)}.modern-checkbox{position:absolute;opacity:0;cursor:pointer}.modern-checkbox:checked+.modern-checkmark{background:var(--accent);border-color:var(--accent)}.modern-checkbox:checked+.modern-checkmark::after{opacity:1;transform:rotate(45deg) scale(1)}.modern-checkbox:focus+.modern-checkmark{box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.2)}.modern-checkmark{position:relative;width:20px;height:20px;background:var(--surface);border:2px solid rgba(var(--text-secondary-rgb), 0.3);border-radius:6px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0}.modern-checkmark::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:10px;border:solid #fff;border-width:0 2px 2px 0;opacity:0;transform:rotate(45deg) scale(0.8);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.modern-checkbox-text{font-size:15px;font-weight:500;color:var(--text-primary);line-height:1.4}.modern-filter-label{font-size:15px;font-weight:600;color:var(--text-primary);margin-right:12px;white-space:nowrap}.modern-select-wrapper{position:relative;min-width:200px}.modern-select-wrapper .modern-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.modern-select{width:100%;appearance:none;background:var(--surface);border:2px solid rgba(var(--border-rgb), 0.2);border-radius:12px;padding:12px 40px 12px 16px;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.modern-select:hover{border-color:rgba(var(--accent-rgb), 0.3);box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.05)}.modern-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.1)}.modern-select:focus+.modern-select-arrow{color:var(--accent);transform:translateY(-50%) rotate(180deg)}.modern-select option{background:var(--surface);color:var(--text-primary);padding:8px 12px}.no-filtered-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;min-height:400px}.no-filtered-results .no-results-icon{margin-bottom:1.5rem;color:var(--text-tertiary);opacity:.6}.no-filtered-results .no-results-icon svg{width:64px;height:64px}.no-filtered-results h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.no-filtered-results p{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5;max-width:500px}.no-filtered-results .current-filters{background:rgba(var(--accent-rgb), 0.1);border:1px solid rgba(var(--accent-rgb), 0.2);border-radius:12px;padding:.75rem 1.25rem;margin:1rem 0}.no-filtered-results .current-filters strong{color:var(--accent);font-weight:600}.no-filtered-results .no-results-actions{margin-top:1.5rem}.no-filtered-results .clear-all-filters-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(var(--accent-rgb), 0.2)}.no-filtered-results .clear-all-filters-btn:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--accent-rgb), 0.3)}.no-filtered-results .clear-all-filters-btn:active{transform:translateY(0)}.no-filtered-results .clear-all-filters-btn svg{width:16px;height:16px}@media(max-width: 767px){.modern-filter-container{padding:16px;border-radius:12px}.filter-control-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.modern-select-wrapper{min-width:100%}.modern-filter-label{margin-right:0;margin-bottom:4px}.no-filtered-results{padding:2rem 1rem;min-height:300px}.no-filtered-results .no-results-icon svg{width:48px;height:48px}.no-filtered-results h3{font-size:1.25rem}.no-filtered-results p{font-size:.9rem}.no-filtered-results .current-filters{padding:.5rem 1rem;font-size:.9rem}.no-filtered-results .clear-all-filters-btn{padding:.625rem 1.25rem;font-size:.9rem}}.collection-filter-tabs,.search-collection-filter-tabs{display:flex;justify-content:center;align-items:center;gap:8px;background:rgba(var(--surface-secondary-rgb), 0.3);border-radius:20px;padding:8px;margin:0 auto 32px auto;max-width:100%;position:relative;backdrop-filter:blur(24px);border:1px solid rgba(var(--text-secondary-rgb), 0.12);box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.08);flex-wrap:wrap}@media(min-width: 768px){.collection-filter-tabs,.search-collection-filter-tabs{max-width:90%;gap:6px}}@media(max-width: 767px){.collection-filter-tabs,.search-collection-filter-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;max-width:calc(100% - 16px)}.collection-filter-tabs::-webkit-scrollbar,.search-collection-filter-tabs::-webkit-scrollbar{display:none}}.collection-filter-tab,.search-collection-filter-tab{position:relative;background:rgba(0,0,0,0);border:none;padding:14px 24px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:15px;font-weight:600;color:var(--text-secondary);white-space:nowrap;min-width:fit-content;z-index:1;letter-spacing:-0.01em}.collection-filter-tab span,.search-collection-filter-tab span{position:relative;z-index:2;transition:all .3s ease;display:flex;align-items:center;gap:6px}.collection-filter-tab .tab-indicator,.search-collection-filter-tab .tab-indicator{position:absolute;inset:2px;background:linear-gradient(135deg, var(--surface) 0%, rgba(var(--surface-rgb), 0.95) 100%);border-radius:14px;opacity:0;transform:scale(0.9);transition:all .4s cubic-bezier(0.34, 1.56, 0.64, 1);box-shadow:0 2px 8px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.1);z-index:1}.collection-filter-tab .tab-indicator::before,.search-collection-filter-tab .tab-indicator::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.1) 0%, rgba(var(--accent-secondary-rgb), 0.05) 100%);opacity:0;transition:opacity .3s ease}.collection-filter-tab:hover:not(.active),.search-collection-filter-tab:hover:not(.active){color:var(--text-primary);transform:translateY(-1px)}.collection-filter-tab:hover:not(.active) .tab-indicator,.search-collection-filter-tab:hover:not(.active) .tab-indicator{opacity:.6;transform:scale(0.95)}.collection-filter-tab:hover:not(.active) .tab-indicator::before,.search-collection-filter-tab:hover:not(.active) .tab-indicator::before{opacity:1}.collection-filter-tab:focus,.search-collection-filter-tab:focus{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent),0 2px 8px rgba(var(--accent-rgb), 0.2);transform:translateY(-1px)}.collection-filter-tab:focus .tab-indicator,.search-collection-filter-tab:focus .tab-indicator{opacity:.8;transform:scale(0.98);box-shadow:0 0 0 1px var(--accent),0 2px 8px rgba(0,0,0,.1)}.collection-filter-tab:focus-visible,.search-collection-filter-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.collection-filter-tab.active,.search-collection-filter-tab.active{color:var(--text-primary);background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);box-shadow:0 6px 20px rgba(var(--accent-primary-rgb), 0.25),0 3px 12px rgba(var(--accent-primary-rgb), 0.15),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}.collection-filter-tab.active .tab-indicator,.search-collection-filter-tab.active .tab-indicator{opacity:1;transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.08),inset 0 1px 0 hsla(0,0%,100%,.15)}.collection-filter-tab.active .tab-indicator::before,.search-collection-filter-tab.active .tab-indicator::before{opacity:1}.collection-filter-tab.active span,.search-collection-filter-tab.active span{font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.collection-filter-tab:active,.search-collection-filter-tab:active{transform:scale(0.96) translateY(-1px)}.collection-filter-tab[data-collection=all] .tab-indicator::before,.search-collection-filter-tab[data-collection=all] .tab-indicator::before{background:linear-gradient(135deg, rgba(var(--accent-primary-rgb), 0.2) 0%, rgba(var(--accent-secondary-rgb), 0.15) 100%)}.collection-filter-tab[data-collection=all].active,.search-collection-filter-tab[data-collection=all].active{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 50%, var(--accent-primary) 100%);box-shadow:0 8px 24px rgba(var(--accent-primary-rgb), 0.3),0 4px 16px rgba(var(--accent-primary-rgb), 0.2),inset 0 1px 0 hsla(0,0%,100%,.25)}.collection-filter-tab[data-collection=all].active span,.search-collection-filter-tab[data-collection=all].active span{color:#fff;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.2);letter-spacing:.02em}.collection-stats-bar{display:flex;align-items:center;justify-content:center;gap:24px;background:rgba(var(--surface-secondary-rgb), 0.15);border-radius:16px;padding:16px 24px;margin-bottom:24px;backdrop-filter:blur(10px);border:1px solid rgba(var(--text-secondary-rgb), 0.06)}.collection-stats-bar .stats-item{display:flex;flex-direction:column;align-items:center;gap:4px}.collection-stats-bar .stats-item .stats-number{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.collection-stats-bar .stats-item .stats-label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.collection-stats-bar .stats-separator{width:1px;height:24px;background:rgba(var(--text-secondary-rgb), 0.15)}[data-theme=dark] .collection-filter-tabs,[data-theme=dark] .search-collection-filter-tabs{background:rgba(var(--surface-secondary-rgb), 0.3);border-color:rgba(var(--text-secondary-rgb), 0.12);box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.02)}[data-theme=dark] .collection-filter-tab.active .tab-indicator,[data-theme=dark] .search-collection-filter-tab.active .tab-indicator{box-shadow:0 4px 12px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.08)}[data-theme=dark] .collection-stats-bar{background:rgba(var(--surface-secondary-rgb), 0.25);border-color:rgba(var(--text-secondary-rgb), 0.1)}.rankings-content.collection-switching,.search-results.collection-switching{opacity:.6;transform:translateY(8px);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 1024px)and (min-width: 769px){.collection-filter-tabs,.search-collection-filter-tabs{max-width:calc(100% - 24px);padding:6px;gap:6px}.collection-filter-tab,.search-collection-filter-tab{padding:13px 18px;font-size:14px}}@media(max-width: 768px){.collection-filter-tabs,.search-collection-filter-tabs{margin:0 auto 24px auto;max-width:calc(100% - 16px);padding:4px;gap:4px;border-radius:18px;flex-wrap:wrap;justify-content:center}.collection-filter-tab,.search-collection-filter-tab{min-height:44px;padding:12px 16px;font-size:13px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 1 auto;min-width:fit-content}.collection-filter-tab:focus,.search-collection-filter-tab:focus{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--accent),0 4px 12px rgba(var(--accent-rgb), 0.3)}.collection-filter-tab .tab-indicator,.search-collection-filter-tab .tab-indicator{inset:2px;border-radius:12px}.collection-filter-tab span,.search-collection-filter-tab span{white-space:nowrap;font-weight:600;justify-content:center}.collection-stats-bar{margin:0 -16px 24px -16px;border-radius:0;border-left:none;border-right:none;padding:16px;gap:16px}.collection-stats-bar .stats-item .stats-number{font-size:16px}.collection-stats-bar .stats-item .stats-label{font-size:11px}.collection-stats-bar .stats-separator{height:20px}}@media(max-width: 480px){.collection-filter-tabs,.search-collection-filter-tabs{padding:3px;gap:3px;max-width:calc(100% - 12px);border-radius:16px;flex-wrap:wrap}.collection-filter-tab,.search-collection-filter-tab{min-height:44px;padding:10px 14px;font-size:12px;border-radius:12px;flex:1 1 auto;max-width:calc(50% - 2px);min-width:fit-content}.collection-filter-tab:focus,.search-collection-filter-tab:focus{box-shadow:0 0 0 2px var(--surface),0 0 0 5px var(--accent),0 3px 10px rgba(var(--accent-rgb), 0.4);transform:scale(1.02)}.collection-filter-tab span,.search-collection-filter-tab span{font-size:inherit;text-align:center}.collection-stats-bar{flex-wrap:wrap;gap:12px}.collection-stats-bar .stats-item{min-width:calc(50% - 6px)}.collection-stats-bar .stats-separator{display:none}}@media(max-width: 640px){.collection-filter-tabs,.search-collection-filter-tabs{scroll-behavior:smooth;position:relative}.collection-filter-tabs:not(.wrapped)::after,.search-collection-filter-tabs:not(.wrapped)::after{content:"";position:absolute;right:0;top:0;bottom:0;width:24px;background:linear-gradient(to left, rgba(var(--surface-secondary-rgb), 0.9) 0%, rgba(var(--surface-secondary-rgb), 0.7) 30%, transparent 100%);pointer-events:none;z-index:3;border-radius:0 18px 18px 0}.collection-filter-tabs:not(.wrapped)::before,.search-collection-filter-tabs:not(.wrapped)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:24px;background:linear-gradient(to right, rgba(var(--surface-secondary-rgb), 0.9) 0%, rgba(var(--surface-secondary-rgb), 0.7) 30%, transparent 100%);pointer-events:none;z-index:3;border-radius:18px 0 0 18px;opacity:0;transition:opacity .3s ease}.collection-filter-tabs:not(.wrapped).scrolled::before,.search-collection-filter-tabs:not(.wrapped).scrolled::before{opacity:1}.collection-filter-tabs:not(.wrapped).fully-scrolled::after,.search-collection-filter-tabs:not(.wrapped).fully-scrolled::after{opacity:0}}.collection-filter-tabs.has-scroll-indicators,.search-collection-filter-tabs.has-scroll-indicators{box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.08),inset 0 0 0 1px rgba(var(--accent-rgb), 0.1)}.trait-filtering-section{margin:20px 0;padding:20px;background:var(--surface);border-radius:12px;border:1px solid var(--border);animation:fadeInUp .5s ease-out}.trait-filtering-section .trait-filters{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}@media(max-width: 768px){.trait-filtering-section .trait-filters{flex-direction:column;gap:15px}}.trait-filtering-section .filter-group{display:flex;align-items:center;gap:10px}.special-filter .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;user-select:none;transition:all .2s ease}.special-filter .checkbox-label:hover{opacity:.8}.special-filter .checkbox-label .filter-checkbox{display:none}.special-filter .checkbox-label .checkmark{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;position:relative;background:var(--background);transition:all .2s ease}.special-filter .checkbox-label .checkmark::after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid var(--text-primary);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}.special-filter .checkbox-label .filter-checkbox:checked+.checkmark{background:var(--accent);border-color:var(--accent)}.special-filter .checkbox-label .filter-checkbox:checked+.checkmark::after{opacity:1}.special-filter .checkbox-label .filter-text{font-size:14px;font-weight:500;color:var(--text-primary)}.trait-type-filter{display:flex;flex-direction:column;gap:6px}@media(max-width: 768px){.trait-type-filter{width:100%}}.trait-type-filter .filter-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.trait-type-filter .trait-select{min-width:200px;padding:8px 12px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}@media(max-width: 768px){.trait-type-filter .trait-select{width:100%;min-width:unset}}.trait-type-filter .trait-select:hover{border-color:var(--border-hover)}.trait-type-filter .trait-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha)}.trait-type-filter .trait-select option{background:var(--surface-elevated);color:var(--text-primary);padding:8px}.trait-type-filter .trait-select.loading{background-image:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'><path d='M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83' stroke='%23666' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right 8px center;animation:spin 1s linear infinite}.clear-filters-btn{padding:6px 12px;background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border-hover)}.clear-filters-btn:active{transform:scale(0.95)}.filter-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--accent-alpha);color:var(--accent);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.filter-status .filter-count{background:var(--accent);color:var(--background);padding:1px 5px;border-radius:8px;font-size:10px;min-width:16px;text-align:center}@keyframes filterUpdate{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(0.98)}100%{opacity:1;transform:scale(1)}}.rankings-content.filtering{animation:filterUpdate .3s ease-out}.nft-trait-badge{display:inline-block;padding:2px 6px;background:var(--surface-secondary);color:var(--text-secondary);font-size:10px;font-weight:500;border-radius:4px;margin:2px}.nft-trait-badge.special-trait{background:linear-gradient(135deg, #ffd700, #ffa500);color:#000;font-weight:600}.search-section{min-height:calc(100vh - var(--navbar-height));padding:2rem 0 4rem;background:var(--background)}.search-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.search-header{text-align:center;margin-bottom:3rem}.search-header .search-info h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.search-header .search-info .search-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0}.search-form-container{margin-bottom:3rem}.search-form{display:flex;flex-direction:column;align-items:center;gap:1rem}.search-input-group{display:flex;width:100%;max-width:500px;gap:.75rem;align-items:stretch}.search-input{flex:1;padding:1rem 1.25rem;border:2px solid var(--border);border-radius:12px;font-size:1.125rem;font-weight:500;background:var(--surface);color:var(--text-primary);transition:all .2s ease}.search-input::placeholder{color:var(--text-tertiary);font-weight:400}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha);background:var(--surface-elevated)}.search-input:invalid{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,59,48,.1)}.search-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.search-button .search-icon{width:20px;height:20px;stroke-width:2.5px}.search-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 25px var(--accent-alpha)}.search-button:active{transform:translateY(0)}.search-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.search-hint{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0;max-width:400px}.search-results{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center}.search-loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem}.search-loading-state.hidden{display:none}.search-loading-state p{color:var(--text-secondary);margin:0}.search-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:1rem 0;width:100%;max-width:100%;overflow:hidden}.trending-nfts-container{width:100%;max-width:100%;display:flex;flex-direction:column;gap:2.5rem}.trending-section{width:100%}.trending-section .trending-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem;gap:.5rem}.trending-section .trending-header .trending-title{display:flex;align-items:center;gap:.75rem}.trending-section .trending-header .trending-title h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.trending-section .trending-header .trending-title .trending-up-icon{width:24px;height:24px;stroke:var(--green);stroke-width:2.5px}.trending-section .trending-header .trending-title .trending-down-icon{width:24px;height:24px;stroke:var(--red);transform:scaleX(-1);stroke-width:2.5px}.trending-section .trending-header .trending-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0;font-weight:500}.trending-scroll-container{width:100%;overflow:hidden;padding:10px 0;mask:linear-gradient(to right, transparent 0, black 2rem, black calc(100% - 2rem), transparent 100%);-webkit-mask:linear-gradient(to right, transparent 0, black 2rem, black calc(100% - 2rem), transparent 100%)}.trending-nfts-row{display:flex;gap:1rem;width:fit-content;padding:0 2rem}.trending-nfts-row.trending-up{animation:scrollRightToLeft 200s linear infinite}.trending-nfts-row.trending-down{animation:scrollLeftToRight 240s linear infinite}.trending-nft-card{flex:0 0 auto;width:120px;height:130px;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.trending-nft-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent);box-shadow:0 8px 25px var(--shadow-color, rgba(0, 0, 0, 0.15));background:var(--surface-elevated)}.trending-nft-card:hover::before{opacity:1}.trending-nft-card:hover .trending-nft-image{transform:scale(1.05)}.trending-nft-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--accent-alpha) 0%, transparent 100%);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:1}.trending-nft-card>*{position:relative;z-index:2}.trending-nft-image{width:80px;height:80px;border-radius:8px;object-fit:cover;background:var(--surface-elevated);border:2px solid var(--border);transition:all .3s ease}.trending-nft-info{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.trending-nft-info .trending-nft-name{font-size:.75rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.trending-nft-indicator{position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;z-index:3;display:flex;align-items:center;justify-content:center}.trending-nft-indicator svg{width:10px;height:10px;stroke-width:3px}.trending-nft-indicator.trending-up{background:rgba(52,199,89,.2);border:1px solid rgba(52,199,89,.3)}.trending-nft-indicator.trending-up svg{stroke:var(--green)}.trending-nft-indicator.trending-down{background:rgba(255,59,48,.2);border:1px solid rgba(255,59,48,.3);transform:scaleX(-1)}.trending-nft-indicator.trending-down svg{stroke:var(--red);transform:rotate(180deg)}.trending-nft-skeleton{flex:0 0 auto;width:120px;height:160px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.trending-nft-skeleton::before{content:"";width:80px;height:80px;border-radius:8px;background:linear-gradient(90deg, var(--surface-elevated) 25%, var(--border) 50%, var(--surface-elevated) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.trending-nft-skeleton::after{content:"";width:60px;height:12px;border-radius:6px;background:linear-gradient(90deg, var(--surface-elevated) 25%, var(--border) 50%, var(--surface-elevated) 75%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite .2s;margin-top:.5rem}.search-prompt{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.search-prompt p{color:var(--text-secondary);font-size:.875rem;margin:0;font-style:italic}.trending-error-message{flex:0 0 auto;width:200px;height:160px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;margin:0 1rem}.trending-error-message p{color:var(--text-secondary);font-size:.75rem;text-align:center;margin:0;opacity:.7}@keyframes scrollRightToLeft{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}@keyframes scrollLeftToRight{0%{transform:translateX(-50%)}100%{transform:translateX(50%)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@media(max-width: 768px){.trending-nfts-container{gap:2rem}.trending-section .trending-header .trending-title h3{font-size:1.25rem}.trending-section .trending-header .trending-subtitle{font-size:.8rem}.trending-nft-card{width:100px;height:115px;padding:.5rem}.trending-nft-image{width:70px;height:70px}.trending-nft-info .trending-nft-name{font-size:.7rem}.trending-scroll-container{mask:linear-gradient(to right, transparent 0, black 1rem, black calc(100% - 1rem), transparent 100%);-webkit-mask:linear-gradient(to right, transparent 0, black 1rem, black calc(100% - 1rem), transparent 100%)}.trending-nfts-row{padding:0 1rem;gap:.75rem}.trending-nft-skeleton{width:100px;height:140px;padding:.5rem}.trending-nft-skeleton::before{width:70px;height:70px}.trending-nft-skeleton::after{width:50px;height:10px}}@media(prefers-reduced-motion: reduce){.trending-nfts-row{animation:none !important}.trending-nft-skeleton::before,.trending-nft-skeleton::after{animation:none;background:var(--surface-elevated)}.trending-nft-card{transition:none}.trending-nft-card:hover{transform:none}}@media(prefers-contrast: high){.trending-nft-card{border-width:2px}.trending-nft-image{border-width:3px}}.search-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2rem}.search-error-state.hidden{display:none}.search-error-state .error-icon{font-size:3rem;opacity:.8}.search-error-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.search-error-state p{color:var(--text-secondary);max-width:350px;margin:0;line-height:1.5}.search-success-state{width:100%}.search-success-state.hidden{display:none}.search-nft-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2rem;box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto;position:relative}.search-back-button{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;z-index:10}.search-back-button.hidden{display:none}.search-back-button .back-icon{width:18px;height:18px;stroke:var(--text-secondary);transition:stroke .2s ease}.search-back-button:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-alpha)}.search-back-button:hover .back-icon{stroke:#fff}.search-back-button:active{transform:translateY(0)}.search-share-button{position:absolute;top:5rem;left:1.5rem;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;z-index:10}.search-share-button.hidden{display:none}.search-share-button .share-icon{width:20px;height:20px;stroke:var(--text-secondary);transition:stroke .2s ease}.search-share-button:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-alpha)}.search-share-button:hover .share-icon{stroke:#fff}.search-share-button:active{transform:translateY(0)}#search-opensea-link{position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;width:100% !important;max-width:220px !important;margin:0 !important;padding:12px 20px !important;background:linear-gradient(135deg, #2081E2 0%, #1c73d1 100%) !important;color:#fff !important;border:none !important;border-radius:12px !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.3px !important;text-decoration:none !important;box-shadow:0 4px 12px rgba(32,129,226,.25),0 2px 4px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1) !important;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1) !important}#search-opensea-link:hover{transform:translateY(-1px) !important;box-shadow:0 6px 16px rgba(32,129,226,.3),0 3px 6px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.15) !important;background:linear-gradient(135deg, #1c73d1 0%, #1664bc 100%) !important}#search-opensea-link:active{transform:translateY(0) !important;box-shadow:0 2px 8px rgba(32,129,226,.2),0 1px 3px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1) !important}#search-opensea-link .opensea-icon{display:flex !important;margin-right:6px !important}#search-opensea-link .opensea-icon img{width:16px !important;height:16px !important;transition:transform .2s ease !important}#search-opensea-link span{font-size:14px !important;font-weight:600 !important;white-space:nowrap !important}#search-opensea-link .external-icon{width:14px !important;height:14px !important;margin-left:6px !important;opacity:.8 !important;transition:all .2s ease !important}#search-opensea-link:hover .external-icon{opacity:1 !important;transform:translate(1px, -1px) !important}@media(max-width: 480px){#search-opensea-link{max-width:100% !important;padding:14px 20px !important;font-size:15px !important}#search-opensea-link .opensea-icon img{width:18px !important;height:18px !important}}.recent-battles-section{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.recent-battles-section .battle-matchup{display:flex}@media(max-width: 768px){.recent-battles-section{flex-direction:column}.recent-battles-section .recent-battles-section{display:flex;flex-direction:column}.recent-battles-section .battle-card{flex-direction:column;justify-content:center}.recent-battles-section .battle-result{margin:auto}}.accordion{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.accordion-header{width:100%;padding:1rem 1.5rem;background:var(--surface);border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;color:var(--text-primary);transition:all .2s ease}.accordion-header:hover{background:var(--surface-elevated)}.accordion-header .accordion-icon{width:20px;height:20px;stroke:var(--text-secondary);transition:transform .3s ease}.accordion-header.expanded .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--surface-elevated)}.accordion-content.expanded{max-height:1000px}.battles-container{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.no-battles-message{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem 0}.battle-card{display:flex;align-items:center;gap:1.5rem;width:100%;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s ease}.battle-card:hover{box-shadow:0 4px 12px var(--shadow-color, rgba(0, 0, 0, 0.1));transform:translateY(-1px)}.battle-nft{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s ease;padding:.75rem;border-radius:8px;flex:0 0 auto}.battle-nft:hover{background:var(--surface-elevated);transform:scale(1.02)}.battle-nft .nft-image{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid var(--border)}.battle-nft .nft-id{font-size:.875rem;font-weight:600;color:var(--text-primary);text-decoration:none}.battle-nft .nft-id:hover{color:var(--accent)}.battle-vs{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;min-width:40px;text-align:center}.battle-result{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:90px;margin-left:auto}.battle-result .result-text{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.battle-result .result-text.won{background:rgba(52,199,89,.1);color:var(--green);border:1px solid rgba(52,199,89,.2)}.battle-result .result-text.lost{background:rgba(255,59,48,.1);color:var(--red);border:1px solid rgba(255,59,48,.2)}.battle-result .result-date{font-size:.75rem;color:var(--text-tertiary)}@media(max-width: 768px){.battle-card{gap:.75rem;text-align:center}.battle-nft .nft-image{width:50px;height:50px}.battle-nft .nft-id{font-size:.8rem}.battle-vs{font-size:1rem}.battle-result .result-text{font-size:.8rem}}.search-nft-image-wrapper{position:relative;width:100%;max-width:200px;margin:0 auto 1.5rem auto;margin-bottom:30px}@media(min-width: 768px){.search-nft-image-wrapper{max-width:220px;margin:0 auto}}.search-nft-image{width:100%;aspect-ratio:1;border-radius:16px;margin-bottom:10px;object-fit:cover;background:var(--surface-elevated)}.search-nft-image.loading{opacity:.6;animation:pulse 2s ease-in-out infinite}.search-nft-rank-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);color:#fff;padding:.5rem .75rem;border-radius:20px;font-weight:700;font-size:.875rem;box-shadow:0 4px 12px rgba(0,0,0,.3)}.search-nft-rank-badge .rank-number{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.search-nft-details{display:flex;flex-direction:column;gap:1.5rem;width:100%}.search-nft-details h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;text-align:center}@media(min-width: 768px){.search-nft-details h3{font-size:2.25rem}}.search-nft-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));gap:1rem;padding:1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:16px;max-width:600px;margin:0 auto}@media(min-width: 768px){.search-nft-stats{grid-template-columns:repeat(5, 1fr);gap:1.5rem}}.search-nft-stats .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.search-nft-stats .stat-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-nft-stats .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.search-nft-trending{display:flex;justify-content:center;margin:1rem 0}@media(min-width: 768px){.search-nft-trending{justify-content:center;margin:0}}.trending-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(52,199,89,.1);color:var(--green);border:1px solid rgba(52,199,89,.2);border-radius:20px;font-size:.875rem;font-weight:600}.trending-indicator .trending-icon{width:16px;height:16px;stroke-width:2.5px}.trending-indicator.trending-down{background:rgba(255,59,48,.1);color:var(--red);border-color:rgba(255,59,48,.2)}.trending-indicator.trending-down .trending-icon{transform:rotate(180deg)}.trending-indicator.trending-neutral{background:rgba(142,142,147,.1);color:var(--text-secondary);border-color:var(--border)}.trending-indicator.trending-neutral .trending-icon{transform:rotate(-45deg)}.trending-indicator.neutral{background:rgba(255,149,0,.1);color:var(--orange);border-color:rgba(255,149,0,.2)}.trending-indicator.neutral .trending-icon{display:none}.trending-indicator.neutral::before{content:"📈";margin-right:.25rem}.search-nft-actions{display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:400px;margin:1.5rem auto;padding:0 1rem}@media(min-width: 480px){.search-nft-actions{flex-direction:row;justify-content:center;gap:1.25rem;margin:2rem auto}}.search-nft-actions .opensea-link{width:100%;max-width:220px;margin:0}@media(min-width: 480px){.search-nft-actions .opensea-link{width:auto;flex:1;max-width:200px}}.twitter-share-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.25rem;background:#1da1f2;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-decoration:none;width:100%;max-width:200px}@media(min-width: 480px){.twitter-share-button{width:auto;flex:1;max-width:180px}}.twitter-share-button .twitter-icon{width:18px;height:18px;stroke-width:2px}.twitter-share-button:hover{background:#0d8bd9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,161,242,.3)}.twitter-share-button:active{transform:translateY(0)}@media(min-width: 480px){.twitter-share-button{flex:1}}.continue-voting-section{margin-top:3rem;text-align:center;padding-top:2rem;border-top:1px solid var(--border)}@media(max-width: 768px){.search-section{padding:1rem 0 3rem}.search-container{padding:0 1rem}.search-header .search-info h2{font-size:2rem}.search-input-group{flex-direction:column;align-items:stretch}.search-input-group .search-button{padding:1rem;justify-content:center}.search-nft-card{padding:1.5rem;text-align:center}.search-back-button{top:1rem;left:1rem;padding:.5rem .75rem;font-size:.8rem}.search-back-button .back-icon{width:16px;height:16px}.search-share-button{top:3.5rem;left:1rem;width:40px;height:40px}.search-share-button .share-icon{width:16px;height:16px}.search-nft-stats{grid-template-columns:repeat(2, 1fr);padding:1rem;margin:0;gap:.75rem}}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:.3}}.loading-spinner-small{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.search-success-state{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search-button:focus-visible,.twitter-share-button:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}@media(prefers-contrast: high){.search-nft-card{border-width:2px}.search-input{border-width:2px}.trending-indicator{border-width:2px}}@media(prefers-reduced-motion: reduce){.search-nft-card,.search-nft-image,.search-button,.twitter-share-button{transition:none}.search-success-state{animation:none}.search-nft-image.loading{animation:none;opacity:.5}}.rating-chart-section{margin:2rem 0}.rating-chart-section .chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.rating-chart-section .chart-header h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-0.025em}.rating-chart-section .chart-header .chart-stats{display:flex;gap:2rem}.rating-chart-section .chart-header .chart-stats .chart-stat{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:.25rem}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-feature-settings:"tnum"}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-value[id=rating-change][data-positive=true]{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.3)}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-value[id=rating-change][data-positive=false]{color:#f43f5e;text-shadow:0 0 8px rgba(244,63,94,.3)}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-value[id=peak-rating]{color:#f59e0b;text-shadow:0 0 8px rgba(245,158,11,.3)}.rating-chart-section .chart-container{position:relative;background:linear-gradient(135deg, rgba(var(--surface-secondary-rgb), 0.9) 0%, rgba(var(--surface-rgb), 0.95) 100%);border-radius:20px;padding:2rem 1.5rem 1.5rem;border:1px solid rgba(var(--border-primary-rgb), 0.6);overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1)}.rating-chart-section .chart-container::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.02) 0%, transparent 50%, rgba(var(--accent-rgb), 0.02) 100%);pointer-events:none}.rating-chart-section .chart-container #rating-chart{width:100%;height:240px;display:block;max-width:100%;position:relative;z-index:1}.rating-chart-section .chart-container .chart-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:inherit;gap:1rem;z-index:2}.rating-chart-section .chart-container .chart-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(var(--accent-rgb), 0.2);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;box-shadow:0 0 20px rgba(var(--accent-rgb), 0.3)}.rating-chart-section .chart-container .chart-loading span{font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.025em}.rating-chart-section .chart-container .chart-loading.hidden{display:none}@media(max-width: 768px){.rating-chart-section{margin:1.5rem 0}.rating-chart-section .chart-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1rem}.rating-chart-section .chart-header h4{font-size:1.1rem}.rating-chart-section .chart-header .chart-stats{width:100%;justify-content:space-between;gap:1rem}.rating-chart-section .chart-header .chart-stats .chart-stat{align-items:center;text-align:center}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-label{font-size:.7rem}.rating-chart-section .chart-header .chart-stats .chart-stat .stat-value{font-size:1rem}.rating-chart-section .chart-container{padding:1.5rem 1rem 1rem;border-radius:16px}.rating-chart-section .chart-container #rating-chart{height:200px}}[data-theme=dark] .rating-chart-section .chart-container{background:linear-gradient(135deg, rgba(31, 41, 55, 0.95) 0%, rgba(17, 24, 39, 0.98) 100%);border-color:rgba(75,85,99,.4);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.02),inset 0 1px 0 hsla(0,0%,100%,.05)}[data-theme=dark] .rating-chart-section .chart-container::before{background:linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, transparent 50%, rgba(59, 130, 246, 0.03) 100%)}.search-rating-chart-section{margin:2rem 0}.search-rating-chart-section .chart-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem 0;letter-spacing:-0.025em}.search-rating-chart-section .chart-container{position:relative;background:linear-gradient(135deg, rgba(var(--surface-secondary-rgb), 0.9) 0%, rgba(var(--surface-rgb), 0.95) 100%);border-radius:20px;padding:2rem 1.5rem 1.5rem;border:1px solid rgba(var(--border-primary-rgb), 0.6);overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1)}.search-rating-chart-section .chart-container::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(var(--accent-rgb), 0.02) 0%, transparent 50%, rgba(var(--accent-rgb), 0.02) 100%);pointer-events:none}.search-rating-chart-section .chart-container #search-rating-chart{width:100%;height:240px;display:block;max-width:100%;position:relative;z-index:1}.search-rating-chart-section .chart-container .chart-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:inherit;gap:1rem;z-index:2}.search-rating-chart-section .chart-container .chart-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(var(--accent-rgb), 0.2);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite;box-shadow:0 0 20px rgba(var(--accent-rgb), 0.3)}.search-rating-chart-section .chart-container .chart-loading p{font-size:1rem;font-weight:500;color:var(--text-secondary);letter-spacing:.025em;margin:0}.search-rating-chart-section .chart-container .chart-loading.hidden{display:none}[data-theme=dark] .search-rating-chart-section .chart-container{background:linear-gradient(135deg, rgba(31, 41, 55, 0.95) 0%, rgba(17, 24, 39, 0.98) 100%);border-color:rgba(75,85,99,.4);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.02),inset 0 1px 0 hsla(0,0%,100%,.05)}[data-theme=dark] .search-rating-chart-section .chart-container::before{background:linear-gradient(135deg, rgba(59, 130, 246, 0.03) 0%, transparent 50%, rgba(59, 130, 246, 0.03) 100%)}@media(max-width: 768px){.search-rating-chart-section{margin:1.5rem 0}.search-rating-chart-section .chart-title{font-size:1.1rem;margin-bottom:1rem}.search-rating-chart-section .chart-container{padding:1.5rem 1rem 1rem;border-radius:16px}.search-rating-chart-section .chart-container #search-rating-chart{height:200px}}.search-recent-battles{margin:2rem 0;max-width:700px;width:100%}.search-recent-battles .battles-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem 0;letter-spacing:-0.025em}.search-recent-battles .battles-list{border:1px solid rgba(var(--border-primary-rgb), 0.6);border-radius:20px;background:linear-gradient(135deg, rgba(var(--surface-secondary-rgb), 0.9) 0%, rgba(var(--surface-rgb), 0.95) 100%);overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.05),inset 0 1px 0 hsla(0,0%,100%,.1)}.search-recent-battles .battles-list .battle-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 1.75rem;border-bottom:1px solid rgba(var(--border-primary-rgb), 0.2);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.search-recent-battles .battles-list .battle-card:last-child{border-bottom:none}.search-recent-battles .battles-list .battle-card:hover{background:rgba(var(--accent-rgb), 0.04);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.search-recent-battles .battles-list .battle-card .battle-matchup{display:flex;align-items:center;gap:1.5rem;flex:1}.search-recent-battles .battles-list .battle-card .battle-nft{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);padding:.5rem;border-radius:12px}.search-recent-battles .battles-list .battle-card .battle-nft:hover{transform:scale(1.08);background:rgba(var(--accent-rgb), 0.05)}.search-recent-battles .battles-list .battle-card .battle-nft .nft-image{width:64px;height:64px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.1);transition:all .3s ease}.search-recent-battles .battles-list .battle-card .battle-nft .nft-id{font-size:.8rem;font-weight:700;color:var(--text-primary);text-align:center;letter-spacing:.5px;background:rgba(var(--accent-rgb), 0.1);padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(var(--accent-rgb), 0.2)}.search-recent-battles .battles-list .battle-card .battle-vs{font-size:.8rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;background:rgba(var(--text-secondary-rgb), 0.1);padding:.5rem;border-radius:8px;border:1px solid rgba(var(--text-secondary-rgb), 0.2)}.search-recent-battles .battles-list .battle-card .battle-result{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.search-recent-battles .battles-list .battle-card .battle-result .result-text{font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:.375rem .75rem;border-radius:8px;text-align:center;min-width:60px}.search-recent-battles .battles-list .battle-card .battle-result .result-text.won{color:#fff;background:linear-gradient(135deg, #10b981 0%, #059669 100%);box-shadow:0 4px 12px rgba(16,185,129,.25),inset 0 1px 0 hsla(0,0%,100%,.1)}.search-recent-battles .battles-list .battle-card .battle-result .result-text.lost{color:#fff;background:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);box-shadow:0 4px 12px rgba(244,63,94,.25),inset 0 1px 0 hsla(0,0%,100%,.1)}.search-recent-battles .battles-list .battle-card .battle-result .result-date{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-align:center}.search-recent-battles .no-battles-message{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.search-recent-battles .no-battles-message p{font-size:1rem;font-weight:500;margin:0;opacity:.8}.search-recent-battles .no-battles-message.hidden{display:none}[data-theme=dark] .search-recent-battles .battles-list{background:linear-gradient(135deg, rgba(31, 41, 55, 0.95) 0%, rgba(17, 24, 39, 0.98) 100%);border-color:rgba(75,85,99,.4);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.02),inset 0 1px 0 hsla(0,0%,100%,.05)}[data-theme=dark] .search-recent-battles .battles-list .battle-card:hover{background:rgba(59,130,246,.05);box-shadow:0 4px 12px rgba(0,0,0,.25)}[data-theme=dark] .search-recent-battles .battles-list .battle-card .battle-nft .nft-image{box-shadow:0 4px 12px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05)}[data-theme=dark] .search-recent-battles .battles-list .battle-card .battle-nft .nft-id{background:rgba(var(--accent-rgb), 0.15);border-color:rgba(var(--accent-rgb), 0.25)}[data-theme=dark] .search-recent-battles .battles-list .battle-card .battle-nft:hover{background:rgba(59,130,246,.08)}[data-theme=dark] .search-recent-battles .battles-list .battle-card .battle-vs{background:rgba(var(--text-secondary-rgb), 0.15);border-color:rgba(var(--text-secondary-rgb), 0.25)}[data-theme=dark] .search-recent-battles .battles-list .battle-card .battle-result .result-text.won{background:linear-gradient(135deg, #10b981 0%, #059669 100%);box-shadow:0 4px 12px rgba(16,185,129,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}[data-theme=dark] .search-recent-battles .battles-list .battle-card .battle-result .result-text.lost{background:linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);box-shadow:0 4px 12px rgba(244,63,94,.3),inset 0 1px 0 hsla(0,0%,100%,.15)}@media(max-width: 768px){.search-recent-battles{margin:1.5rem 0;max-width:100%}.search-recent-battles .battles-title{font-size:1.1rem;margin-bottom:1rem;text-align:center}.search-recent-battles .battles-list{border-radius:16px}.search-recent-battles .battles-list .battle-card{flex-direction:column;align-items:center;gap:1rem;padding:1.25rem 1rem;text-align:center}.search-recent-battles .battles-list .battle-card .battle-matchup{justify-content:center;gap:1rem;width:100%;max-width:280px}.search-recent-battles .battles-list .battle-card .battle-nft{gap:.5rem;padding:.25rem}.search-recent-battles .battles-list .battle-card .battle-nft .nft-image{width:56px;height:56px;border-radius:10px}.search-recent-battles .battles-list .battle-card .battle-nft .nft-id{font-size:.75rem;padding:.2rem .4rem}.search-recent-battles .battles-list .battle-card .battle-vs{font-size:.7rem;padding:.375rem .5rem;letter-spacing:.8px;min-width:40px}.search-recent-battles .battles-list .battle-card .battle-result{margin-left:0;width:100%;max-width:200px}.search-recent-battles .battles-list .battle-card .battle-result .result-text{font-size:.85rem;padding:.5rem 1rem;width:100%;font-weight:700}.search-recent-battles .battles-list .battle-card .battle-result .result-date{font-size:.8rem;margin-top:.25rem}}@media(max-width: 480px){.search-recent-battles .battles-list .battle-card{padding:1rem .75rem}.search-recent-battles .battles-list .battle-card .battle-matchup{gap:.75rem;max-width:240px}.search-recent-battles .battles-list .battle-card .battle-nft .nft-image{width:48px;height:48px;border-radius:8px}.search-recent-battles .battles-list .battle-card .battle-nft .nft-id{font-size:.7rem;padding:.15rem .35rem}.search-recent-battles .battles-list .battle-card .battle-vs{font-size:.65rem;padding:.3rem .4rem}.search-recent-battles .battles-list .battle-card .battle-result{max-width:180px}.search-recent-battles .battles-list .battle-card .battle-result .result-text{font-size:.8rem;padding:.4rem .8rem}.search-recent-battles .battles-list .battle-card .battle-result .result-date{font-size:.75rem}}.multiple-results-container{max-width:800px;margin:0 auto;padding:24px}.multiple-results-header{text-align:center;margin-bottom:32px}.multiple-results-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.multiple-results-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.multiple-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;margin-bottom:32px}.result-card{background:var(--surface);border:1px solid rgba(var(--text-secondary-rgb), 0.1);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}.result-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.05);border-color:rgba(var(--accent-primary-rgb), 0.2)}.result-image-wrapper{position:relative;aspect-ratio:1;overflow:hidden}.result-image-wrapper .result-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.result-image-wrapper .result-collection-badge{position:absolute;top:12px;left:12px;background:rgba(var(--surface-rgb), 0.9);backdrop-filter:blur(10px);border:1px solid rgba(var(--text-secondary-rgb), 0.1);border-radius:8px;padding:4px 8px}.result-image-wrapper .result-collection-badge span{font-size:.75rem;font-weight:600;color:var(--text-primary)}.result-details{padding:20px}.result-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.result-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-bottom:20px}.result-stat{text-align:center}.result-stat .stat-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.result-stat .stat-value{display:block;font-size:.875rem;font-weight:700;color:var(--text-primary)}.select-result-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.select-result-button .button-arrow{width:16px;height:16px;transition:transform .3s ease}.select-result-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb), 0.3)}.select-result-button:hover .button-arrow{transform:translateX(2px)}.select-result-button:active{transform:translateY(0)}.multiple-results-footer{text-align:center}.back-to-search-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(var(--text-secondary-rgb), 0.1);border:1px solid rgba(var(--text-secondary-rgb), 0.2);border-radius:12px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-to-search-button svg{width:16px;height:16px;stroke:currentColor;stroke-width:2}.back-to-search-button:hover{background:rgba(var(--text-secondary-rgb), 0.15);color:var(--text-primary);border-color:rgba(var(--text-secondary-rgb), 0.3)}@media(max-width: 768px){.multiple-results-container{padding:16px}.multiple-results-grid{grid-template-columns:1fr;gap:16px}.result-details{padding:16px}.result-stats{grid-template-columns:repeat(3, 1fr);gap:8px}}@media(max-width: 480px){.multiple-results-header{margin-bottom:24px}.multiple-results-header h3{font-size:1.25rem}.multiple-results-header p{font-size:.875rem}.result-stats{grid-template-columns:1fr;gap:8px}.result-stats .result-stat{display:flex;justify-content:space-between;align-items:center;text-align:left}.result-stats .result-stat .stat-label{margin-bottom:0}}.leaderboards-section{min-height:calc(100vh - var(--navbar-height));padding:2rem 0 4rem;background:var(--background)}.leaderboards-container{max-width:1000px;margin:0 auto;padding:0 1.5rem}.leaderboards-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary)}.leaderboards-header .leaderboards-info h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.leaderboards-header .leaderboards-info .leaderboards-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.global-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-bottom:3rem}.global-stats .stat-card{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.global-stats .stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(var(--accent-rgb), 0.03) 50%, transparent 100%);opacity:0;transition:opacity .3s ease}.global-stats .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:var(--border-secondary)}.global-stats .stat-card:hover::before{opacity:1}.global-stats .stat-card .stat-number{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-0.02em;position:relative;z-index:1}.global-stats .stat-card .stat-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1}.collection-leaderboards .loading-state,.collection-leaderboards .empty-state,.collection-leaderboards .error-state{text-align:center;padding:4rem 2rem}.collection-leaderboards .loading-state h3,.collection-leaderboards .empty-state h3,.collection-leaderboards .error-state h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.collection-leaderboards .loading-state p,.collection-leaderboards .empty-state p,.collection-leaderboards .error-state p{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto}.collection-leaderboards .empty-state{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px}.collection-leaderboards .empty-state h3{color:var(--accent);margin-bottom:1rem}.collection-leaderboards .empty-state::before{content:"🏆";font-size:3rem;display:block;margin-bottom:1rem;opacity:.7}.collection-leaderboards .error-state{background:rgba(var(--error-rgb), 0.05);border:1px solid rgba(var(--error-rgb), 0.2);border-radius:16px}.collection-leaderboards .error-state h3{color:var(--error)}.collection-leaderboards .error-state::before{content:"⚠️";font-size:2rem;display:block;margin-bottom:1rem}.leaderboards-section .loading-spinner{width:48px;height:48px;border:4px solid rgba(var(--accent-rgb), 0.1);border-top:4px solid var(--accent);border-radius:50%;animation:spin 1.2s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.voters-leaderboard .voters-header{text-align:center;margin-bottom:2rem}.voters-leaderboard .voters-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.voters-leaderboard .voters-header p{font-size:.925rem;color:var(--text-secondary);font-weight:500}.voters-leaderboard .voters-list{display:flex;flex-direction:column;gap:0}.collection-header{margin-bottom:1.5rem}.collection-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.collection-header p{font-size:1rem;color:var(--text-secondary);margin:0}.voter-item{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem 2rem;margin-bottom:1.25rem;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.voter-item:hover{background:var(--surface-elevated);border-color:var(--border-secondary);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.08)}.voter-item .voter-rank{display:flex;align-items:center;justify-content:center;min-width:50px;margin-right:1.5rem}.voter-item .voter-rank .rank-display{font-size:1.25rem;font-weight:700;color:var(--text-primary);padding:.5rem;border-radius:12px;background:rgba(var(--accent-rgb), 0.1);min-width:50px;text-align:center}.voter-item .voter-name{flex:1;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.voter-item .voter-name[data-handle=true]{color:var(--accent)}.voter-item .voter-name .x-handle-link{display:inline-block;color:var(--accent);text-decoration:none;font-size:1.125rem;font-weight:600;transition:all .2s ease;cursor:pointer;touch-action:manipulation}.voter-item .voter-name .x-handle-link:hover,.voter-item .voter-name .x-handle-link:active,.voter-item .voter-name .x-handle-link:focus{color:var(--text-primary);text-decoration:none;transform:translateX(2px)}.voter-item .voter-name .add-twitter-link{display:inline-block;color:var(--text-tertiary);text-decoration:none;font-size:.875rem;font-weight:500;margin-left:.5rem;opacity:.8;transition:all .2s ease;cursor:pointer;touch-action:manipulation}.voter-item .voter-name .add-twitter-link:hover,.voter-item .voter-name .add-twitter-link:active,.voter-item .voter-name .add-twitter-link:focus{color:var(--accent);opacity:1;text-decoration:none}.voter-item .voter-stats{display:flex;gap:2.5rem;align-items:center}.voter-item .voter-stats .stat-item{display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:60px}.voter-item .voter-stats .stat-item .stat-number{font-size:1.375rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:.25rem}.voter-item .voter-stats .stat-item .stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.voter-item.rank-1{border-color:rgba(255,215,0,.3);background:linear-gradient(135deg, var(--surface) 0%, rgba(255, 215, 0, 0.02) 100%)}.voter-item.rank-1 .voter-rank .rank-display{background:linear-gradient(135deg, #FFD700, #FFA500);color:#8b4513;box-shadow:0 2px 8px rgba(255,215,0,.3)}.voter-item.rank-2{border-color:rgba(192,192,192,.3);background:linear-gradient(135deg, var(--surface) 0%, rgba(192, 192, 192, 0.02) 100%)}.voter-item.rank-2 .voter-rank .rank-display{background:linear-gradient(135deg, #C0C0C0, #A8A8A8);color:#2f4f4f;box-shadow:0 2px 8px rgba(192,192,192,.3)}.voter-item.rank-3{border-color:rgba(205,127,50,.3);background:linear-gradient(135deg, var(--surface) 0%, rgba(205, 127, 50, 0.02) 100%)}.voter-item.rank-3 .voter-rank .rank-display{background:linear-gradient(135deg, #CD7F32, #B8860B);color:#fff;box-shadow:0 2px 8px rgba(205,127,50,.3)}@media(max-width: 768px){.leaderboards-section{padding:1rem 0 3rem}.leaderboards-container{padding:0 1rem}.leaderboards-header{margin-bottom:2rem;text-align:left}.leaderboards-header .leaderboards-info h2{font-size:2rem}.leaderboards-header .leaderboards-subtitle{font-size:1rem}.global-stats{grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1rem}.global-stats .stat-card{padding:1.5rem 1rem}.global-stats .stat-card .stat-number{font-size:1.875rem}.voter-item{flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-radius:14px;text-align:left}.voter-item .voter-rank{min-width:40px;margin-right:1rem;flex-shrink:0}.voter-item .voter-rank .rank-display{font-size:1rem;padding:.375rem;min-width:40px}.voter-item .voter-name{font-size:1rem;flex:1;text-align:left}.voter-item .voter-name .x-handle-link{display:flex;align-items:center;font-size:1rem;color:var(--accent);text-decoration:none;font-weight:600;transition:all .2s ease;cursor:pointer;touch-action:manipulation;padding:.25rem .125rem;margin:-0.25rem -0.125rem;border-radius:4px;min-height:44px;line-height:1.5}.voter-item .voter-name .x-handle-link:hover,.voter-item .voter-name .x-handle-link:active,.voter-item .voter-name .x-handle-link:focus{color:var(--text-primary);text-decoration:none;background-color:rgba(var(--accent-rgb), 0.1)}.voter-item .voter-name .x-handle-link:active{transform:scale(0.98)}.voter-item .voter-name .add-twitter-link{display:inline-block;font-size:.8rem;margin-left:.4rem;padding:.375rem .5rem;cursor:pointer;touch-action:manipulation;min-height:44px;line-height:1.2;border-radius:4px}.voter-item .voter-name .add-twitter-link:hover,.voter-item .voter-name .add-twitter-link:active,.voter-item .voter-name .add-twitter-link:focus{color:var(--accent);opacity:1;text-decoration:none;background-color:rgba(var(--accent-rgb), 0.05)}.voter-item .voter-stats{gap:1.5rem;justify-content:flex-start;flex-shrink:0}.voter-item .voter-stats .stat-item{min-width:50px;align-items:flex-start}.voter-item .voter-stats .stat-item .stat-number{font-size:1.125rem}.voter-item .voter-stats .stat-item .stat-label{font-size:.7rem}}.multi-collection-leaderboards .collection-leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.multi-collection-leaderboards .collection-leaderboard-section{background:rgba(var(--surface-secondary-rgb), 0.3);border-radius:20px;padding:1.5rem;border:1px solid rgba(var(--text-secondary-rgb), 0.08);backdrop-filter:blur(20px);box-shadow:0 4px 16px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}.multi-collection-leaderboards .collection-section-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(var(--text-secondary-rgb), 0.1)}.multi-collection-leaderboards .collection-section-header h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.multi-collection-leaderboards .collection-section-header p{font-size:.875rem;color:var(--text-secondary);font-weight:500}.multi-collection-leaderboards .voters-list{display:flex;flex-direction:column;gap:.75rem}.multi-collection-leaderboards .voter-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(var(--surface-rgb), 0.5);border-radius:12px;border:1px solid rgba(var(--text-secondary-rgb), 0.06);transition:all .2s ease}.multi-collection-leaderboards .voter-item:hover{background:rgba(var(--surface-rgb), 0.8);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.multi-collection-leaderboards .voter-item .voter-rank{font-size:.875rem;font-weight:700;color:var(--accent-primary);min-width:30px}.multi-collection-leaderboards .voter-item .voter-info{flex:1}.multi-collection-leaderboards .voter-item .voter-info .voter-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.multi-collection-leaderboards .voter-item .voter-info .voter-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.multi-collection-leaderboards .voter-item .voter-info .voter-stats .vote-count{font-weight:600}.multi-collection-leaderboards .voter-item .voter-info .voter-stats .streak{color:var(--accent-secondary);font-weight:500}.multi-collection-leaderboards .empty-voters{text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-style:italic}@media(max-width: 768px){.multi-collection-leaderboards .collection-leaderboard-grid{grid-template-columns:1fr;gap:1.5rem}.multi-collection-leaderboards .collection-leaderboard-section{padding:1.25rem;border-radius:16px}.multi-collection-leaderboards .voter-item{padding:.875rem}.multi-collection-leaderboards .voter-item .voter-info .voter-stats{flex-direction:column;gap:.25rem}}@media(max-width: 480px){.leaderboards-header{text-align:left !important;padding:0 .5rem}.leaderboards-header .leaderboards-info h2{font-size:1.75rem}.voter-item{padding:1rem;margin-bottom:1rem}.voter-item .voter-name .x-handle-link{padding:.375rem .25rem;margin:-0.375rem -0.25rem;min-height:48px;font-size:.95rem}.voter-item .voter-name .add-twitter-link{padding:.5rem .75rem;min-height:48px;font-size:.8rem}.voter-item .voter-stats{gap:1rem}.voter-item .voter-stats .stat-item{min-width:45px}.voter-item .voter-stats .stat-item .stat-number{font-size:1rem}.voter-item .voter-stats .stat-item .stat-label{font-size:.65rem}.multi-collection-leaderboards .collection-leaderboard-section{padding:1rem;margin:0 -0.5rem}.multi-collection-leaderboards .collection-section-header{text-align:left}.multi-collection-leaderboards .collection-section-header h3{font-size:1.125rem}.multi-collection-leaderboards .voter-item{padding:.75rem;gap:.75rem}.multi-collection-leaderboards .voter-item .voter-rank{min-width:25px;font-size:.8rem}.multi-collection-leaderboards .voter-item .voter-info .voter-name{font-size:.9rem}.multi-collection-leaderboards .voter-item .voter-info .voter-stats{font-size:.75rem}}.update-profile-section{min-height:calc(100vh - var(--navbar-height));padding:2rem 0 4rem;background:var(--background)}.update-profile-container{max-width:800px;margin:0 auto;padding:0 1.5rem}.update-profile-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary);position:relative}.update-profile-header .back-button{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.update-profile-header .back-button svg{width:18px;height:18px;stroke:currentColor}.update-profile-header .back-button:hover{background:var(--surface-secondary);color:var(--text-primary);transform:translateX(-2px)}.update-profile-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-0.02em}.update-profile-header p{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.update-profile-content .profile-section{background:var(--surface);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;margin-bottom:2rem}.update-profile-content .profile-section:last-child{margin-bottom:0}.update-profile-content .profile-section .section-header{margin-bottom:1.5rem}.update-profile-content .profile-section .section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.update-profile-content .profile-section .section-header p{color:var(--text-secondary);font-size:.925rem;line-height:1.5}.x-handle-input .input-group{display:flex;align-items:center;border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;margin-bottom:.75rem;transition:border-color .3s ease}.x-handle-input .input-group:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.1)}.x-handle-input .input-group .input-prefix{padding:1rem .75rem;background:var(--surface-secondary);color:var(--text-secondary);font-weight:600;border-right:1px solid var(--border-primary)}.x-handle-input .input-group input{flex:1;padding:1rem .75rem;background:rgba(0,0,0,0);height:30px;border:none;color:var(--text-primary);font-size:1rem}.x-handle-input .input-group input::placeholder{color:var(--text-placeholder)}.x-handle-input .input-group input:focus{outline:none}.x-handle-input .input-group .save-button{padding:1rem 1.25rem;background:var(--accent);color:var(--text-on-accent);border:none;font-weight:600;cursor:pointer;transition:background-color .3s ease}.x-handle-input .input-group .save-button:hover{background:var(--accent-dark)}.x-handle-input .input-hint{font-size:.875rem;color:var(--text-tertiary);margin:0}.settings-list .setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 0;border-bottom:1px solid var(--border-primary)}.settings-list .setting-item:last-child{border-bottom:none;padding-bottom:0}.settings-list .setting-item:first-child{padding-top:0}.settings-list .setting-item .setting-info{flex:1;margin-right:1rem}.settings-list .setting-item .setting-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.settings-list .setting-item .setting-info p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.2)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-secondary);transition:.3s ease;border-radius:28px}.toggle-switch .toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s ease;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}.checkbox-container{position:relative;display:inline-block;cursor:pointer;padding-left:30px;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container input:checked~.checkmark{background-color:var(--accent);border-color:var(--accent)}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container input:focus~.checkmark{box-shadow:0 0 0 3px rgba(var(--accent-rgb), 0.2)}.checkbox-container .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:rgba(0,0,0,0);border:2px solid var(--border-secondary);border-radius:4px;transition:all .3s ease}.checkbox-container .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container .checkmark:hover{border-color:var(--accent)}@media(max-width: 768px){.update-profile-section{padding:1rem 0 3rem}.update-profile-container{padding:0 1rem}.update-profile-header{margin-bottom:2rem}.update-profile-header .back-button{position:static;align-self:flex-start;margin-bottom:1.5rem}.update-profile-header h1{font-size:2rem}.update-profile-header p{font-size:1rem}.update-profile-content .profile-section{padding:1.5rem}.settings-list .setting-item{flex-direction:column;gap:1rem;align-items:flex-start}.settings-list .setting-item .setting-info{margin-right:0}}.voting-history-section{min-height:calc(100vh - var(--navbar-height) - var(--footer-height));padding:2rem 0 4rem;background:var(--background)}.voting-history-container{max-width:1200px;margin:0 auto;padding:0 2rem}.voting-history-header{position:relative;text-align:center;margin-bottom:3rem}.voting-history-header h2{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-align:center}.voting-history-header .back-button{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s ease;cursor:pointer}.voting-history-header .back-button svg{width:18px;height:18px;stroke:currentColor;stroke-width:2}.voting-history-header .back-button:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-50%) translateX(-2px)}.voting-history-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem}.loading-state .loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{color:var(--text-secondary);font-size:1.125rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem}.empty-state .empty-icon{width:80px;height:80px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:50%}.empty-state .empty-icon svg{width:40px;height:40px;stroke:var(--text-tertiary);stroke-width:1.5}.empty-state h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.empty-state p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem}.empty-state .start-voting-button{display:inline-flex;align-items:center;padding:.875rem 1.5rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease}.empty-state .start-voting-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.voting-history-content .pagination-info{display:flex;justify-content:center;margin-bottom:2rem}.voting-history-content .pagination-info #vote-count-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.vote-items{display:grid;gap:1.5rem;margin-bottom:3rem}.vote-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.vote-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--accent) 0%, var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease}.vote-item:hover{border-color:var(--accent)}.vote-item:hover::before{opacity:1}.vote-item .vote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vote-item .vote-header .vote-date{color:var(--text-secondary);font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.vote-item .vote-header .vote-date::before{content:"🗓️";font-size:.75rem}.vote-item .vote-battle{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center}.vote-item .vote-battle .nft-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;padding-bottom:0;border-radius:16px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;position:relative;overflow:hidden}.vote-item .vote-battle .nft-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, transparent 0%, rgba(255, 255, 255, 0.1) 100%);opacity:0;transition:opacity .3s ease}.vote-item .vote-battle .nft-card:hover::before{opacity:1}.vote-item .vote-battle .nft-card.winner{border:2px solid #22c55e;position:relative}.vote-item .vote-battle .nft-card.winner .winner-badge{position:absolute;top:.5rem;left:.5rem;display:flex;align-items:center;gap:.25rem;background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);color:#fff;padding:.25rem .5rem;border-radius:6px;font-size:.625rem;font-weight:700;box-shadow:0 2px 4px rgba(34,197,94,.3);text-transform:uppercase;letter-spacing:.05em;z-index:10}.vote-item .vote-battle .nft-card.winner .winner-badge svg{width:10px;height:10px}.vote-item .vote-battle .nft-card.winner:hover{border-color:#16a34a}.vote-item .vote-battle .nft-card.loser{border:2px solid var(--border);opacity:.8}.vote-item .vote-battle .nft-card.loser:hover{opacity:1;border-color:var(--border-hover)}.vote-item .vote-battle .nft-card .nft-image{width:90px;height:90px;border-radius:12px;object-fit:cover;margin-bottom:1rem;background:var(--surface-secondary);border:2px solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.vote-item .vote-battle .nft-card .nft-info{margin-bottom:1rem}.vote-item .vote-battle .nft-card .nft-name{font-size:.925rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem;line-height:1.2}.vote-item .vote-battle .nft-card .nft-id{font-size:.8rem;color:var(--text-tertiary);font-weight:500;background:var(--surface-tertiary);padding:.25rem .5rem;border-radius:6px;display:inline-block}.vote-item .vote-battle .vs-indicator{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);border-radius:50%;font-size:.8rem;font-weight:800;color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb), 0.3);border:3px solid var(--surface);position:relative;z-index:10}.vote-item .vote-battle .vs-indicator::before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-secondary) 100%);border-radius:50%;z-index:-1;filter:blur(8px);opacity:.6}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-controls .pagination-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-controls .pagination-button svg{width:16px;height:16px;stroke:currentColor;stroke-width:2}.pagination-controls .pagination-button:not(:disabled):hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-hover)}.pagination-controls .pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-controls .pagination-numbers{display:flex;gap:.25rem}.pagination-controls .pagination-numbers .page-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-controls .pagination-numbers .page-number.current{background:var(--accent);color:#fff}.pagination-controls .pagination-numbers .page-number:not(.current){color:var(--text-secondary)}.pagination-controls .pagination-numbers .page-number:not(.current):hover{background:var(--surface-hover);color:var(--text-primary)}.pagination-controls .pagination-numbers .pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-tertiary)}@media(max-width: 768px){.voting-history-section{padding:1rem 0 3rem}.voting-history-container{padding:0 1rem}.voting-history-header{margin-bottom:2rem}.voting-history-header .back-button{position:relative;top:20px;align-self:flex-start;margin-bottom:1.5rem}.voting-history-header h1{font-size:2rem}.voting-history-header p{font-size:1rem}.vote-item{padding:.5rem}.vote-item .vote-header{margin-bottom:1rem}.vote-item .vote-battle{grid-template-columns:1fr;gap:.5rem}.vote-item .vote-battle .nft-card{display:grid;grid-template-columns:50px 1fr auto;gap:.75rem;align-items:center;text-align:left;width:100%;flex:1;padding:.75rem;transition:none}.vote-item .vote-battle .nft-card .nft-image{width:50px;height:50px;margin-bottom:0;transition:none}.vote-item .vote-battle .nft-card .nft-info .nft-name{margin-bottom:.25rem;font-size:.875rem}.vote-item .vote-battle .nft-card .winner-badge{margin-top:0;position:static;display:inline-flex;padding:.2rem .4rem;font-size:.5rem;gap:.2rem}.vote-item .vote-battle .nft-card .winner-badge svg{width:8px;height:8px}.vote-item .vote-battle .nft-card:hover{transform:none;scale:none;box-shadow:none}.vote-item .vote-battle .nft-card.winner{border:2px solid #22c55e;background:rgba(0,0,0,0)}.vote-item .vote-battle .nft-card.winner::before{display:none}.vote-item .vote-battle .nft-card.winner:hover{border-color:#16a34a;background:rgba(0,0,0,0);box-shadow:none;transform:none;scale:none}.vote-item .vote-battle .nft-card.loser{border:2px solid var(--border);background:rgba(0,0,0,0)}.vote-item .vote-battle .nft-card.loser:hover{border-color:var(--border);background:rgba(0,0,0,0);box-shadow:none;transform:none;scale:none}.vote-item .vote-battle .vs-indicator{display:none}.pagination-controls{flex-direction:column;gap:1rem}.pagination-controls .pagination-numbers{order:-1}}.next-up-preview{position:relative;z-index:50;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(0.25, 0.8, 0.25, 1)}.next-up-preview.visible{opacity:1;transform:translateY(0)}.next-up-preview .preview-content{padding:10px 40px;min-width:160px;transition:all .3s ease;cursor:pointer}.next-up-preview .preview-content:hover .preview-images .preview-image{transform:scale(1.05);opacity:1}.next-up-preview .preview-content:hover .preview-images .vs-badge{transform:scale(1.1);background:var(--accent);color:var(--surface)}.next-up-preview .preview-label{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;text-align:center}.next-up-preview .preview-images{display:flex;align-items:center;gap:8px;justify-content:center}.next-up-preview .preview-images .preview-image{width:60px;height:60px;border-radius:6px;object-fit:cover;opacity:.8;transition:all .3s ease;border:1px solid rgba(var(--border-rgb), 0.2)}.next-up-preview .preview-images .preview-image.left{animation-delay:.1s}.next-up-preview .preview-images .preview-image.right{animation-delay:.2s}.next-up-preview .preview-images .vs-badge{font-size:8px;font-weight:700;color:var(--text-secondary);background:rgba(var(--text-secondary-rgb), 0.1);border-radius:4px;padding:2px 4px;transition:all .3s ease;letter-spacing:.2px}.next-up-preview.loading .preview-images .preview-image{background:var(--surface-secondary);border:1px solid rgba(var(--border-rgb), 0.2);animation:pulse 2s ease-in-out infinite}.next-up-preview.loading .preview-images .vs-badge{opacity:.5}.next-up-preview.updating .preview-images{animation:previewFadeIn .5s ease-out}@media(max-width: 768px){.next-up-preview{min-width:auto;width:100%}.next-up-preview .preview-content{padding:16px 20px;min-width:auto}.next-up-preview .preview-label{font-size:12px;margin-bottom:8px;font-weight:600}.next-up-preview .preview-images .preview-image{width:60px;height:60px}.next-up-preview .preview-images .vs-badge{font-size:10px;padding:4px 8px;margin:0 8px;font-weight:600}}body.dark-mode .nft-card{background:#3a3a3c !important}@keyframes previewFadeIn{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:.8}}.boss-battle-container{position:relative;z-index:40;display:flex;flex-direction:column;align-items:center;pointer-events:none}.boss-battle-container .boss-trophy,.boss-battle-container .boss-battle-progress{pointer-events:auto}.boss-trophy{display:none;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(30px) scale(0.8);transition:all .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.boss-trophy.visible{display:flex;opacity:1;transform:translateY(0) scale(1)}.boss-trophy.active{display:flex}.boss-trophy.animating{display:flex;animation:trophyBounce .8s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.boss-trophy .trophy-svg{filter:drop-shadow(0 4px 12px rgba(255, 215, 0, 0.4))}.boss-trophy .trophy-svg .sparkles circle{animation:sparkle 2s ease-in-out infinite}.boss-trophy .trophy-svg .sparkles circle:nth-child(1){animation-delay:0s}.boss-trophy .trophy-svg .sparkles circle:nth-child(2){animation-delay:.5s}.boss-trophy .trophy-svg .sparkles circle:nth-child(3){animation-delay:1s}.boss-trophy .trophy-svg .sparkles circle:nth-child(4){animation-delay:1.5s}.boss-trophy .boss-trophy-text{text-align:center}.boss-trophy .boss-trophy-text h3{font-size:18px;font-weight:800;color:gold;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.boss-trophy .boss-trophy-text p{font-size:12px;color:var(--text-secondary);font-weight:500}.boss-battle-progress{padding:16px 20px;min-width:240px;display:none;position:relative;overflow:hidden;transform:translateY(20px);opacity:0;transition:all .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.boss-battle-progress::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent 0%, rgba(var(--text-primary-rgb), 0.02) 50%, transparent 100%);animation:backgroundShimmer 4s linear infinite;pointer-events:none}.boss-battle-progress.visible{display:block;transform:translateY(0);opacity:1}.boss-battle-progress.active{display:block}.boss-battle-progress.boss-battle-mode{display:block;border-color:rgba(255,215,0,.4);box-shadow:0 8px 32px rgba(255,215,0,.15),0 4px 12px rgba(255,215,0,.1),inset 0 1px 0 hsla(0,0%,100%,.2);background:rgba(var(--surface-rgb), 0.98)}.boss-battle-progress.boss-battle-mode .progress-track{background:linear-gradient(90deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 165, 0, 0.08) 100%);border:1px solid rgba(255,215,0,.2)}.boss-battle-progress.boss-battle-mode::before{background:linear-gradient(90deg, transparent 0%, rgba(255, 215, 0, 0.06) 50%, transparent 100%)}.boss-battle-progress .progress-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative;z-index:2}.boss-battle-progress .progress-header .championship-section{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:4px;text-align:center}.boss-battle-progress .progress-header .championship-section .progress-text{font-size:11px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;position:relative}.boss-battle-progress .progress-header .championship-section .progress-text .tier-info{display:flex;align-items:center;gap:6px;justify-content:center}.boss-battle-progress .progress-header .championship-section .progress-text .tier-info .tier-icon{font-size:14px;line-height:1}.boss-battle-progress .progress-header .championship-section .progress-text .tier-info .tier-name{font-size:11px;font-weight:700;letter-spacing:.8px;line-height:1}.boss-battle-progress .progress-header .championship-section .progress-text.tier-lower_level .tier-name{background:linear-gradient(135deg, #34C759, #30D158);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.boss-battle-progress .progress-header .championship-section .progress-text.tier-mid_tier .tier-name{background:linear-gradient(135deg, #007AFF, #5856D6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.boss-battle-progress .progress-header .championship-section .progress-text.tier-upper_tier .tier-name{background:linear-gradient(135deg, #FF9500, #FFCC02);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.boss-battle-progress .progress-header .championship-section .progress-text.tier-underdog .tier-name{background:linear-gradient(135deg, #FF3B30, #FF6B6B);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.boss-battle-progress .progress-header .championship-section .progress-text.tier-elite .tier-name{background:linear-gradient(135deg, #FFD700, #FFA500);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.boss-battle-progress .progress-header .championship-section .progress-counter{display:flex;align-items:center;gap:6px;margin-left:10px;font-variant-numeric:tabular-nums;justify-content:center}.boss-battle-progress .progress-header .championship-section .progress-counter .vote-count{font-size:14px;font-weight:700;color:#007aff;min-width:16px;text-align:center;transition:all .3s ease}.boss-battle-progress .progress-header .championship-section .progress-counter .vote-count.updating{animation:simpleCounterBounce .5s ease-out}.boss-battle-progress .progress-header .championship-section .progress-counter .counter-divider{font-size:10px;font-weight:400;color:var(--text-secondary);opacity:.6;margin:0 2px}.boss-battle-progress .progress-header .championship-section .progress-counter .vote-total{font-size:15px;font-weight:500;color:var(--text-secondary);opacity:.8}.boss-battle-progress .progress-footer{display:flex;justify-content:center;align-items:center;margin-top:6px;position:relative;z-index:2}.boss-battle-progress .progress-footer .apu-branding{display:flex;align-items:center;gap:6px;text-decoration:none;padding:4px 8px;border-radius:12px;transition:all .2s ease}.boss-battle-progress .progress-footer .apu-branding:hover{background:rgba(var(--text-primary-rgb), 0.05);transform:translateY(-1px)}.boss-battle-progress .progress-footer .apu-branding .apu-logo-footer{width:16px;height:16px;border-radius:50%;object-fit:cover}.boss-battle-progress .progress-footer .apu-branding .apu-text{font-size:10px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.boss-battle-progress .progress-track{position:relative;height:10px;background:rgba(var(--text-secondary-rgb), 0.12);border-radius:6px;overflow:hidden;border:1px solid rgba(var(--border-rgb), 0.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),inset 0 1px 2px rgba(0,0,0,.05),0 1px 0 hsla(0,0%,100%,.1);transition:all .3s ease}.boss-battle-progress .progress-track .progress-fill{position:absolute;top:0;left:0;height:100%;width:var(--progress-width, 0%);background:linear-gradient(90deg, #007AFF 0%, #5856D6 30%, #AF52DE 60%, #FF2D92 90%, #FF3B30 100%);border-radius:5px;transition:width .8s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden}.boss-battle-progress .progress-track .progress-fill.tier-lower_level{background:linear-gradient(90deg, #34C759 0%, #30D158 50%, #32D74B 100%)}.boss-battle-progress .progress-track .progress-fill.tier-mid_tier{background:linear-gradient(90deg, #007AFF 0%, #5856D6 50%, #AF52DE 100%)}.boss-battle-progress .progress-track .progress-fill.tier-upper_tier{background:linear-gradient(90deg, #FF9500 0%, #FFCC02 50%, #FFB800 100%)}.boss-battle-progress .progress-track .progress-fill.tier-underdog{background:linear-gradient(90deg, #FF3B30 0%, #FF6B6B 50%, #FF5722 100%)}.boss-battle-progress .progress-track .progress-fill.tier-elite{background:linear-gradient(90deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%)}.boss-battle-progress .progress-track .progress-fill::before{content:"";position:absolute;top:0;left:-50%;width:50%;opacity:.1;height:100%;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 100%);animation:progressShimmer 2s linear infinite}.boss-battle-progress .progress-track .progress-fill.updating{animation:progressUpdate .6s ease-out}.boss-battle-progress .progress-track .progress-fill.championship-complete{background:linear-gradient(90deg, #FFD700 0%, #FFA500 25%, #FF8C00 50%, #FFD700 75%, #FFA500 100%);background-size:200% 100%;animation:championshipComplete 2s ease-in-out,goldShimmer 1.5s linear infinite;box-shadow:0 0 16px rgba(255,215,0,.6),0 0 32px rgba(255,215,0,.3),inset 0 1px 0 hsla(0,0%,100%,.5)}.boss-battle-progress .progress-track .progress-fill.championship-complete::before{background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.8) 100%);animation:progressShimmer 1.2s linear infinite}main.boss-battle-mode,body main.boss-battle-mode,body.dark-mode main.boss-battle-mode,body.light-mode main.boss-battle-mode{background:radial-gradient(circle at 30% 20%, rgba(255, 215, 0, 0.3) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(255, 193, 7, 0.25) 0%, transparent 60%),radial-gradient(circle at 50% 50%, rgba(255, 235, 59, 0.2) 0%, transparent 80%),linear-gradient(135deg, rgba(255, 215, 0, 0.25) 0%, rgba(255, 193, 7, 0.15) 25%, rgba(255, 235, 59, 0.18) 50%, rgba(255, 193, 7, 0.15) 75%, rgba(255, 215, 0, 0.25) 100%),#1a1a1a !important;position:relative;transition:background 2s cubic-bezier(0.4, 0, 0.2, 1) !important}main.boss-battle-mode::before,body main.boss-battle-mode::before,body.dark-mode main.boss-battle-mode::before,body.light-mode main.boss-battle-mode::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background:linear-gradient(0deg, rgba(255, 215, 0, 0.2) 0%, transparent 30%),linear-gradient(90deg, rgba(255, 215, 0, 0.2) 0%, transparent 30%),linear-gradient(180deg, rgba(255, 215, 0, 0.2) 0%, transparent 30%),linear-gradient(270deg, rgba(255, 215, 0, 0.2) 0%, transparent 30%);pointer-events:none;z-index:1}main.boss-battle-mode::after,body main.boss-battle-mode::after,body.dark-mode main.boss-battle-mode::after,body.light-mode main.boss-battle-mode::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%, rgba(255, 215, 0, 0.15) 0%, transparent 40%),radial-gradient(circle at 75% 75%, rgba(255, 193, 7, 0.12) 0%, transparent 40%),radial-gradient(circle at 50% 10%, rgba(255, 235, 59, 0.1) 0%, transparent 30%),radial-gradient(circle at 50% 90%, rgba(255, 215, 0, 0.1) 0%, transparent 30%);animation:royalGlow 8s ease-in-out infinite;pointer-events:none;z-index:1}main.boss-battle-mode .nft-card,body main.boss-battle-mode .nft-card,body.dark-mode main.boss-battle-mode .nft-card,body.light-mode main.boss-battle-mode .nft-card{border:2px solid rgba(0,0,0,0);background:linear-gradient(var(--surface), var(--surface)) padding-box,linear-gradient(45deg, #FFD700, #FFA500) border-box;position:relative;z-index:2}main.boss-battle-mode .nft-card:hover,body main.boss-battle-mode .nft-card:hover,body.dark-mode main.boss-battle-mode .nft-card:hover,body.light-mode main.boss-battle-mode .nft-card:hover{transform:translateY(-8px) scale(1.02)}main.boss-battle-mode .nft-card .glow-effect,body main.boss-battle-mode .nft-card .glow-effect,body.dark-mode main.boss-battle-mode .nft-card .glow-effect,body.light-mode main.boss-battle-mode .nft-card .glow-effect{background:radial-gradient(circle, rgba(255, 215, 0, 0.3) 0%, transparent 70%);opacity:1}main.boss-battle-mode .nft-card .rank-badge,body main.boss-battle-mode .nft-card .rank-badge,body.dark-mode main.boss-battle-mode .nft-card .rank-badge,body.light-mode main.boss-battle-mode .nft-card .rank-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg, #FFD700, #FFA500);color:#000;padding:6px 10px;border-radius:8px;font-weight:700;font-size:12px;box-shadow:0 2px 8px rgba(255,215,0,.4);z-index:10;display:flex;flex-direction:column;align-items:center;gap:2px}main.boss-battle-mode .nft-card .rank-badge .rank-number,body main.boss-battle-mode .nft-card .rank-badge .rank-number,body.dark-mode main.boss-battle-mode .nft-card .rank-badge .rank-number,body.light-mode main.boss-battle-mode .nft-card .rank-badge .rank-number{font-size:14px;font-weight:800}main.boss-battle-mode .nft-card .rank-badge .rank-rating,body main.boss-battle-mode .nft-card .rank-badge .rank-rating,body.dark-mode main.boss-battle-mode .nft-card .rank-badge .rank-rating,body.light-mode main.boss-battle-mode .nft-card .rank-badge .rank-rating{font-size:10px;opacity:.8}main.boss-battle-mode .nft-card .rank-badge,body main.boss-battle-mode .nft-card .rank-badge,body.dark-mode main.boss-battle-mode .nft-card .rank-badge,body.light-mode main.boss-battle-mode .nft-card .rank-badge{animation:rankBadgeIn .6s cubic-bezier(0.34, 1.56, 0.64, 1)}main.boss-battle-mode .vs-divider,body main.boss-battle-mode .vs-divider,body.dark-mode main.boss-battle-mode .vs-divider,body.light-mode main.boss-battle-mode .vs-divider{position:relative;z-index:2}main.boss-battle-mode .vs-divider .vs-circle,body main.boss-battle-mode .vs-divider .vs-circle,body.dark-mode main.boss-battle-mode .vs-divider .vs-circle,body.light-mode main.boss-battle-mode .vs-divider .vs-circle{background:linear-gradient(135deg, #FFD700, #FFA500);color:#000;font-weight:800;box-shadow:0 0 20px rgba(255,215,0,.4)}main.boss-battle-mode .voting-prompt,body main.boss-battle-mode .voting-prompt,body.dark-mode main.boss-battle-mode .voting-prompt,body.light-mode main.boss-battle-mode .voting-prompt{position:relative;z-index:2}main.boss-battle-mode .voting-prompt h3,body main.boss-battle-mode .voting-prompt h3,body.dark-mode main.boss-battle-mode .voting-prompt h3,body.light-mode main.boss-battle-mode .voting-prompt h3{color:gold;font-weight:800;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.4),0 0 12px rgba(255,215,0,.4);filter:drop-shadow(0 0 16px rgba(255, 215, 0, 0.5));text-transform:uppercase}main.boss-battle-mode .voting-prompt p,body main.boss-battle-mode .voting-prompt p,body.dark-mode main.boss-battle-mode .voting-prompt p,body.light-mode main.boss-battle-mode .voting-prompt p{color:rgba(255,215,0,.95);text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 8px rgba(255,215,0,.2);font-weight:600}@keyframes rankBadgeIn{0%{opacity:0;transform:translateY(-10px) scale(0.8)}100%{opacity:1;transform:translateY(0) scale(1)}}body.dark-mode .boss-battle-progress .progress-track{background:rgba(var(--text-secondary-rgb), 0.15);border-color:rgba(var(--border-rgb), 0.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.05)}body.light-mode .boss-battle-progress .progress-track{background:rgba(28,28,30,.08);border-color:rgba(0,0,0,.15);box-shadow:inset 0 2px 4px rgba(0,0,0,.04),inset 0 1px 2px rgba(0,0,0,.02),0 1px 0 hsla(0,0%,100%,.6)}@media(prefers-color-scheme: dark){:root:not(.light-mode) .boss-battle-progress .progress-track{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 hsla(0,0%,100%,.05)}}@media(max-width: 768px){.boss-battle-container{width:100%;max-width:none}.boss-battle-container .boss-battle-progress{min-width:auto;padding:16px 20px;width:100%}.boss-battle-container .boss-battle-progress .progress-header{margin-bottom:12px}.boss-battle-container .boss-battle-progress .progress-header .championship-section .progress-text{font-size:13px;letter-spacing:1px}.boss-battle-container .boss-battle-progress .progress-header .championship-section .progress-counter{gap:6px}.boss-battle-container .boss-battle-progress .progress-header .championship-section .progress-counter .vote-count{font-size:15px}.boss-battle-container .boss-battle-progress .progress-header .championship-section .progress-counter .counter-divider{font-size:10px}.boss-battle-container .boss-battle-progress .progress-header .championship-section .progress-counter .vote-total{font-size:15px}.boss-battle-container .boss-battle-progress .progress-footer{margin-top:8px}.boss-battle-container .boss-battle-progress .progress-footer .apu-branding{padding:6px 10px}.boss-battle-container .boss-battle-progress .progress-footer .apu-branding .apu-logo-footer{width:18px;height:18px}.boss-battle-container .boss-battle-progress .progress-footer .apu-branding .apu-text{font-size:11px;font-weight:600}.boss-battle-container .boss-battle-progress .progress-track{height:8px}.boss-battle-container .boss-battle-progress .progress-track .progress-fill{border-radius:4px}.boss-battle-container .boss-trophy .trophy-svg{width:60px;height:60px}.boss-battle-container .boss-trophy .boss-trophy-text h3{font-size:16px}.boss-battle-container .boss-trophy .boss-trophy-text p{font-size:11px}}@keyframes trophyBounce{0%{transform:translateY(50px) scale(0.5) rotate(-10deg);opacity:0}50%{transform:translateY(-10px) scale(1.1) rotate(5deg);opacity:1}100%{transform:translateY(0) scale(1) rotate(0deg);opacity:1}}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes backgroundShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes progressShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}@keyframes progressUpdate{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}@keyframes championshipComplete{0%{transform:scaleY(1);filter:brightness(1)}25%{transform:scaleY(1.2);filter:brightness(1.2)}50%{transform:scaleY(1.1);filter:brightness(1.4)}75%{transform:scaleY(1.15);filter:brightness(1.1)}100%{transform:scaleY(1);filter:brightness(1)}}@keyframes goldShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}@keyframes simpleCounterBounce{0%{transform:scale(1);color:#007aff}50%{transform:scale(1.2);color:#5856d6}100%{transform:scale(1);color:#007aff}}@keyframes championshipShimmer{0%{transform:translateX(0%);opacity:0}20%{opacity:1}50%{transform:translateX(100%);opacity:1}80%{opacity:1}100%{transform:translateX(200%);opacity:0}}@keyframes royalGlow{0%{opacity:.6;transform:scale(1)}25%{opacity:.8;transform:scale(1.02)}50%{opacity:1;transform:scale(1.05)}75%{opacity:.8;transform:scale(1.02)}100%{opacity:.6;transform:scale(1)}}.championship-announcement{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000;background:linear-gradient(135deg, rgba(255, 215, 0, 0.95) 0%, rgba(255, 165, 0, 0.95) 100%);color:#000;padding:24px 32px;border-radius:16px;text-align:center;box-shadow:0 8px 32px rgba(255,215,0,.4);opacity:0;transform:translate(-50%, -50%) scale(0.8);transition:all .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.championship-announcement.visible{opacity:1;transform:translate(-50%, -50%) scale(1)}.championship-announcement h2{font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.championship-announcement p{font-size:14px;font-weight:600;opacity:.8}.total-vote-counter{position:relative;z-index:50;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(0.25, 0.8, 0.25, 1)}.total-vote-counter.visible{opacity:1;transform:translateY(0)}.total-vote-counter .counter-content{backdrop-filter:blur(16px);padding:16px 20px;padding:10px 40px;text-align:center;transition:all .3s ease;cursor:pointer}.total-vote-counter .counter-content:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.12),0 6px 12px rgba(0,0,0,.06),inset 0 1px 0 hsla(0,0%,100%,.15)}.total-vote-counter .vote-number{font-size:32px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, #007AFF 0%, #5856D6 50%, #AF52DE 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.total-vote-counter .vote-number.updating{animation:totalCounterBounce .6s ease-out}.total-vote-counter .vote-number.milestone{animation:milestoneGlow 1.2s ease-out}.total-vote-counter .counter-label{font-size:11px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:1.2;opacity:.8}@media(max-width: 768px){.total-vote-counter{min-width:auto;width:100%}.total-vote-counter .counter-content{padding:16px 20px}.total-vote-counter .vote-number{font-size:36px}.total-vote-counter .counter-label{font-size:12px;line-height:1.4}}@keyframes totalCounterBounce{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}100%{transform:scale(1);filter:brightness(1)}}@keyframes milestoneGlow{0%{transform:scale(1);text-shadow:none}25%{transform:scale(1.05);text-shadow:0 0 20px rgba(0,122,255,.6)}50%{transform:scale(1.1);text-shadow:0 0 30px rgba(0,122,255,.8),0 0 60px rgba(88,86,214,.4)}75%{transform:scale(1.05);text-shadow:0 0 20px rgba(175,82,222,.6)}100%{transform:scale(1);text-shadow:none}}body{min-height:100vh}.sticky-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:24px;background:rgba(0,0,0,0);border:none;gap:24px;position:absolute;width:100%;bottom:0;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.bottom-footer{position:sticky;bottom:0;left:0;right:0;height:60px;background:rgba(0,0,0,0);border:none;z-index:101}.bottom-footer .footer-content{height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;padding:0 space(lg)}.bottom-footer .x-logo-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(0,0,0,0);border:none;transition:all .3s ease;text-decoration:none}.bottom-footer .x-logo-link:hover{transform:translateY(-1px)}.bottom-footer .x-logo-link:hover .x-logo{transform:scale(1.05);color:var(--text-primary)}.bottom-footer .x-logo-link:active{transform:translateY(0)}.bottom-footer .x-logo{width:16px;height:16px;color:var(--text-secondary);transition:all .3s ease}.bottom-footer .copyright{font-size:11px;font-weight:500;color:var(--text-tertiary);letter-spacing:.3px;text-align:center}.boss-battle-container{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:40}.next-up-preview{position:relative;flex:0 0 auto;display:flex;align-items:center;z-index:50}.total-vote-counter{position:relative;flex:0 0 auto;display:flex;align-items:center;z-index:50}.boss-battle-container,.next-up-preview,.total-vote-counter{display:none}body.voting-active .boss-battle-container,body.voting-active .next-up-preview,body.voting-active .total-vote-counter{display:block}.sticky-footer.footer-hidden{transform:translateY(50%);opacity:0;pointer-events:none}.sticky-footer.footer-animate-in{animation:footerFadeInUp 2s ease-out forwards}@keyframes footerFadeInUp{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}@media(max-height: 880px){.sticky-footer{position:relative}}@media(max-width: 768px){.sticky-footer{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;padding:20px 16px;gap:20px;text-align:center;position:relative}.total-vote-counter{grid-column:1/2;grid-row:1;justify-self:center;align-self:center}.next-up-preview{grid-column:2/3;grid-row:1;justify-self:center;align-self:center}.boss-battle-container{grid-column:1/-1;grid-row:2;justify-self:center;align-self:center}.bottom-footer{height:70px}.bottom-footer .footer-content{gap:6px}.bottom-footer .x-logo-link{width:28px;height:28px}.bottom-footer .x-logo{width:14px;height:14px}.bottom-footer .copyright{font-size:10px}}body.dark-mode .sticky-footer::before{display:none}body.dark-mode .bottom-footer{background:rgba(0,0,0,0);border:none}body.light-mode .sticky-footer::before{display:none}body.light-mode .bottom-footer{background:rgba(0,0,0,0);border:none}@media(prefers-color-scheme: dark){:root:not(.light-mode) .sticky-footer::before{display:none}:root:not(.light-mode) .bottom-footer{background:rgba(0,0,0,0);border:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #007AFF;--primary-hover: #0051D8;--accent: #007AFF;--accent-hover: #0051D8;--accent-alpha: rgba(0, 122, 255, 0.15);--text-primary: #F8F8F8;--text-secondary: #AEAEB2;--text-tertiary: #8E8E93;--background: #1C1C1E;--surface: #3A3A3C;--surface-elevated: #48484A;--surface-secondary: #48484A;--surface-tertiary: #636366;--surface-hover: #48484A;--background-secondary: #48484A;--border: #636366;--border-hover: #8E8E93;--border-primary: rgba(255, 255, 255, 0.1);--border-secondary: rgba(255, 255, 255, 0.05);--overlay: rgba(0, 0, 0, 0.9);--input-bg: var(--surface);--text-placeholder: #8E8E93;--text-on-accent: #ffffff;--accent-dark: #0051D8;--danger: #FF453A;--error: #FF453A;--error-rgb: 255, 69, 58;--green: #34C759;--red: #FF453A;--orange: #FF9500;--success: #34C759;--accent-primary: #007AFF;--accent-secondary: #5856D6;--gradient-primary: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);--text-primary-rgb: 248, 248, 248;--text-secondary-rgb: 174, 174, 178;--surface-rgb: 58, 58, 60;--border-rgb: 255, 255, 255;--accent-rgb: 0, 122, 255;--accent-primary-rgb: 10, 132, 255;--accent-secondary-rgb: 94, 92, 230;--danger-rgb: 255, 69, 58;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.4);--navbar-height: 80px}body{font-family:-apple-system,BlinkMacSystemFont,"Inter","SF Pro Display",system-ui,sans-serif;font-size:1rem;line-height:1.5;color:#1C1C1E;background:#F5F5F7;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .3s ease-out,color .3s ease-out}.hidden{display:none !important}.active{display:block}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{scroll-behavior:smooth}button:focus-visible,.collection-card:focus-visible{outline:2px solid #007aff;outline-offset:2px}@media print{.navbar,.voting-actions,.rankings-header{display:none !important}}/*# sourceMappingURL=main.css.map */