*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue:#1e40af;--primary-dark:#0f1a30;--primary-gray:#4b5563;--success-green:#059669;--error-red:#dc2626;--warning-orange:#d97706;--primary-cyan:#0ea5e9;--primary-purple:#7e22ce;--primary-orange:#ea580c;--bg-dark-1:#050810;--bg-dark-2:#0a0f1d;--bg-dark-3:#151f2f;--gradient-primary:linear-gradient(135deg,rgba(30,64,175,0.7),rgba(5,8,16,0.95));--gradient-card:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(10,14,26,0.98));--gradient-hover:linear-gradient(135deg,#1e40af,#050810);--gradient-header:linear-gradient(135deg,rgba(5,8,16,0.97),rgba(30,64,175,0.2));--gradient-footer:linear-gradient(135deg,rgba(3,5,10,0.99),rgba(5,8,16,0.97));--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 8px 32px rgba(0,0,0,0.5);--shadow-glow-cyan:0 0 10px rgba(14,165,233,0.3);--shadow-glow-purple:0 0 10px rgba(126,34,206,0.3)}body{font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,'Roboto','Oxygen','Ubuntu',sans-serif;background:url('../img/NewFondoHD.webp') no-repeat center center fixed;background-size:cover;color:#e2e8f0;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:var(--primary-blue);transition:all 0.3s ease}a:hover{color:#3b82f6}.header{background:var(--gradient-header);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:2px solid rgba(30,64,175,0.4);box-shadow:var(--shadow-md);padding:var(--space-md) 0;position:sticky;top:0;z-index:1000}.header__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.header__logo{font-size:1.75rem;font-weight:800;color:#f1f5f9;letter-spacing:3px;padding:var(--space-sm);position:relative;display:inline-block;text-shadow:0 0 10px rgba(30,64,175,0.6);background:linear-gradient(90deg,#60a5fa,#3b82f6,#1d4ed8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGlow 3s ease infinite;transition:all 0.3s ease}.header__logo:hover{animation:logoGlow 1s ease infinite,logoPulse 0.5s ease infinite;transform:scale(1.05)}@keyframes logoGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes logoPulse{0%,100%{text-shadow:0 0 10px rgba(30,64,175,0.6)}50%{text-shadow:0 0 20px rgba(59,130,246,0.9),0 0 30px rgba(30,64,175,0.7)}}.nav{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.nav-toggle{display:none;flex-direction:column;gap:5px;background:rgba(30,41,59,0.8);border:2px solid rgba(37,99,235,0.4);border-radius:var(--radius-sm);padding:8px;cursor:pointer;transition:all 0.3s ease;width:44px;height:44px;justify-content:center;align-items:center;box-shadow:var(--shadow-md)}.nav-toggle span{width:24px;height:3px;background:var(--primary-blue);border-radius:2px;transition:all 0.3s ease}.nav-toggle:hover{border-color:var(--primary-blue);box-shadow:0 0 15px rgba(37,99,235,0.4)}.nav-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-menu{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;background:rgba(30,41,59,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);box-shadow:0 4px 20px rgba(0,0,0,0.15)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-md)}.hero{text-align:center}.hero__logo{max-width:700px;width:100%;height:auto;display:block;margin:0 auto}.hero__logo:hover{transform:scale(1.02)}.main-grid{display:grid;grid-template-columns:300px 1fr 340px;gap:var(--space-lg);margin-bottom:var(--space-xl)}@media (max-width:1200px){.main-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero__logo{max-width:90vw;padding:0 10px}}@media (max-width:480px){.hero__logo{max-width:95vw;padding:0 5px}}.card{background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1)}.card:hover{border-color:rgba(30,64,175,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(30,64,175,0.4);transform:translateY(-5px)}.card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid rgba(255,255,255,0.1);background:linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0.9)),repeating-linear-gradient( 45deg,#000000,#000000 10px,#000033 10px,#000033 20px );opacity:0.95}.card__icon{width:20px;height:20px;color:var(--primary-blue);filter:drop-shadow(0 0 4px rgba(30,64,175,0.4))}.card__title{margin:0;font-size:1rem;font-weight:700;color:#ffffff;letter-spacing:0.5px}.slider{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#000}.slider__track{display:flex;transition:transform 600ms cubic-bezier(0.4,0,0.2,1);will-change:transform}.slider__slide{flex-shrink:0;width:100%}.slider__image{width:100%;height:auto;display:block;border-radius:var(--radius-lg);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;filter:brightness(1.05) contrast(1.05);transition:filter 0.3s ease}.slider__image:hover{filter:brightness(1.1) contrast(1.1)}.slider__button{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background:rgba(0,0,0,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:3px solid rgba(255,255,255,0.1);border-radius:50%;color:#e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;z-index:10;box-shadow:var(--shadow-md)}.slider__button:hover{background:var(--gradient-hover);border-color:#3b82f6;box-shadow:var(--shadow-md),0 0 15px rgba(30,64,175,0.5);transform:translateY(-50%) scale(1.2)}.slider__button--prev{left:20px}.slider__button--next{right:20px}.slider__button svg{width:24px;height:24px}.server-status{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md)}.server-status__item{background:rgba(0,0,0,0.8);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all 0.3s ease}.server-status__item:hover{border-color:rgba(30,64,175,0.6);background:rgba(15,23,42,0.9);transform:translateY(-3px);box-shadow:var(--shadow-md)}.server-status__label{font-size:0.875rem;color:rgba(255,255,255,0.7);margin-bottom:var(--space-xs);font-weight:600}.server-status__value{font-size:1.25rem;font-weight:700;color:#ffffff}.server-status__value--online{color:var(--success-green);text-shadow:0 0 8px rgba(0,255,136,0.3)}.server-status__value--offline{color:var(--error-red);text-shadow:0 0 8px rgba(255,51,102,0.3)}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-md)}.item-card{position:relative;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);background:rgba(0,0,0,0.8);padding:var(--space-lg);aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,0.3)}.item-card:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-lg),0 0 25px rgba(37,99,235,0.5);transform:scale(1.05);background:linear-gradient(135deg,rgba(30,41,59,0.95),rgba(15,23,42,0.98));z-index:10}.item-card__image{width:100%;height:100%;object-fit:contain;filter:brightness(1.05) drop-shadow(0 2px 4px rgba(0,0,0,0.3)) contrast(1.02);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);background:rgba(0,0,0,0.2);box-shadow:inset 0 0 10px rgba(0,0,0,0.1)}.card__header--no-stripes{background:rgba(0,0,0,0.7);border-bottom:1px solid rgba(255,255,255,0.1);opacity:1}.card__header--no-stripes:hover{background:rgba(30,64,175,0.2)}.item-card:hover .item-card__image{filter:brightness(1.1) drop-shadow(0 2px 4px rgba(0,0,0,0.3)) contrast(1.05)}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in{animation:fadeIn 0.6s ease-out}.fade-in-delay-1{animation:fadeIn 0.6s ease-out 0.2s both}.fade-in-delay-2{animation:fadeIn 0.6s ease-out 0.4s both}.fade-in-delay-3{animation:fadeIn 0.6s ease-out 0.6s both}.login{animation:slideInLeft 0.8s ease-out}.ranking{animation:slideInRight 0.8s ease-out}.ext-card{background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);margin-bottom:var(--space-md);overflow:hidden}.ext-card:hover{border-color:rgba(37,99,235,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(37,99,235,0.3);transform:translateY(-4px)}.ext-card__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid rgba(255,255,255,0.1);background:linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0.9)),repeating-linear-gradient( 45deg,#000000,#000000 10px,#000033 10px,#000033 20px );position:relative;opacity:0.95}.ext-card__icon{width:18px;height:18px;color:var(--primary-blue);filter:drop-shadow(0 0 3px rgba(37,99,235,0.3))}.ext-card__title{margin:0;font-size:0.9rem;font-weight:700;color:#ffffff;letter-spacing:0.5px;flex:1}.ext-card__content{padding:var(--space-md)}.ext-login-box{background:rgba(0,0,0,0.7);border-color:rgba(37,99,235,0.3)}.ext-user-box{background:rgba(0,0,0,0.7);border-color:rgba(37,99,235,0.3)}.ext-user-box:hover{border-color:rgba(37,99,235,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(37,99,235,0.3)}.ext-logout{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,51,102,0.2);border:2px solid rgba(255,51,102,0.4);transition:all 0.3s ease;ml-auto:0}.ext-logout svg{width:18px;height:18px;color:var(--error-red)}.ext-logout:hover{background:rgba(255,51,102,0.4);border-color:var(--error-red);box-shadow:0 0 8px rgba(255,51,102,0.3);transform:scale(1.15)}.ext-user-welcome{text-align:center;padding:var(--space-md) 0;border-bottom:1px solid rgba(0,212,255,0.1);margin-bottom:var(--space-md)}.ext-user-name{font-size:1.1rem;font-weight:700;text-shadow:0 0 4px currentColor;letter-spacing:1px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);display:inline-block;background:linear-gradient(135deg,rgba(37,99,235,0.1),rgba(30,64,175,0.1));border:2px solid rgba(37,99,235,0.3);box-shadow:0 4px 12px rgba(0,0,0,0.2),inset 0 0 10px rgba(37,99,235,0.03);transition:all 0.3s ease}.ext-user-name:hover{background:linear-gradient(135deg,rgba(37,99,235,0.15),rgba(30,64,175,0.15));border-color:rgba(37,99,235,0.5);box-shadow:0 6px 16px rgba(37,99,235,0.1),inset 0 0 12px rgba(37,99,235,0.05);transform:translateY(-2px)}.ext-login-form{display:flex;flex-direction:column;gap:var(--space-md)}.ext-form-group{display:flex;flex-direction:column}.ext-input{width:100%;padding:var(--space-md);background:rgba(30,41,59,0.8);border:2px solid rgba(37,99,235,0.2);border-radius:var(--radius-sm);color:#e2e8f0;font-size:0.95rem;font-family:inherit;transition:all 0.3s ease}.ext-input::placeholder{color:rgba(255,255,255,0.4)}.ext-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1),0 0 10px rgba(37,99,235,0.2);background:rgba(30,41,59,0.95)}.ext-button{padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;overflow:hidden}.ext-button--primary{background:var(--gradient-hover);color:#ffffff;box-shadow:var(--shadow-md)}.ext-button--primary:hover{box-shadow:var(--shadow-md),0 0 15px rgba(37,99,235,0.4);transform:translateY(-2px) scale(1.02)}.ext-button--primary:active{transform:translateY(0) scale(0.98)}.ext-button svg{width:20px;height:20px}.ext-coins-grid{display:none}.ext-coins-compact{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:var(--space-md)}.ext-coin-compact{display:flex;justify-content:space-between;align-items:center;padding:0.4rem 0.8rem;background:rgba(15,23,42,0.5);border:1px solid rgba(0,212,255,0.15);border-radius:8px;transition:all 0.3s ease}.ext-coin-compact:hover{background:rgba(0,212,255,0.1);border-color:rgba(0,212,255,0.3);transform:translateX(2px)}.ext-coin-compact-label{font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.7)}.ext-coin-compact-value{font-size:0.95rem;font-weight:700;color:var(--primary-cyan)}.ext-coin-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:rgba(15,23,42,0.6);border:2px solid rgba(0,212,255,0.2);border-radius:var(--radius-sm);transition:all 0.3s ease}.ext-coin-item:hover{background:rgba(15,23,42,0.9);border-color:rgba(0,212,255,0.4);transform:translateX(5px)}.ext-coin-icon{width:32px;height:32px;flex-shrink:0}.ext-coin-item--donation .ext-coin-icon{color:var(--primary-cyan);filter:drop-shadow(0 0 8px rgba(0,212,255,0.6))}.ext-coin-item--vip .ext-coin-icon{color:#ffd700;filter:drop-shadow(0 0 8px rgba(255,215,0,0.6))}.ext-coin-item--event .ext-coin-icon{color:var(--primary-orange);filter:drop-shadow(0 0 8px rgba(255,107,0,0.6))}.ext-coin-info{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.ext-coin-label{font-size:0.875rem;color:rgba(255,255,255,0.7);font-weight:600}.ext-coin-value{font-size:1.25rem;font-weight:700;color:#ffffff;text-shadow:0 0 10px rgba(255,255,255,0.4)}.ext-link{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid rgba(0,212,255,0.3);border-radius:var(--radius-sm);background:rgba(0,212,255,0.05);color:var(--primary-cyan);font-weight:700;transition:all 0.3s ease;text-transform:uppercase;font-size:0.875rem;letter-spacing:1px}.ext-link svg{width:20px;height:20px}.ext-link:hover{background:rgba(0,212,255,0.15);border-color:var(--primary-cyan);box-shadow:var(--shadow-glow-cyan);color:#33ddff}.ext-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.ext-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);background:rgba(0,0,0,0.7);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);min-height:70px}.ext-action-card:hover{transform:translateY(-5px) scale(1.05);box-shadow:var(--shadow-md)}.ext-action-icon{width:28px;height:28px}.ext-action-label{font-size:0.65rem;font-weight:700;text-align:center;letter-spacing:0.3px;text-transform:uppercase}.ext-action-card--donation{border-color:rgba(255,51,102,0.3)}.ext-action-card--donation .ext-action-icon{color:#ff3366;filter:drop-shadow(0 0 8px rgba(255,51,102,0.6))}.ext-action-card--donation:hover{border-color:#ff3366;box-shadow:var(--shadow-md),0 0 20px rgba(255,51,102,0.4)}.ext-action-card--vip{border-color:rgba(255,215,0,0.3)}.ext-action-card--vip .ext-action-icon{color:#ffd700;filter:drop-shadow(0 0 8px rgba(255,215,0,0.6))}.ext-action-card--vip:hover{border-color:#ffd700;box-shadow:var(--shadow-md),0 0 20px rgba(255,215,0,0.4)}.ext-action-card--panel{border-color:rgba(0,212,255,0.3)}.ext-action-card--panel .ext-action-icon{color:var(--primary-cyan);filter:drop-shadow(0 0 8px rgba(0,212,255,0.6))}.ext-action-card--panel:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-md),var(--shadow-glow-cyan)}.ext-action-card--recover{border-color:rgba(124,58,237,0.3)}.ext-action-card--recover .ext-action-icon{color:var(--primary-purple);filter:drop-shadow(0 0 8px rgba(124,58,237,0.6))}.ext-action-card--recover:hover{border-color:var(--primary-purple);box-shadow:var(--shadow-md),var(--shadow-glow-purple)}.ext-action-card--buycolor{border-color:rgba(0,217,255,0.3)}.ext-action-card--buycolor .ext-action-icon{color:#00d9ff;filter:drop-shadow(0 0 8px rgba(0,217,255,0.6))}.ext-action-card--buycolor:hover{border-color:#00d9ff;box-shadow:var(--shadow-md),0 0 20px rgba(0,217,255,0.4)}.ext-action-card--fullwidth{grid-column:1 / -1}.ext-action-card--discord{border-color:rgba(88,101,242,0.3)}.ext-action-card--discord .ext-action-icon{color:#5865F2;filter:drop-shadow(0 0 8px rgba(88,101,242,0.6))}.ext-action-card--discord:hover{border-color:#5865F2;box-shadow:var(--shadow-md),0 0 20px rgba(88,101,242,0.4);transform:translateY(-5px) scale(1.05)}.ext-action-card--whatsapp{border-color:rgba(37,211,102,0.3)}.ext-action-card--whatsapp .ext-action-icon{color:#25D366;filter:drop-shadow(0 0 8px rgba(37,211,102,0.6))}.ext-action-card--whatsapp:hover{border-color:#25D366;box-shadow:var(--shadow-md),0 0 20px rgba(37,211,102,0.4);transform:translateY(-5px) scale(1.05)}.ext-action-card--facebook{border-color:rgba(24,119,242,0.3)}.ext-action-card--facebook .ext-action-icon{color:#1877F2;filter:drop-shadow(0 0 8px rgba(24,119,242,0.6))}.ext-action-card--facebook:hover{border-color:#1877F2;box-shadow:var(--shadow-md),0 0 20px rgba(24,119,242,0.4);transform:translateY(-5px) scale(1.05)}.ext-ranking-box{background:rgba(0,0,0,0.7);border-color:rgba(124,58,237,0.25)}.ext-ranking-box:hover{border-color:rgba(124,58,237,0.6);box-shadow:var(--shadow-lg),var(--shadow-glow-purple)}.ext-ranking-box .ext-card__header{background:linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0.9)),repeating-linear-gradient( 45deg,#000000,#000000 10px,#000033 10px,#000033 20px );border-bottom-color:rgba(124,58,237,0.2);opacity:0.95}.ext-ranking-box .ext-card__icon{color:var(--primary-purple);filter:drop-shadow(0 0 6px rgba(124,58,237,0.6))}.ext-ranking-list{display:flex;flex-direction:column;gap:var(--space-sm)}.ext-rank-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);transition:all 0.3s ease;overflow:visible}.ext-rank-item:hover{background:rgba(15,23,42,0.8);border-color:rgba(124,58,237,0.4);transform:translateX(5px)}.ext-rank-medal,.ext-rank-emblem{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ext-rank-medal img{width:20px;height:20px;filter:drop-shadow(0 0 8px rgba(124,58,237,0.6));transition:all 0.3s ease}.ext-rank-item:hover .ext-rank-medal img{filter:drop-shadow(0 0 12px rgba(124,58,237,1));transform:scale(1.2) rotate(15deg)}.ext-rank-emblem img{width:24px;height:24px;border-radius:50%;border:2px solid rgba(124,58,237,0.4);transition:all 0.3s ease}.ext-rank-item:hover .ext-rank-emblem img{border-color:rgba(124,58,237,0.8);box-shadow:0 0 12px rgba(124,58,237,0.6);transform:scale(1.15)}.ext-rank-info{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0;overflow:visible}.ext-rank-name{font-size:0.9rem;font-weight:700;text-shadow:0 0 5px currentColor;white-space:nowrap;overflow:visible;text-overflow:ellipsis;flex:1;padding-left:10px}.ext-rank-name--clan{color:#ffffff !important;text-shadow:0 0 5px rgba(255,255,255,0.4)}.ext-rank-level{font-size:0.8rem;font-weight:600;color:rgba(255,255,255,0.9);background:rgba(124,58,237,0.3);padding:3px 10px;border-radius:12px;border:1px solid rgba(124,58,237,0.5);white-space:nowrap;min-width:60px;text-align:center}.ext-rank-item--top-1{background:linear-gradient(135deg,rgba(0,0,0,0.7),rgba(255,215,0,0.1));border:2px solid rgba(255,215,0,0.5) !important;box-shadow:0 0 12px rgba(255,215,0,0.2),inset 0 0 15px rgba(255,215,0,0.08);position:relative}.ext-rank-item--top-1::before{content:'🥇';position:absolute;left:-8px;top:50%;transform:translateY(-50%);font-size:24px;filter:drop-shadow(0 0 6px rgba(255,215,0,0.5));animation:pulse 2s ease-in-out infinite}.ext-rank-item--top-1:hover{border-color:rgba(255,215,0,0.8) !important;box-shadow:0 0 20px rgba(255,215,0,0.4),inset 0 0 20px rgba(255,215,0,0.12);transform:translateX(8px) scale(1.02)}.ext-rank-item--top-2{background:linear-gradient(135deg,rgba(0,0,0,0.7),rgba(192,192,192,0.1));border:2px solid rgba(192,192,192,0.5) !important;box-shadow:0 0 10px rgba(192,192,192,0.2),inset 0 0 12px rgba(192,192,192,0.08);position:relative}.ext-rank-item--top-2::before{content:'🥈';position:absolute;left:-8px;top:50%;transform:translateY(-50%);font-size:22px;filter:drop-shadow(0 0 5px rgba(192,192,192,0.5));animation:pulse 2s ease-in-out infinite 0.2s}.ext-rank-item--top-2:hover{border-color:rgba(192,192,192,0.8) !important;box-shadow:0 0 18px rgba(192,192,192,0.4),inset 0 0 18px rgba(192,192,192,0.12);transform:translateX(8px) scale(1.02)}.ext-rank-item--top-3{background:linear-gradient(135deg,rgba(0,0,0,0.7),rgba(205,127,50,0.1));border:2px solid rgba(205,127,50,0.5) !important;box-shadow:0 0 10px rgba(205,127,50,0.2),inset 0 0 12px rgba(205,127,50,0.08);position:relative}.ext-rank-item--top-3::before{content:'🥉';position:absolute;left:-8px;top:50%;transform:translateY(-50%);font-size:22px;filter:drop-shadow(0 0 5px rgba(205,127,50,0.5));animation:pulse 2s ease-in-out infinite 0.4s}.ext-rank-item--top-3:hover{border-color:rgba(205,127,50,0.8) !important;box-shadow:0 0 18px rgba(205,127,50,0.4),inset 0 0 18px rgba(205,127,50,0.12);transform:translateX(8px) scale(1.02)}@keyframes pulse{0%,100%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.1);opacity:0.9}}.salirce,.newselectmd{padding:10px 20px;background:rgba(0,0,0,0.8);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);color:#e2e8f0;font-size:0.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2);min-width:120px;text-align:center;width:120px}.salirce:hover,.newselectmd:hover{background:var(--gradient-hover);border-color:#3b82f6;box-shadow:0 4px 15px rgba(30,64,175,0.4);transform:translateY(-2px)}.salirce:active,.newselectmd:active{transform:translateY(0)}.newselectmd{padding-right:35px;background-image:url("data:text/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;transition:all 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newselectmd:hover{background-color:rgba(30,64,175,0.2);border-color:rgba(30,64,175,0.6);transform:translateY(-1px)}.newselectmd:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(30,64,175,0.3)}.newselectmd option{background:rgb(10,14,26);color:#e2e8f0;padding:0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.newselectmd option:hover{background:rgba(30,64,175,0.3)}.menu-table td{padding:0 0}.menu-table .salirce,.menu-table .newselectmd{margin:0;width:120px;min-width:120px;max-width:120px}@media (max-width:768px){.nav-menu .salirce,.nav-menu .newselectmd{width:100%;text-align:center;justify-content:center;margin:0;min-width:auto;max-width:none;padding:12px 20px;font-size:0.9rem}.nav-menu .newselectmd{text-align-last:center;-webkit-text-align-last:center;-moz-text-align-last:center}}.select-wrapper{position:relative;display:inline-block;width:100%;max-width:300px}.select-wrapper:hover .newselectmd{background-color:rgba(30,64,175,0.2);border-color:rgba(30,64,175,0.6)}.select-wrapper::after{content:'';position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #93c5fd;transition:all 0.3s ease;pointer-events:none}.select-wrapper:hover::after{transform:translateY(-50%) scale(1.1)}.inputtext,.inputbutton{padding:var(--space-md);border-radius:var(--radius-sm);font-family:inherit;transition:all 0.3s ease}.inputtext{background:rgba(0,0,0,0.8);border:2px solid rgba(255,255,255,0.1);color:#ffffff;font-size:0.95rem}.inputtext:focus{outline:none;border-color:var(--primary-cyan);box-shadow:0 0 0 3px rgba(0,212,255,0.1),var(--shadow-glow-cyan);background:rgba(0,0,0,0.95)}.inputbutton{background:var(--gradient-hover);border:none;color:#ffffff;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md)}.inputbutton:hover{box-shadow:var(--shadow-md),var(--shadow-glow-cyan);transform:translateY(-2px)}.tip{position:absolute;z-index:9999;padding:12px 16px;background:rgba(0,0,0,0.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:#ffffff;font-size:0.875rem;white-space:nowrap;display:none;will-change:transform,top,left;animation:fadeIn 0.3s ease-out}.tip_trigger:hover .tip{display:block}.character-profile{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:all 0.3s ease}.character-profile.active{opacity:1;visibility:visible}.character-profile__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.character-profile__content{position:relative;background:rgba(0,0,0,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform 0.3s ease}.character-profile.active .character-profile__content{transform:translateY(0)}.character-profile__header{padding:var(--space-lg);border-bottom:2px solid rgba(37,99,235,0.2);text-align:center}.character-profile__name{font-size:1.5rem;font-weight:700;color:#ffffff;margin:0 0 var(--space-sm)}.character-profile__level{font-size:1.1rem;color:var(--primary-blue);font-weight:600}.character-profile__body{padding:var(--space-lg)}.character-profile__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.character-profile__stat{text-align:center;padding:var(--space-md);background:rgba(0,0,0,0.7);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.1)}.character-profile__stat-label{font-size:0.8rem;color:rgba(255,255,255,0.7);margin-bottom:var(--space-xs)}.character-profile__stat-value{font-size:1.2rem;font-weight:700;color:#ffffff}.character-profile__close{position:absolute;top:15px;right:15px;width:32px;height:32px;background:rgba(239,68,68,0.2);border:2px solid var(--error-red);border-radius:50%;color:var(--error-red);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease}.character-profile__close:hover{background:var(--error-red);color:#ffffff;transform:rotate(90deg)}.character-profile__section{margin-bottom:var(--space-lg)}.character-profile__section-title{font-size:1.1rem;font-weight:700;color:var(--primary-blue);margin-bottom:var(--space-md);border-bottom:1px solid rgba(37,99,235,0.2);padding-bottom:var(--space-sm)}.character-profile__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md)}.character-profile__info-item{display:flex;flex-direction:column}.character-profile__info-label{font-size:0.85rem;color:rgba(255,255,255,0.7);margin-bottom:var(--space-xs)}.character-profile__info-value{font-size:0.95rem;font-weight:600;color:#ffffff}.character-name{cursor:pointer;transition:all 0.2s ease;position:relative}.character-name:hover{text-shadow:0 0 10px currentColor;transform:translateY(-2px)}.character-name::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:currentColor;transition:width 0.3s ease}.character-name:hover::after{width:100%}@media (max-width:992px){.nav-toggle{display:flex}.nav-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--gradient-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:2px solid rgba(37,99,235,0.3);box-shadow:var(--shadow-lg);flex-direction:column;padding:var(--space-md);gap:var(--space-md);z-index:999;animation:slideInTop 0.3s ease-out;max-height:calc(100vh - 70px);overflow-y:auto}.nav-menu.active{display:flex}.nav-menu table{width:100%}.nav-menu table tr{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.nav-menu table td{display:block;width:100% !important;padding:var(--space-sm) 0}.nav-menu .salirce,.nav-menu .newselectmd{width:100%;text-align:center;justify-content:center;margin:var(--space-sm) 0}}@keyframes slideInTop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-menu table td{display:block;width:100% !important;padding:0}.nav-menu .salirce,.nav-menu .newselectmd{width:100%;text-align:center;justify-content:center;margin:0;min-width:auto;max-width:none;padding:12px 20px;font-size:0.9rem}.nav-menu .newselectmd{-webkit-appearance:menulist-button;appearance:menulist-button;position:relative;z-index:10;text-align-last:center;-webkit-text-align-last:center;-moz-text-align-last:center}.main-grid{grid-template-columns:1fr;gap:var(--space-md)}.header__content{flex-direction:row;justify-content:space-between}.ext-actions-grid{grid-template-columns:1fr}.slider__button{width:44px;height:44px}.slider__button--prev{left:10px}.slider__button--next{right:10px}}@media (max-width:480px){.container{padding:0 var(--space-sm)}.header__logo{font-size:1.25rem}.card{padding:var(--space-md)}.ext-card__content{padding:var(--space-sm)}.items-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--space-sm)}.ext-rank-name{font-size:0.85rem}.ext-rank-level{font-size:0.75rem;padding:2px 8px;min-width:50px}}.text-center{text-align:center}.text-cyan{color:var(--primary-cyan)}.text-purple{color:var(--primary-purple)}.text-glow{text-shadow:0 0 15px currentColor}.mt-1{margin-top:var(--space-sm)}.mt-2{margin-top:var(--space-md)}.mt-3{margin-top:var(--space-lg)}.mb-1{margin-bottom:var(--space-sm)}.mb-2{margin-bottom:var(--space-md)}.mb-3{margin-bottom:var(--space-lg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark-1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e3a8a,#0f172a);border-radius:4px;border:1px solid var(--bg-dark-1);transition:background 0.3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#152a5a,#000000)}html{scrollbar-width:thin;scrollbar-color:#152a5a var(--bg-dark-1)}::selection{background:rgba(0,212,255,0.3);color:#ffffff}::-moz-selection{background:rgba(0,212,255,0.3);color:#ffffff}.module-page{display:grid;grid-template-columns:300px 1fr 340px;gap:var(--space-lg);margin:0 auto;max-width:1400px;padding:0 var(--space-md)}.module-page__main{background:rgba(0,0,0,0.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xl);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);min-height:400px}.module-page__main:hover{border-color:rgba(30,64,175,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(30,64,175,0.4);transform:translateY(-5px)}.module-header{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid rgba(255,255,255,0.1)}.module-header__title{font-size:2rem;font-weight:800;color:#ffffff;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:2px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm)}.module-header__icon{width:32px;height:32px;color:var(--primary-cyan);flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,212,255,0.3))}.module-header__subtitle{font-size:0.95rem;color:rgba(255,255,255,0.7);line-height:1.6}.data-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-lg) 0;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(30,64,175,0.3);background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.data-table thead{background:linear-gradient(to top,rgba(0,0,0,0.3),rgba(0,0,0,0.9)),repeating-linear-gradient( 45deg,#000000,#000000 10px,#000033 10px,#000033 20px );opacity:0.95}.data-table thead th{padding:var(--space-md);text-align:left;font-weight:700;color:#93c5fd;text-transform:uppercase;font-size:0.85rem;letter-spacing:1px;border-bottom:2px solid rgba(30,64,175,0.4)}.data-table tbody tr{background:rgba(0,0,0,0.7);transition:all 0.3s ease;border-bottom:1px solid rgba(30,64,175,0.1)}.data-table tbody tr:hover{background:rgba(30,64,175,0.2);transform:translateX(4px);box-shadow:inset 4px 0 0 #3b82f6}.data-table tbody td{padding:var(--space-md);color:rgba(255,255,255,0.9);font-size:0.9rem}.data-table tbody td:first-child{font-weight:700;color:#93c5fd}.download-links{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-xl) 0}.download-link{display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--gradient-card);border:2px solid rgba(30,64,175,0.3);border-radius:var(--radius-md);transition:all 0.3s ease;text-decoration:none}.download-link:hover{border-color:#3b82f6;box-shadow:var(--shadow-glow-cyan);transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,rgba(30,64,175,0.2),rgba(15,23,42,0.3))}.download-link img{max-width:200px;height:auto;display:block;transition:all 0.3s ease}.download-link:hover img{filter:brightness(1.2)}.modern-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label{font-size:0.9rem;font-weight:600;color:var(--primary-cyan);text-transform:uppercase;letter-spacing:0.5px}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);background:rgba(10,14,26,0.9);border:2px solid rgba(30,64,175,0.3);border-radius:var(--radius-sm);color:#ffffff;font-size:1rem;font-family:inherit;transition:all 0.3s ease;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(30,64,175,0.2),var(--shadow-glow-cyan);background:rgba(10,14,26,0.98)}.form-group input::placeholder{color:rgba(255,255,255,0.4)}.btn{padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);outline:none}.btn--primary{background:var(--gradient-hover);color:#ffffff;box-shadow:var(--shadow-md)}.btn--primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-cyan);transform:translateY(-2px) scale(1.02)}.btn--primary:active{transform:translateY(0) scale(0.98)}.btn--secondary{background:rgba(15,23,42,0.8);color:var(--primary-cyan);border:2px solid var(--primary-cyan)}.btn--secondary:hover{background:rgba(0,212,255,0.1);box-shadow:var(--shadow-glow-cyan);transform:translateY(-2px)}.btn--success{background:linear-gradient(135deg,#00ff88,#00cc6a);color:#0a0e1a}.btn--success:hover{box-shadow:0 0 20px rgba(0,255,136,0.5);transform:translateY(-2px) scale(1.02)}.btn--danger{background:linear-gradient(135deg,#ff3366,#cc2952);color:#ffffff}.btn--danger:hover{box-shadow:0 0 20px rgba(255,51,102,0.5);transform:translateY(-2px) scale(1.02)}.module-select{width:100%;max-width:400px;padding:0.6rem 1rem;background:rgba(15,23,42,0.8);border:2px solid rgba(0,212,255,0.3);border-radius:8px;color:white;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;outline:none}.module-select:hover{background:rgba(15,23,42,0.95);border-color:rgba(0,212,255,0.6);box-shadow:0 0 15px rgba(0,212,255,0.3)}.module-select:focus{border-color:var(--primary-cyan);box-shadow:0 0 20px rgba(0,212,255,0.5)}.module-select option{background:rgb(15,23,42);color:white;padding:0.5rem}.module-select option:hover{background:rgba(0,212,255,0.2)}.character-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem;animation:fadeIn 0.3s ease}.character-modal.active{display:flex}.character-modal__content{background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(10,14,26,0.98));backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(0,212,255,0.4);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 40px rgba(0,212,255,0.2);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:2rem;position:relative;animation:slideUp 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.character-modal__close{position:absolute;top:1rem;right:1rem;background:rgba(255,51,102,0.2);border:2px solid rgba(255,51,102,0.5);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#ff3366;font-size:1.5rem;font-weight:700}.character-modal__close:hover{background:rgba(255,51,102,0.4);border-color:#ff3366;box-shadow:0 0 20px rgba(255,51,102,0.5);transform:rotate(90deg)}.character-modal__header{margin-bottom:1.5rem;text-align:center}.character-modal__title{font-size:1.8rem;font-weight:700;color:var(--primary-cyan);margin:0 0 0.5rem 0;text-shadow:0 0 20px rgba(0,212,255,0.5)}.character-modal__subtitle{font-size:0.95rem;color:rgba(255,255,255,0.6);margin:0}.character-modal__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.character-stat{background:rgba(15,23,42,0.6);border:1px solid rgba(0,212,255,0.2);border-radius:8px;padding:1rem;text-align:center;transition:all 0.3s ease}.character-stat:hover{background:rgba(0,212,255,0.1);border-color:rgba(0,212,255,0.4);transform:translateY(-2px)}.character-stat__label{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-bottom:0.3rem;text-transform:uppercase;letter-spacing:1px}.character-stat__value{font-size:1.3rem;font-weight:700;color:var(--primary-cyan)}.character-link{cursor:pointer;transition:all 0.3s ease}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:var(--space-xl) 0;flex-wrap:wrap}.pagination__btn{padding:0.3rem 0.6rem;background:rgba(15,23,42,0.8);border:2px solid rgba(0,212,255,0.3);border-radius:var(--radius-sm);color:var(--primary-cyan);font-weight:600;font-size:0.8rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;white-space:nowrap;min-width:32px;text-align:center}.pagination__btn:hover{background:rgba(0,212,255,0.15);border-color:var(--primary-cyan);box-shadow:var(--shadow-glow-cyan);transform:scale(1.05)}.pagination__btn:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.info-box{background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);padding:var(--space-lg);margin:var(--space-lg) 0;text-align:center;box-shadow:var(--shadow-lg)}.info-box__text{font-size:0.95rem;color:rgba(255,255,255,0.9);line-height:1.6}.info-box__highlight{color:var(--primary-cyan);font-weight:700}@media (max-width:1200px){.module-page{grid-template-columns:280px 1fr}}@media (max-width:992px){.module-page{grid-template-columns:1fr}.module-page__main{order:-1}}@media (max-width:768px){.module-page__main{padding:var(--space-lg)}.module-header__title{font-size:1.5rem}.data-table{font-size:0.85rem}.data-table thead th,.data-table tbody td{padding:var(--space-sm)}}.register-form{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group--full{grid-column:1 / -1}.form-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:600;color:rgba(255,255,255,0.9);font-size:0.95rem}.form-icon{width:18px;height:18px;color:var(--primary-cyan);flex-shrink:0}.form-input{width:100%;padding:var(--space-md);background:rgba(0,0,0,0.7);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-sm);color:#ffffff;font-size:0.95rem;transition:all 0.3s ease;outline:none}.form-input:focus{border-color:var(--primary-cyan);background:rgba(0,0,0,0.8);box-shadow:0 0 0 3px rgba(0,212,255,0.05)}.form-input::placeholder{color:rgba(255,255,255,0.4)}.form-input option{background:rgb(10,14,26);color:#e2e8f0;padding:0.5rem}.form-input option:hover{background:rgba(30,64,175,0.3)}.form-hint{font-size:0.8rem;color:rgba(255,255,255,0.5)}.form-actions{display:flex;justify-content:center;margin-top:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:2px solid transparent;border-radius:var(--radius-md);font-weight:600}.shop-nav-card{display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,0.8);backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5);max-width:500px;width:100%;max-height:90vh;overflow:hidden;padding:2rem;position:relative;animation:slideUp 0.3s ease}.shop-nav-card__content{display:flex;flex-direction:column;gap:0.8rem;align-items:flex-start}.shop-nav-card__title{font-size:1.5rem;font-weight:700;color:var(--primary-cyan);margin:0;text-shadow:0 0 20px rgba(0,212,255,0.5)}.shop-nav-card__subtitle{font-size:0.95rem;color:rgba(255,255,255,0.6);margin:0}.shop-nav-card__btn{padding:0.8rem 2rem;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));border:none;border-radius:8px;color:#ffffff;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md)}.shop-nav-card__btn:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-cyan);transform:translateY(-2px)}.shop-nav-card__arrow{background:rgba(255,51,102,0.2);border:2px solid rgba(255,51,102,0.5);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#ff3366;font-size:1.5rem;font-weight:700;padding:0}.shop-nav-card__arrow:hover{background:rgba(255,51,102,0.4);border-color:#ff3366;box-shadow:0 0 20px rgba(255,51,102,0.5);transform:rotate(90deg) translateX(4px)}@media (max-width:768px){.shop-nav-card{flex-direction:column;text-align:center}.shop-nav-card__content{align-items:center}.shop-nav-card:hover .shop-nav-card__arrow{transform:rotate(90deg) translateX(4px)}}.modern-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);z-index:10000;display:none;align-items:center;justify-content:center;padding:1rem;animation:fadeIn 0.3s ease}.modern-popup-overlay{display:flex;opacity:1;transition:opacity 0.3s ease}.modern-popup{background:linear-gradient(135deg,rgba(15,23,42,0.98),rgba(10,14,26,0.98));backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(0,212,255,0.4);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 40px rgba(0,212,255,0.2);max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modern-popup-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid rgba(0,212,255,0.2);background:rgba(0,212,255,0.05)}.modern-popup-title{font-size:1.5rem;font-weight:700;color:var(--primary-cyan);margin:0;text-shadow:0 0 20px rgba(0,212,255,0.5)}.modern-popup-close{background:rgba(255,51,102,0.2);border:2px solid rgba(255,51,102,0.5);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#ff3366;font-size:1.5rem;font-weight:700;padding:0}.modern-popup-close:hover{background:rgba(255,51,102,0.4);border-color:#ff3366;box-shadow:0 0 20px rgba(255,51,102,0.5);transform:rotate(90deg)}.modern-popup-body{padding:2rem;color:rgba(255,255,255,0.9);line-height:1.6;max-height:60vh;overflow-y:auto}.modern-popup-body b{color:var(--primary-cyan);font-weight:700}.modern-popup-body span{display:inline-block}.modern-popup-footer{padding:1.5rem;text-align:center;border-top:2px solid rgba(0,212,255,0.2);background:rgba(0,212,255,0.05)}.modern-popup-btn{padding:0.8rem 2rem;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));border:none;border-radius:8px;color:#ffffff;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-md)}.modern-popup-btn:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-cyan);transform:translateY(-2px)}@media (max-width:768px){.modern-popup{margin:1rem;max-width:calc(100% - 2rem)}.modern-popup-header{padding:1rem}.modern-popup-title{font-size:1.2rem}.modern-popup-body{padding:1.5rem}.modern-popup-footer{padding:1rem}}.btn{font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-decoration:none;position:relative;overflow:hidden}.btn__icon{width:20px;height:20px;flex-shrink:0}.btn--primary{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));color:#ffffff;box-shadow:var(--shadow-md)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan)}.btn--large{padding:var(--space-lg) calc(var(--space-xl) * 2);font-size:1.1rem}.download-section{width:100%}.download-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.download-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-decoration:none;color:inherit}.download-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.1),transparent);transition:left 0.5s ease}.download-card:hover::before{left:100%}.download-card:hover{border-color:rgba(30,64,175,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(30,64,175,0.4);transform:translateY(-5px)}.download-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));border-radius:var(--radius-md);flex-shrink:0;box-shadow:var(--shadow-md)}.download-card__icon--alt{background:linear-gradient(135deg,var(--primary-purple),var(--primary-orange))}.download-card__icon svg{width:32px;height:32px;color:#ffffff}.download-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.download-card__title{font-size:1.25rem;font-weight:700;color:#ffffff;margin:0}.download-card__description{font-size:0.9rem;color:rgba(255,255,255,0.7);margin:0}.download-card__badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,rgba(0,255,136,0.2),rgba(0,212,255,0.2));border:1px solid var(--success-green);border-radius:12px;font-size:0.75rem;font-weight:600;color:var(--success-green);text-transform:uppercase;width:fit-content}.download-card__arrow{width:24px;height:24px;color:var(--primary-cyan);flex-shrink:0;transition:transform 0.3s ease}.download-card:hover .download-card__arrow{transform:translateX(4px)}.download-card__arrow svg{width:100%;height:100%}.info-box__title{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.2rem;font-weight:700;color:#ffffff;margin-bottom:var(--space-md)}.info-box__icon{width:24px;height:24px;color:var(--primary-cyan)}.info-box__list{list-style:none;counter-reset:step-counter;text-align:left;max-width:600px;margin:0 auto;padding:0}.info-box__list li{counter-increment:step-counter;position:relative;padding-left:calc(var(--space-xl) + var(--space-md));margin-bottom:var(--space-md);color:rgba(255,255,255,0.85);line-height:1.6}.info-box__list li::before{content:counter(step-counter);position:absolute;left:0;top:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));border-radius:50%;font-weight:700;font-size:0.9rem;color:#ffffff;box-shadow:var(--shadow-sm)}.info-box__list li strong{color:var(--primary-cyan);font-weight:600}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.download-cards{grid-template-columns:1fr}.download-card{flex-direction:column;text-align:center}.btn--large{width:100%}}.shop-categories{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center}.shop-category{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:rgba(15,23,42,0.6);border:2px solid rgba(0,212,255,0.2);border-radius:var(--radius-md);color:rgba(255,255,255,0.8);font-weight:600;font-size:0.9rem;transition:all 0.3s ease;text-decoration:none;cursor:pointer}.shop-category svg{width:20px;height:20px;flex-shrink:0}.shop-category:hover{background:rgba(15,23,42,0.9);border-color:var(--primary-cyan);color:#ffffff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.shop-category--active{background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));border-color:var(--primary-cyan);color:#ffffff;box-shadow:var(--shadow-md),var(--shadow-glow-cyan)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.shop-item{background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column}.shop-item:hover{border-color:rgba(30,64,175,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(30,64,175,0.4);transform:translateY(-5px)}.shop-item__image{width:100%;height:140px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(20,28,45,0.95),rgba(10,15,30,0.98));border-bottom:1px solid rgba(255,255,255,0.08);padding:var(--space-lg);position:relative;overflow:hidden;border-radius:12px 12px 0 0;box-shadow:inset 0 0 40px rgba(0,0,0,0.6)}.shop-item__image::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,0.05),rgba(124,58,237,0.05));border-radius:4px 4px 0 0}@keyframes pulse{0%,100%{opacity:0.3}50%{opacity:0.6}}.shop-item__image img{max-width:98%;max-height:98%;width:auto;height:auto;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 12px 24px rgba(0,0,0,0.4)) brightness(1.05) contrast(1.1) saturate(1.05);transition:all 0.4s cubic-bezier(0.25,0.1,0.25,1);mix-blend-mode:normal;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;transform:translateZ(0) scale(1.15);border:1px solid rgba(255,255,255,0.1);border-radius:10px;background:rgba(0,0,0,0.2);box-shadow:0 12px 30px rgba(0,0,0,0.3),inset 0 0 15px rgba(0,0,0,0.2)}.shop-item:hover .shop-item__image img{transform:scale(1.25) translateZ(0);filter:drop-shadow(0 16px 32px rgba(0,0,0,0.5)) brightness(1.1) contrast(1.15) saturate(1.1);box-shadow:0 16px 35px rgba(0,0,0,0.4),inset 0 0 20px rgba(0,0,0,0.25)}.shop-item__content{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);flex:1}.item-card__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:brightness(1.05) drop-shadow(0 2px 4px rgba(0,0,0,0.3)) contrast(1.02);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);background:rgba(0,0,0,0.2);box-shadow:inset 0 0 10px rgba(0,0,0,0.1)}.item-card:hover .item-card__image{filter:brightness(1.1) drop-shadow(0 2px 4px rgba(0,0,0,0.3)) contrast(1.05)}.shop-item__name{font-size:1.1rem;font-weight:700;color:#ffffff;margin:0;text-align:center;line-height:1.3;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-item__details{display:flex;flex-direction:column;gap:var(--space-sm)}.shop-item__detail{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:rgba(0,0,0,0.2);border-radius:var(--radius-sm);font-size:0.9rem}.shop-item__detail .label{color:rgba(255,255,255,0.6);font-weight:500}.shop-item__detail .value{color:var(--primary-cyan);font-weight:600}.shop-item__price{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,165,0,0.1));border:2px solid rgba(255,215,0,0.3);border-radius:var(--radius-md);color:#FFD700;font-weight:700;font-size:1.1rem}.shop-item__price svg{width:24px;height:24px;flex-shrink:0}.shop-item__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-top:auto;padding-top:var(--space-md)}.btn-shop{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid rgba(255,255,255,0.15);border-radius:4px;font-weight:500;font-size:0.8rem;cursor:pointer;transition:all 0.2s ease;text-decoration:none;background:rgba(0,0,0,0.7);position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.btn-shop::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease}.btn-shop:hover::before{width:200%;height:200%}.btn-shop svg{width:16px;height:16px;flex-shrink:0;position:relative;z-index:1}.btn-shop:hover svg{}.btn-shop span{position:relative;z-index:1}.btn-shop--buy{background:rgba(22,163,74,0.9);color:#ffffff;border-color:rgba(22,163,74,0.5)}.btn-shop--buy:hover{background:rgba(21,128,61,0.95);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.15)}.btn-shop--buy:active{transform:translateY(-1px)}.btn-shop--gift{background:rgba(109,40,217,0.9);color:#ffffff;border-color:rgba(109,40,217,0.5)}.btn-shop--gift:hover{background:rgba(91,33,182,0.95);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.15)}.btn-shop--gift:active{transform:translateY(-1px)}.btn-shop--info{background:rgba(2,132,199,0.9);color:#ffffff;border-color:rgba(2,132,199,0.5)}.btn-shop--info:hover{background:rgba(3,105,161,0.95);transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,0.15)}.btn-shop--info:active{transform:translateY(-1px)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:var(--space-md)}.modal--active{display:flex}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal__content{position:relative;z-index:1;max-width:500px;width:100%;background:var(--gradient-card);border:2px solid rgba(0,212,255,0.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow-cyan);animation:modalSlideIn 0.3s ease}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:2px solid rgba(0,212,255,0.2)}.modal__title{font-size:1.5rem;font-weight:700;color:#ffffff;margin:0}.modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,51,102,0.1);border:2px solid rgba(255,51,102,0.3);border-radius:50%;color:var(--error-red);cursor:pointer;transition:all 0.3s ease}.modal__close:hover{background:rgba(255,51,102,0.2);border-color:var(--error-red);transform:rotate(90deg)}.modal__close svg{width:20px;height:20px}.modal__body{padding:var(--space-xl)}.modal__body--centered{display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal__image{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,0.5);background:rgba(0,0,0,0.3);padding:var(--space-md)}.modal__content--large{max-width:90vw;width:auto;max-height:90vh}.modal__footer{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:2px solid rgba(0,212,255,0.2);justify-content:flex-end}.btn--secondary{background:rgba(255,255,255,0.1);color:#ffffff;border:2px solid rgba(255,255,255,0.2)}.btn--secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}@media (max-width:768px){.shop-categories{flex-direction:column}.shop-category{justify-content:center}.shop-grid{grid-template-columns:1fr}.modal__footer{flex-direction:column}.modal__footer .btn{width:100%}}.info-modal-content{display:grid;grid-template-columns:150px 1fr;gap:var(--space-xl);align-items:start}.info-modal-image{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(124,58,237,0.1));border:2px solid rgba(0,212,255,0.3);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:0 4px 16px rgba(0,0,0,0.2)}.info-modal-image img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,212,255,0.3))}.info-modal-details{display:flex;flex-direction:column;gap:var(--space-lg)}.info-modal-title{font-size:1.3rem;font-weight:700;color:var(--primary-cyan);margin:0;text-shadow:0 0 10px rgba(0,212,255,0.3)}.info-modal-stats{display:flex;flex-direction:column;gap:var(--space-md)}.info-modal-stat{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:rgba(15,23,42,0.5);border:1px solid rgba(0,212,255,0.2);border-radius:var(--radius-sm);transition:all 0.3s ease}.info-modal-stat:hover{background:rgba(15,23,42,0.7);border-color:rgba(0,212,255,0.4);transform:translateX(4px)}.info-modal-stat svg{width:24px;height:24px;color:var(--primary-cyan);flex-shrink:0}.info-modal-stat > div{display:flex;flex-direction:column;gap:var(--space-xs)}.info-modal-stat .label{font-size:0.75rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.5px;font-weight:600}.info-modal-stat .value{font-size:1rem;color:#ffffff;font-weight:700}.info-modal-stat--price{background:linear-gradient(135deg,rgba(0,212,255,0.1),rgba(124,58,237,0.1));border:2px solid rgba(0,212,255,0.3)}.info-modal-stat--price svg{color:var(--success-green)}.info-modal-stat--price .value{color:var(--success-green);font-size:1.1rem}@media (max-width:768px){.info-modal-content{grid-template-columns:1fr;text-align:center}.info-modal-image{margin:0 auto}.info-modal-stat{flex-direction:column;text-align:center}}.shop-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.shop-nav-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:rgba(0,0,0,0.7);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:2px solid rgba(255,255,255,0.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);text-decoration:none;position:relative;overflow:hidden}.shop-nav-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,0.1),transparent);transition:left 0.5s ease}.shop-nav-card:hover::before{left:100%}.shop-nav-card:hover{border-color:rgba(30,64,175,0.6);box-shadow:var(--shadow-lg),0 0 15px rgba(30,64,175,0.4);transform:translateY(-5px)}.shop-nav-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-cyan),var(--primary-purple));border-radius:var(--radius-md);flex-shrink:0;box-shadow:var(--shadow-md)}.shop-nav-card--vip .shop-nav-card__icon{background:linear-gradient(135deg,var(--primary-purple),#9333ea)}.shop-nav-card--event .shop-nav-card__icon{background:linear-gradient(135deg,var(--primary-orange),#ff8c3a)}.shop-nav-card--sets .shop-nav-card__icon{background:linear-gradient(135deg,#00ff88,#00cc77)}.shop-nav-card__icon svg{width:32px;height:32px;color:#ffffff}.shop-nav-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.shop-nav-card__title{font-size:1.25rem;font-weight:700;color:#ffffff;margin:0}.shop-nav-card__description{font-size:0.9rem;color:rgba(255,255,255,0.7);margin:0}.shop-nav-card__arrow{width:24px;height:24px;color:var(--primary-cyan);flex-shrink:0;transition:transform 0.3s ease}.shop-nav-card:hover .shop-nav-card__arrow{transform:translateX(4px)}.shop-nav-card__arrow svg{width:100%;height:100%}.featured-section{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.featured-section__title{display:flex;align-items:center;gap:var(--space-md);font-size:1.5rem;font-weight:700;color:var(--primary-cyan);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid rgba(0,212,255,0.2)}.featured-section__title svg{width:28px;height:28px;flex-shrink:0}.shop-item--mini{max-width:100%}.shop-item--mini .shop-item__image{height:150px}.shop-item--mini .shop-item__name{font-size:0.95rem;min-height:2em}.btn-shop--small{padding:var(--space-sm) var(--space-md);font-size:0.85rem}.btn-shop--small svg{width:16px;height:16px}@media (max-width:768px){.shop-nav-grid{grid-template-columns:1fr}.shop-nav-card{flex-direction:column;text-align:center}.shop-nav-card__arrow{transform:rotate(90deg)}.shop-nav-card:hover .shop-nav-card__arrow{transform:rotate(90deg) translateX(4px)}}.top1-showcase{padding:var(--space-lg);text-align:center;background:linear-gradient(135deg,rgba(255,215,0,0.05),rgba(255,165,0,0.02));border-radius:var(--radius-lg);position:relative;overflow:hidden}.top1-showcase::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffd700,#ffaa00,#ffd700,transparent)}.top1-showcase__crown{color:#ffd700;margin-bottom:var(--space-sm);filter:drop-shadow(0 0 10px rgba(255,215,0,0.5));animation:crownFloat 3s ease-in-out infinite}@keyframes crownFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.top1-showcase__medal{width:60px;height:60px;margin:0 auto var(--space-md)}.top1-showcase__medal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,215,0,0.4))}.top1-showcase__name{font-size:1.8rem;font-weight:700;margin:0 0 var(--space-xs);letter-spacing:1px}.top1-showcase__level{font-size:1rem;color:rgba(255,255,255,0.7);margin-bottom:var(--space-lg);font-weight:500}.top1-showcase__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:rgba(0,0,0,0.2);border-radius:var(--radius-md);border:1px solid rgba(255,215,0,0.1)}.top1-showcase__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.top1-showcase__stat-value{font-size:1.3rem;font-weight:700;color:#ffd700;text-shadow:0 0 10px rgba(255,215,0,0.3)}.top1-showcase__stat-label{font-size:0.75rem;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:1px}.top1-showcase__extra{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.top1-showcase__extra-item{display:flex;align-items:center;gap:var(--space-xs);color:rgba(255,255,255,0.7);font-size:0.9rem}.top1-showcase__extra-item svg{color:var(--primary-cyan)}@media (max-width:768px){.top1-showcase__stats{grid-template-columns:repeat(2,1fr)}.top1-showcase__name{font-size:1.4rem}.top1-showcase__stat-value{font-size:1.1rem}}@media (max-width:480px){.top1-showcase{padding:var(--space-md)}.top1-showcase__crown svg{width:36px;height:36px}.top1-showcase__medal{width:48px;height:48px}.top1-showcase__extra{flex-direction:column;gap:var(--space-sm)}}.character-name,.character-link,.ext-rank-name{position:relative}.vip-crown{position:absolute;top:-12px;left:-8px;font-size:0.75em;transform:rotate(-25deg);filter:drop-shadow(0 0 4px rgba(255,215,0,0.6));animation:vipCrownFloat 2s ease-in-out infinite;z-index:10;pointer-events:none}.ext-rank-name .vip-crown{top:-10px;left:-2px;right:auto;font-size:0.7em;transform:rotate(-20deg)}@keyframes vipCrownFloat{0%,100%{transform:rotate(-25deg) translateY(0);filter:drop-shadow(0 0 4px rgba(255,215,0,0.6))}50%{transform:rotate(-25deg) translateY(-2px);filter:drop-shadow(0 0 8px rgba(255,215,0,0.9))}}.footer{background:linear-gradient(135deg,rgba(5,8,16,0.95),rgba(15,23,42,0.95));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(0,212,255,0.1);padding:var(--space-lg) 0;margin-top:var(--space-xl);text-align:center;box-shadow:0 -5px 20px rgba(0,0,0,0.3)}@media (max-width:768px){.footer{margin-top:var(--space-md);margin-bottom:0}}.footer__text{color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:500;margin:0;letter-spacing:0.5px;text-shadow:0 1px 2px rgba(0,0,0,0.3);transition:all 0.3s ease}.footer__text:hover{color:var(--primary-cyan);transform:translateY(-1px)}.footer{margin-top:60px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.footer__panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;background:rgba(10,15,30,0.75);backdrop-filter:blur(6px);border-radius:12px;padding:30px;border:1px solid rgba(0,191,255,0.25);box-shadow:0 0 12px rgba(0,191,255,0.15),inset 0 0 10px rgba(0,191,255,0.05)}.footer__col{display:flex;flex-direction:column;align-items:center;text-align:center}.footer__logo{font-size:22px;font-weight:700;color:#ffffff}.footer__logo span{color:#00bfff;text-shadow:0 0 6px #00bfff}.footer__col p{color:#a0a8c0;font-size:14px;margin:12px 0 18px;line-height:1.6}.footer__col h4{color:#ffffff;margin-bottom:10px;font-size:15px}.footer__col ul{list-style:none;padding:0;margin:0}.footer__col ul li{margin-bottom:8px;font-size:14px}.footer__col a{color:#9aa3b5;text-decoration:none;position:relative;transition:0.25s}.footer__col a:hover{color:#00bfff}.footer__col a::after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1px;background:#00bfff;transition:0.3s}.footer__col a:hover::after{width:100%}.footer__btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;padding:8px 16px;border-radius:8px;background:linear-gradient(90deg,#003c8f,#0066cc);color:#ffffff;font-size:13px;font-weight:700;letter-spacing:0.5px;text-decoration:none;border:1px solid rgba(0,191,255,0.5);box-shadow:0 0 6px rgba(0,191,255,0.25);text-shadow:0 1px 2px rgba(0,0,0,0.8);transition:all 0.25s ease}.footer__btn:hover{background:linear-gradient(90deg,#005eff,#00aaff);box-shadow:0 0 12px rgba(0,191,255,0.5);transform:translateY(-1px)}.footer__btn:active{transform:scale(0.97)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.online{background:#00ff88;box-shadow:0 0 6px #00ff88}.ping{background:#00bfff;box-shadow:0 0 6px #00bfff}.secure{background:#a855f7;box-shadow:0 0 6px #a855f7}.event{background:#ffaa00;box-shadow:0 0 6px #ffaa00}.footer__bottom{margin-top:20px;text-align:center;font-size:12px;color:#777}.footer__legal{font-size:11px;color:#555;margin-top:4px}@media (max-width:768px){.footer__panel{padding:20px;gap:20px}.footer__logo{font-size:20px}.footer__col p{font-size:13px}}