.header-info,.logo-container{z-index:2;position:relative}.footer,.hero-section,.page-title,.section-title{text-align:center}#navbar ul li a,.general-table-ui th,.page-title span,.rankings-table thead th,.section-title,.srvinfo-label{text-transform:uppercase}.donation-link,.pagination li a,.pagination-mugm li a,.rank-name a,.rankings-menu a,.usercp-grid a{text-decoration:none}#navbar,.header-info,.logo-container,.nav-wrapper,.page-title span,.section-title,.top-user-dd{position:relative}.donation-option:hover,.news-card:hover,.vip-card:hover{transform:translateY(-4px)}.card .character-avatar img,.guild-logo-mini,.img-flag,.news-card img,.rankings-class-image{object-fit:cover;object-fit:cover}.hero-img-left,.hero-img-right,.nightmare-figure{bottom:0;pointer-events:none;pointer-events:none}:root{--bg:#0d1117;--surface:#161b22;--card:#111633;--text:#e5e7eb;--muted:#9ca3af;--accent:#6f63ff;--radius:12px;--font:'Poppins',sans-serif;--container-width:1400px}body,html{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;height:100%;margin:0;padding:0}.global-top-bar{background:linear-gradient(90deg,#ffd500,#f90);padding:4px 20px;font-size:13px}.webengine-language-switcher{display:inline-block;list-style:none;padding:0;margin:0;width:46px;height:19px;overflow:hidden;transition:width .3s}.webengine-language-switcher:hover{width:400px}.webengine-language-switcher li{display:inline-block;background:#333;border-radius:3px;padding:0 5px 2px;margin:0 2px}.webengine-language-switcher li a{color:#999;font-size:12px}.webengine-language-switcher li:hover a{color:#fff}#navbar ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center}#navbar ul li{margin:0 10px}#navbar ul li a{display:inline-block;color:#c4c7d1;padding:16px 20px;font-weight:600}#navbar ul li a.active,#navbar ul li a:hover{background:var(--accent);color:#fff;border-radius:8px}.btn-user-full{background:var(--accent);color:#fff;font-weight:600;padding:8px 20px;border:none;border-radius:var(--radius);transition:filter .2s}.footer a,.user-dropdown-links a,.user-panel{color:var(--text)}.btn-user-full:hover,.btn-usercp:hover{filter:brightness(115%)}.user-panel{display:none!important;background:var(--card);border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);padding:24px;max-width:1200px;margin:20px auto}.user-panel.show{display:block!important}.top-user-dd .dropdown-menu{display:none;background:var(--card);border:none;border-radius:var(--radius);padding:8px;min-width:160px}.dropdown.open .submenu,.top-user-dd.open .dropdown-menu{display:block}.top-user-dd .dropdown-menu a{color:var(--text);padding:6px 12px;display:block}.top-user-dd .dropdown-menu a:hover{background:rgba(255,255,255,.07)}.hero-section{background:radial-gradient(circle at center,#1e2250 0,#0b1026 80%)}.logo-container{margin-bottom:20px}.main-logo{max-width:420px;width:100%}.header-info{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:28px 40px}.section-title{font-size:22px;font-weight:700;color:#e2e6f3;padding-bottom:5px;margin:10px 0 20px;display:inline-block}.section-title::after{content:"";background:var(--accent)}.news-row{display:flex;flex-wrap:wrap;gap:30px}.news-card{flex:1 1 calc(50% - 20px);border-radius:var(--radius);overflow:hidden}.news-card .card-body{display:flex;flex-direction:column}.news-card .card-title{font-size:16px;font-weight:600;min-height:45px;margin:6px 0}.news-card .card-text{flex:1;font-size:14px;color:var(--muted);margin-bottom:10px}.news-card .btn-link{color:var(--accent);font-weight:600;padding:0}@media(max-width:1199px){.news-card{flex:1 1 calc(33.333% - 30px)}}@media(max-width:991px){.news-card{flex:1 1 calc(50% - 30px)}}@media(max-width:600px){.news-card{flex:1 1 100%}}.footer{background:var(--surface);color:var(--muted);padding:80px 0}.footer a:hover{color:var(--accent)}.top-user-dd .btn-user{background:var(--primary);color:#fff!important;border:none;font-weight:600;padding:6px 12px;border-radius:8px}.nav-wrapper{display:flex;align-items:center;justify-content:center}.nav-main{display:flex;gap:24px}.nav-usercp-btn,.pagination-mugm li a.active,.pagination-mugm li a:hover{background:var(--accent);border-radius:var(--radius)}.nav-usercp-btn:hover{filter:brightness(110%)}.user-dropdown-links{display:flex;flex-direction:column;gap:12px;padding:0}.user-dropdown-links a{background:var(--surface);font-weight:600;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:12px 18px;text-decoration:none;display:flex;align-items:center;gap:10px;transition:background .2s,transform .15s}.user-dropdown-links a:hover{background:var(--accent);color:#fff;transform:translateX(4px)}.logout-link{background:rgba(255,50,50,.15)!important;color:#f66!important}.logout-link:hover{background:#f44!important;color:#fff!important}.usercp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:8px}.usercp-grid a{background:var(--card);color:var(--text);font-weight:500;font-size:14px;padding:10px 14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px;transition:.2s}.usercp-grid a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.usercp-grid .logout-link{background:rgba(255,50,50,.15);color:#f66}.usercp-grid .logout-link:hover{background:#f44;color:#fff}.modal-content{background:var(--card)!important;color:var(--text);border:1px solid rgba(255,255,255,.05)}.modal-header{background:0 0;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header .modal-title{font-weight:600;font-size:18px}.modal-body{font-size:14px;line-height:1.5}.modal-body img{max-width:100%;height:auto;border-radius:6px}.addstats-form .form-group,.info-content p,.modal-body p,form .row>div{margin-bottom:12px}.container-limited{width:100%}.srvinfo-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:10px 15px 0;background:0 0;margin-top:10px}.srvinfo-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius);padding:18px 24px;min-width:180px;box-shadow:0 4px 6px rgba(0,0,0,.2)}.srvinfo-card i{font-size:26px;color:#00d2ff9c}.srvinfo-label{font-size:13px;color:var(--muted);font-weight:600}.srvinfo-value{font-size:16px;font-weight:800;color:var(--text)}.status-online{color:#4ade80}.status-offline{color:#f87171}@media(max-width:768px){.srvinfo-card{flex:1 1 45%;justify-content:flex-start}}.btn-usercp{background:var(--accent);color:#fff;border:none;padding:8px 20px;font-weight:600;border-radius:var(--radius);transition:filter .2s}#authModal .btn{margin:6px 8px;min-width:140px}#authModal form button,#authModal form input{border-radius:6px}.auth-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:30px 0 20px;margin-bottom:0;min-height:auto}.auth-card{background:rgba(0,0,0,.6);padding:20px 30px;border-radius:8px;box-shadow:0 0 10px rgba(0,128,255,.15);max-width:380px;width:100%}.auth-card input.form-control{background-color:#e8f0fe;color:#000}.auth-card .btn{width:100%;margin-top:15px}.login-error{margin-top:15px;font-size:13px;color:#faa;background:rgba(255,0,0,.1);padding:10px;border-radius:6px}.hero-section{z-index:1}.page-title{margin-top:50px;margin-bottom:30px}.pagination-container,.pagination-wrapper{margin-top:30px;text-align:center}.page-title span{padding:10px 30px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.hero-img-left,.hero-img-right{opacity:.85;z-index:0}.pagination-mugm{display:inline-flex;border-radius:var(--radius);box-shadow:0 4px 10px rgba(0,0,0,.2)}.pagination{display:inline-block;padding-left:0;border-radius:4px}.pagination li{display:inline}.pagination li a{color:var(--text);background-color:#222;border:1px solid #444;padding:6px 12px;margin:0 3px;border-radius:6px}.pagination li.active a{background-color:var(--accent);color:#fff;border-color:var(--accent)}.pagination li a:hover{background-color:#333}.page-title span::after,.pagination-mugm li a.active,.pagination-mugm li a:hover,.rankings-menu a.active,.rankings-menu a:hover,.section-title::after{background:var(--accent);background:var(--accent)}body{line-height:1.5;font-size:15px;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;background:linear-gradient(#1b2147 0,#0e1224 55%,#0b0e1c 100%)!important;color:#dfe4ff;margin:0;padding:0}.page-title span{font-size:22px;font-weight:700;color:#e2e6f3;text-align:center;padding-bottom:12px;margin:20px 0 30px;display:inline-block}.donation-link,.pagination-mugm li a,.rankings-menu a,.rankings-table{color:var(--text);color:var(--text)}.page-title span::after,.section-title::after{content:"";display:block;width:60px;height:3px;margin:8px auto 0;border-radius:4px}.pagination-mugm{display:inline-flex;list-style:none;padding:6px 12px;gap:6px;background:rgba(255,255,255,.03);border-radius:8px}.download-table,.page-wrap,.rankings-menu,.rankings-menu a{display:flex;display:flex}.pagination-mugm li a{display:block;transition:background .2s,color .2s;padding:8px 12px;background:#1f2233;border:1px solid #2c2f40;color:#b7bcd5;border-radius:6px;font-weight:500;font-size:14px}.pagination-mugm li a:hover{color:#fff}.pagination-mugm li a.active{color:#fff;font-weight:700;box-shadow:0 0 4px rgba(0,0,0,.3)}.news-section{padding:20px 10px;text-align:center}.news-card{flex:1 1 calc(33.333% - 20px);border-radius:var(--radius);min-height:500px}.news-card img{width:100%;height:240px}.news-card .card-body{padding:12px 16px}.page-wrap{flex-direction:column;min-height:100vh}#container{flex:1 0 auto}footer.footer{flex-shrink:0}.rankings-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:14px;background:0 0}.rankings-table thead th{font-size:12px;color:var(--muted);background:0 0;border:none;text-align:center;padding:8px}.rankings-table tr{background:var(--card);border-radius:var(--radius);box-shadow:0 4px 8px rgba(0,0,0,.25);overflow:hidden}.rankings-table td,.rankings-table th{border:none;padding:10px 12px;vertical-align:middle;text-align:center}.rankings-table td.name-cell{display:flex;align-items:center;gap:10px;font-weight:600;text-align:left}.rankings-class-image{border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 4px rgba(0,0,0,.5)}.rankings-table .badge-offline,.rankings-table .badge-online{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:600}.img-flag{width:20px;height:14px;border-radius:2px}.card-block,.card-flat,.donation-option,.download-row,.download-tip,.rankings-menu a{border-radius:var(--radius)}.rankings-table .badge-online{background:#4ade80;color:#000}.rankings-table .badge-offline{background:#f87171;color:#fff}.rankings-menu{text-align:center;justify-content:center;flex-wrap:wrap;gap:12px;justify-content:center;flex-wrap:wrap;gap:16px;margin:25px 0 35px}.rankings-menu a{background:var(--surface);background:rgba(255,255,255,.03);padding:8px 18px;font-weight:600;transition:background .2s;align-items:center;gap:8px}.rankings-menu a.active,.rankings-menu a:hover{color:#fff}.medal-bronze,.medal-gold,.medal-silver{font-size:18px}.card-block{background:var(--card);padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);margin-bottom:30px}.download-tip{background:rgba(255,255,255,.02);border-left:3px solid var(--accent);padding:12px 16px;margin-top:15px}.download-section{margin:30px 0}.download-table{flex-direction:column;gap:12px}.download-row,.vip-header{align-items:center;display:flex}.download-row{background:var(--card);justify-content:space-between;padding:14px 18px;box-shadow:0 2px 6px rgba(0,0,0,.25)}.download-info,.news-card .card-body .card-text,.rankings-home-box .panel-body{flex:1}.download-size{width:80px;text-align:center;font-weight:500}.download-btn{width:110px;text-align:right}.btn-accent{background:var(--accent)}.card-flat,.donation-option,.panel-usercard{background:var(--card)}.btn-accent:hover{background:var(--accent-dark)}.donation-methods{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;justify-content:center}.donation-option{width:180px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.3);transition:transform .2s}.donation-link{display:flex;flex-direction:column;align-items:center;padding:16px}.donation-link img{width:100px;height:auto;margin-bottom:10px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.donation-link span{font-weight:600;font-size:14px}.card-flat{padding:20px;margin-bottom:25px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.card-flat h5{margin-bottom:15px;font-weight:600}.general-table-ui th{font-size:12px;color:var(--muted);background:0 0}.general-table-ui td{vertical-align:middle}input[type=email],input[type=password],input[type=text],select,textarea{background-color:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 10px;font-size:14px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,255,255,.1)}button.btn{padding:8px 20px;font-weight:600}.card .character-avatar img{width:64px;height:64px;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.4)}.card .character-name{font-weight:700;font-size:16px;margin-top:8px}.module-requirements p{margin:2px 0}.panel-usercard{border-radius:var(--radius);box-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:24px;color:var(--text)}.panel-usercard .panel-body{padding:16px 20px}.addstats-form label{color:var(--muted);font-weight:500}.addstats-form input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text)}.btn-accent{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 18px;font-weight:600;transition:background .2s}.vip-body,.vip-header{padding:20px}.vip-cards-container{margin-bottom:40px}.vip-card{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.3);margin-bottom:30px;overflow:hidden;transition:transform .2s}.vip-header{background:linear-gradient(90deg,#5e42f5,#2c2a99);color:#fff;justify-content:center}.vip-icon{font-size:22px;margin-right:10px}.vip-title{font-weight:700;font-size:18px}.vip-form{margin-bottom:10px}.btn-vip-option{background:linear-gradient(90deg,#43cea2,#185a9d);color:#fff;font-weight:600;border:none;padding:12px;border-radius:6px;text-align:center;transition:background .2s}.btn-vip-option:hover{background:linear-gradient(90deg,#2bc0e4,#1d3e90)}.vip-discount{background:#ffc107;color:#000;font-weight:700;padding:2px 6px;border-radius:3px;font-size:12px;margin-left:6px}.paypal-gateway-container{background:#f8f9fa;border:1px solid #ddd;padding:15px;border-radius:6px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.paypal-gateway-content{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.mercadopago-gateway-logo,.paypal-gateway-logo{width:48px;height:48px;background-image:url('/template/default/assets/img/icon-donate.png');background-size:cover;background-position:center}.med .rankings-home-box,.rankings-home-box{background:#ffffff0d;border:1px solid #ffffff15;box-shadow:0 0 10px rgba(0,0,0,.25)}.paypal-gateway-form .credit-text{font-size:16px;font-weight:700;color:#333}.paypal-gateway-continue .btn{padding:6px 16px;font-weight:600}.rankings-table-ui{margin:0;background:0 0}.medal-gold{color:#f7c82e}.medal-silver,.rankings-table-ui i.medal-silver{color:silver}.med .rankings-home-box{border-radius:6px}.rankings-table-ui td,.rankings-table-ui th{vertical-align:middle;border:none;color:#ddd;padding:6px 8px}.guild-logo-mini{background:#222;border:1px solid #444}.medal-bronze,.rankings-table-ui i.medal-bronze{color:#cd7f32}.rank-name a{color:#eee}.rank-name a:hover{color:#fff;text-shadow:0 0 4px #ff0}.hero-time-bar,.hero-top-bar{font-size:16px;font-weight:500;margin:10px auto;color:#eee}.hero-top-bar .server-version,.rankings-table-ui i.medal-gold{color:gold}.hero-top-bar .hero-link:hover{text-shadow:0 0 5px #0ff}.hero-divider{margin:0 10px;color:#aaa}.hero-time-bar i{color:#aaa;margin-right:4px}.hero-top-bar{margin-top:10px;color:#fff;font-size:15px}.hero-top-bar .hero-link{color:#fff;text-decoration:underline}.hero-clocks{color:#fff;font-size:14px;margin-top:10px}.hero-events-button{margin:15px 0 0;text-align:center}.hero-events-button .btn{background:0 0;border:1px solid #fff2;color:#fff}.hero-events-button .btn:hover{background:#ffffff22}#navbar,.nav-wrapper{margin-bottom:0!important;padding-bottom:0!important}.hero-section{padding-top:10px!important}#navbar,.hero-header-top{margin-top:0!important;padding-top:0!important}.pagination{margin-bottom:10px!important}#navbar{backdrop-filter:blur(8px);backdrop-filter:blur(6px);backdrop-filter:blur(9px);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 1px 0 rgba(255,255,255,.03);padding-bottom:0!important;top:0;background:rgba(12,15,26,.88);border-bottom:none;padding:0;z-index:99}.nav-wrapper{display:flex;justify-content:center;align-items:center;gap:50px;box-sizing:border-box}.nav-main{display:flex;gap:42px}.nav-main li a,.nav-usercp-btn{display:inline-flex;text-transform:uppercase}.nav-main li a{align-items:center;gap:12px}.nav-usercp-btn{align-items:center;gap:10px;box-shadow:0 0 6px rgba(107,94,255,.25)}.nav-main,.nav-usercp-btn,.nav-wrapper{display:flex;display:flex}.nav-usercp-btn:hover{box-shadow:0 0 8px rgba(107,94,255,.35);box-shadow:0 0 8px rgba(128,101,255,.5);background:linear-gradient(145deg,#00d2ff,#3a47d5)!important}.top-mini-bar{height:22px;background:rgba(0,0,0,.34);font:600 11px/22px Poppins,sans-serif;color:#dedff9;text-align:center;letter-spacing:.3px}.nav-main li a,.nav-usercp-btn{font:600 12px/1 Poppins,sans-serif}.top-mini-bar span{color:#ffc600}.top-mini-bar a{color:#38c6ff;text-decoration:none}.top-mini-bar a:hover{text-shadow:0 0 4px #38c6ff}.nav-wrapper{max-width:1340px;margin:auto;display:flex;align-items:center;justify-content:center;gap:56px;min-height:46px}.nav-main{display:flex;gap:32px}.nav-main li a{align-items:center;gap:8px;letter-spacing:.2px}.nav-main li.active a{background:#675df6;color:#fff;box-shadow:0 0 6px rgba(103,93,246,.45) inset}.nav-main li.active a:hover{background:#8065ff}.nav-main li a::before{transition:inherit;transform:translateY(1px);margin-right:8px;vertical-align:middle;font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;font-size:15px;display:inline-block;color:currentColor;transition:inherit}.nav-main li:first-child a::before{content:"\f015";content:"\f015";color:#fff}.nav-main li:nth-child(2) a::before{content:"\f091"}.nav-main li:nth-child(3) a::before{content:"\f406"}.nav-main li:nth-child(4) a::before{content:"\f108"}.nav-main li:nth-child(5) a::before{content:"\f56d"}.nav-main li:nth-child(6) a::before{content:"\f07a";color:#ff6c6c}.nav-main li:nth-child(7) a::before{content:"\f15c";color:#9ea8ff}.nav-usercp-btn{position:absolute;right:34px;top:50%;transform:translateY(-50%);display:flex;align-items:center;background:#675df6;text-transform:uppercase}.nav-main li a,.nav-usercp-btn{font:600 13px Poppins,sans-serif;text-transform:uppercase}.hero-img-left,.hero-img-right{opacity:.9;width:42vw;max-width:620px;opacity:.92;position:absolute}.hero-img-left{left:0}.hero-img-right{right:0}@media(max-width:992px){.hero-img-left,.hero-img-right{display:none}}.nav-wrapper{justify-content:center;align-items:center;padding:14px 32px;gap:46px;flex-wrap:wrap}.nav-main{gap:38px;list-style:none;margin:0;padding:0}.nav-main li a{display:flex;align-items:center;gap:10px;padding:10px 20px;color:#dfe4ff;text-decoration:none;border-radius:10px;transition:.25s}.nav-main li:nth-child(2) a::before{content:"\f05a";color:#38c6ff}.nav-main li:nth-child(3) a::before{content:"\f019";color:#8bdf5d}.nav-main li:nth-child(4) a::before{content:"\f53a";color:#f3bb44}.nav-main li:nth-child(5) a::before{content:"\f091";color:#f9c648}.nav-main li a:hover{background:rgba(255,255,255,.05)}.nav-usercp-btn{margin-left:auto;align-items:center;gap:8px;background:linear-gradient(145deg,#00d2ff,#3a47d5)!important;border:0;border-radius:10px;padding:8px 20px;color:#fff;transition:background .25s,transform .25s}.nav-usercp-btn i,.news-title{font-size:15px}.nav-usercp-btn::before{content:none}.hero-section{position:relative;padding:0;background:linear-gradient(to bottom,#0c0f1a 0,rgba(12,15,26,.6) 60%,transparent 100%)}.card,.event-card,.news-card,.srvinfo-card{border-radius:12px;background-color:#0000002e;box-shadow:0 0 10px rgba(0,0,0,.25)}h3,h4,h5{color:#dfe4ff;font-weight:600}.news-title{font-weight:600;margin:8px 0 4px}.guild-logo-mini,.rankings-class-image,.rankings-class-image span{display:block;margin:0 auto}.news-description{font-size:13px;color:#aeb8d0}.pagination>li>a{background-color:#1d2030;border:none;color:#ccc;transition:background-color .2s}.pagination>li>a:hover{background-color:#6b5eff;color:#fff}a,button{transition:.2s ease-in-out}.rankings-class-image{padding:0;background:0 0;border:none}.rankings-class-image span{width:32px;height:32px;background-size:cover!important}.news-card{display:flex;flex-direction:column;height:auto!important;min-height:unset!important;border:1px solid rgba(0,200,255,.15);box-shadow:0 0 8px rgba(0,200,255,.1);transition:border-color .3s,box-shadow .3s}.news-card .card-body{flex:1;display:flex;flex-direction:column}.news-card .btn{margin-top:auto}.news-card:hover{border-color:rgba(0,200,255,.4);box-shadow:0 0 12px rgba(0,200,255,.25)}.news-card-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:3.2em}.home-rankings-row,.rankings-home-box{display:flex;display:flex}.ranking-box{border:1px solid rgba(0,247,255,.15);box-shadow:0 0 8px rgba(0,247,255,.05);border-radius:12px}.custom-carousel-container,.rankings-home-box{border:1px solid rgba(102,187,255,.14);box-shadow:inset 0 0 6px rgba(102,187,255,.12);border-radius:10px}.home-rankings-row{justify-content:space-between;flex-wrap:wrap}.rankings-home-box{box-shadow:0 0 12px rgba(0,128,255,.08);flex:1 1 48%;color:#dcdcdc;transition:.3s;flex-direction:column;justify-content:space-between;flex:1 1 calc(50% - 20px);max-width:100%;min-width:320px;flex-direction:column;justify-content:space-between}.rankings-home-box:hover{box-shadow:0 0 16px rgba(0,128,255,.25)}.rankings-home-box .panel-heading{font-size:17px;font-weight:700;color:#fff;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);background:0 0!important;text-align:left}.rankings-home-box .panel-body{padding:0}.rankings-table-ui{width:100%;border-collapse:collapse;font-size:14px}.rankings-table-ui th{background:0 0!important;color:#bbb;font-weight:600;padding:8px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}.rankings-table-ui td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle;transition:background .2s}.dropdown .dropdown-toggle,.sidebar-nav a{padding:8px 12px;gap:8px;background:rgba(255,255,255,.05)}.rankings-table-ui tr:hover td{background:rgba(102,183,255,.05)}.guild-logo-mini,.rankings-class-image{border-radius:4px;width:32px;height:32px;object-fit:cover;box-shadow:0 0 3px rgba(255,255,255,.1)}.rankings-table-ui .rank-name a{color:#66b7ff;font-weight:500;text-decoration:none}.info-links a:hover,.rankings-table-ui .rank-name a:hover{text-decoration:underline}.home-rankings-row{flex-wrap:wrap;flex-wrap:wrap;justify-content:center;gap:30px;max-width:100%;all:unset;display:flex!important;justify-content:center!important;gap:60px!important;width:100%!important;max-width:var(--container-width)!important;margin:40px auto!important;padding:0 20px!important;box-sizing:border-box!important}.rankings-home-box{all:unset;flex:0 0 480px!important;width:480px!important;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:24px 28px;box-shadow:0 0 12px rgba(0,0,0,.25);display:flex;flex-direction:column;box-sizing:border-box}.info-content,.info-sidebar{border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,.2)}@media (max-width:992px){.home-rankings-row{flex-wrap:wrap!important}.rankings-home-box{flex:1 1 100%!important;width:100%!important}}.container-limited{max-width:1100px;margin:0 auto;padding:20px}.info-content img,.info-image{max-width:100%;border-radius:8px}.info-wrapper{display:flex;gap:20px;flex-wrap:wrap}.info-sidebar{width:260px;background:rgba(0,0,0,.3);padding:20px;font-size:15px;flex-shrink:0}.sidebar-title{font-size:18px;font-weight:700;margin-bottom:15px;border-bottom:1px solid #444;padding-bottom:5px;color:gold}.sidebar-nav,.submenu{padding:0;list-style:none}.sidebar-nav{margin:0}.sidebar-nav li{margin-bottom:8px}.sidebar-nav a{display:flex;align-items:center;border-radius:8px;color:#ddd;text-decoration:none;transition:.2s}.sidebar-nav a.active,.sidebar-nav a:hover{background:linear-gradient(to right,#7b1fa2,#512da8);color:#fff;font-weight:700}.sidebar-nav .icon{width:18px;height:18px}.dropdown .dropdown-toggle{font-weight:700;cursor:pointer;border-radius:8px;color:#f0f0f0;transition:.2s;display:flex;align-items:center}.dropdown.open .dropdown-toggle{background:linear-gradient(to right,#2196f3,#1e88e5);color:#fff}.submenu{margin:6px 0 10px 10px;display:none}.submenu li a{font-size:14px;background:0 0;padding:6px 10px;border-radius:6px;display:block;color:#ccc;transition:.2s}.submenu li a.active,.submenu li a:hover{color:#fff;background:rgba(255,255,255,.1)}.info-content{flex:1;background:rgba(0,0,0,.25);padding:20px;min-height:400px;color:#eee;line-height:1.6}.info-content h1,.info-content h2,.info-content h3{color:gold;margin-top:20px}.info-content ul{margin-left:20px;list-style:disc}.info-content img{margin:15px 0;box-shadow:0 0 5px rgba(0,0,0,.5)}.info-content .highlight{background:rgba(255,255,255,.05);padding:10px 15px;border-left:4px solid #2196f3;margin:15px 0;border-radius:8px}.info-links{padding-left:1rem;list-style:none}.info-links li{margin-bottom:.5rem;line-height:1.6;font-size:15px}.info-links a{color:#47a5ff;text-decoration:none;transition:color .2s}.info-links a:hover{color:#85c9ff}.info-image{margin:1rem 0;box-shadow:0 0 12px rgba(0,0,0,.3)}.icon-img{border-radius:4px;height:26px;margin-right:4px;vertical-align:middle}.image-banner img{width:100%;max-width:700px;margin:10px auto;display:block;border-radius:10px}.highlight-slider-container{overflow:visible!important}.highlight-slide,.highlight-slider{overflow:visible;position:relative;width:100%}.highlight-slider .swiper-wrapper{width:100%;height:100%}.highlight-slide{height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;padding:20px;border-radius:8px}.highlight-content{backdrop-filter:blur(8px);background:rgba(10,15,25,.5);padding:20px;border-radius:16px;max-width:600px;color:#cfe8ff;box-shadow:0 0 20px rgba(0,200,255,.1);border-left:none;transition:.3s}.highlight-content h2{font-size:24px;margin-bottom:12px;color:#7fd5ff;font-weight:600;text-shadow:0 0 5px rgba(0,200,255,.4)}.highlight-content p{font-size:15px;line-height:1.6;color:#d0d9e1;margin-bottom:18px}.highlight-content .btn-accent{display:inline-block;padding:10px 22px;font-size:13px;font-weight:700;text-transform:uppercase;background:linear-gradient(145deg,#00d2ff,#3a47d5);color:#fff;border-radius:8px;box-shadow:0 0 10px rgba(0,213,255,.3);text-decoration:none;transition:background .3s,transform .2s}.highlight-content .btn-accent:hover{background:linear-gradient(145deg,#3a47d5,#00d2ff);transform:translateY(-2px)}.highlight-slider{height:400px}.highlight-slider-container{position:relative;margin:27px auto 0;width:100%;max-width:1050px;border-radius:10px;box-shadow:0 0 20px rgb(1 138 255 / 16%)}.nightmare-figure{filter:drop-shadow(0 0 15px rgba(0, 200, 255, .4));position:absolute;right:-20px;height:100%;z-index:100;filter:drop-shadow(0 0 15px rgb(0 200 255 / 13%));transition:transform .3s}.nav-main li a:hover{background:linear-gradient(145deg,#3a47d5,#00d2ff)!important;color:#fff;transform:translateY(-5px)}

 /* --- Imágenes hero: visibles en PC, ocultas solo en móviles --- */
.hero-img-left,
.hero-img-right {
  display: block !important;
  position: absolute;
  opacity: 0.92;
  max-width: 620px;
  width: 45vw;
  z-index: 0;
}
@media (max-width: 992px) {
  .hero-img-left,
  .hero-img-right {
    display: none !important;
  }
}

/* --- Footer restaurado --- */
.site-footer {
  background-color: #0d1117;
  border-top: 1px solid rgba(111, 99, 255, 0.3);
  color: #9ca3af;
  font-size: 14px;
  margin-top: 40px;
  padding: 30px 20px 25px;
  font-family: 'Poppins', sans-serif;
}
.footer-inner { max-width: 1200px; margin: 0 auto; }
.footer-top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(111,99,255,0.3); padding-bottom:20px; margin-bottom:20px; gap:15px; }
.footer-logo img { max-height:50px; display:block; filter:drop-shadow(0 0 1px rgba(111,99,255,0.6)); transition:filter 0.3s; }
.footer-logo a:hover img { filter:drop-shadow(0 0 4px #6f63ff); }
.footer-links ul { list-style:none; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:14px; padding:0; margin:0 0 20px; }
.footer-links ul li { display:inline; }
.footer-links a { color:#b7bcd5; text-decoration:none; font-weight:600; transition:color 0.3s; }
.footer-links a:hover { color:#6f63ff; }
.footer-links ul li:not(:last-child)::after { content:"|"; margin-left:12px; color:#444; font-weight:600; }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid rgba(111,99,255,0.3); padding-top:20px; }
.footer-copy p { margin:0; line-height:1.5; color:#9ca3af; }
.footer-copy strong { color:#6f63ff; font-weight:700; }
.footer-social { display:flex; gap:20px; }
.footer-social a { font-size:28px; color:#6f63ff; transition:color 0.2s, transform 0.2s; }
.footer-social a:hover { color:#8d85ff; transform:scale(1.2); }
@media (max-width:700px){ .footer-top{flex-direction:column;text-align:center;} .footer-links ul{justify-content:center; margin-top:15px;} }
@media (max-width:600px){ .footer-bottom{flex-direction:column;text-align:center;} .footer-social{justify-content:center;} }

/* --- Menú hamburguesa vertical (fix final) --- */
.mobile-hamburger-btn {
    display: none;
}

@media (max-width: 768px) {
    .mobile-hamburger-btn {
        display: block;
        position: absolute;
        top: 1px;
        right: 1px;
        font-size: 28px;
        background: none;
        border: none;
        color: #fff;
        z-index: 9999;
        cursor: pointer;
    }

    #mobile-nav-menu {
        display: none;
        background: #1a1d2e;
        width: 100%;
        padding: 18px;
        border-radius: 10px;
        margin-top: 60px;
        flex-direction: column;
        align-items: stretch;
    }

    #mobile-nav-menu.show {
        display: flex !important;
        flex-direction: column !important;
    }

    #mobile-nav-menu .nav-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
        /* Evita que se apilen en fila */
    }

    #mobile-nav-menu .nav-main li {
        display: block !important;
        width: 100% !important;
        float: none !important;
        /* Quita float heredado */
        margin: 0 !important;
    }

    #mobile-nav-menu .nav-main li a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        background: #0a0b1000 !important;
        color: #fff !important;
        padding: 10px 0 !important;
        border-radius: 6px !important;
        font-size: 8px !important;
    }

    #mobile-nav-menu .nav-main li a:hover {
        background: #23284a !important;
    }

    .nav-usercp-btn {
        display: block !important;
        width: 50% !important;
        text-align: center !important;
        margin-top: 15px !important;
        font-size: 14px !important;
        padding: 6px 0 !important;
        background: linear-gradient(90deg, #00bfff, #4b6bff) !important;
        border: none !important;
        border-radius: 6px !important;
        color: #fff !important;
        font-weight: 600 !important;
        top: 14px;
    }
}

@media (min-width: 769px) {
    #mobile-nav-menu {
        display: block !important;
    }

    .mobile-hamburger-btn {
        display: none !important;
    }
}
/* --- Mostrar noticias en columna solo en móviles --- */
@media (max-width: 768px) {
  .news-row {
    flex-direction: column !important;
  }

  .news-card {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}
/* --- Contenedor general VIP --- */
.panel-vip {
  background: #1b1f3a;
  border: 1px solid rgba(111, 99, 255, 0.4);
  border-radius: 12px;
  margin-bottom: 25px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  color: #ccc;
  font-family: 'Poppins', sans-serif;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.panel-vip:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.6);
}

/* --- Encabezado VIP --- */
.panel-vip .panel-heading {
  background: linear-gradient(90deg, #6f63ff, #4b6bff);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px 12px 0 0;
  padding: 12px 18px;
  text-align: center;
}

.panel-vip .panel-title {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* --- Cuerpo de la tabla VIP --- */
.vip-table-container {
  padding: 10px 0;
}

.vip-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
  background: transparent;
}

.vip-table tr {
  background: #23284a;
  border-radius: 8px;
  overflow: hidden;
}

.vip-table td {
  padding: 10px 14px;
  border: none;
  font-size: 15px;
  color: #ddd;
  vertical-align: middle;
}

/* Alternar filas para m��s contraste */
.vip-table tr:nth-child(odd) {
  background: #1b1f3a;
}

/* --- Botones VIP (comprar/activar) --- */
.btn-vip {
  display: inline-block;
  background: linear-gradient(90deg, #00bfff, #4b6bff);
  color: #fff !important;
  font-weight: 600;
  font-size: 13px;
  padding: 6px 16px;
  border-radius: 6px;
  border: none;
  transition: background 0.3s ease, transform 0.2s ease;
  text-transform: uppercase;
  text-decoration: none;
}

.btn-vip:hover {
  background: linear-gradient(90deg, #4b6bff, #6f63ff);
  transform: scale(1.05);
  color: #fff;
}

/* --- Ajuste responsivo para m��viles --- */
@media (max-width: 768px) {
  .vip-table td {
    font-size: 14px;
    padding: 8px 10px;
  }
  .panel-vip .panel-title {
    font-size: 16px;
  }
}
/* --- Contenedor estilo VIP para MercadoPago (m��s integrado) --- */
.paypal-gateway-container {
    background: #1b1f3a;
    border: 1px solid rgba(111, 99, 255, 0.4);
    border-radius: 12px;
    margin: 8px auto; /* Espaciado igual que VIP */
    padding: 18px 20px;
    max-width: 500px;
    color: #fff; /* Texto en blanco */
    font-family: 'Poppins', sans-serif;
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: transform 0.2s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.paypal-gateway-container:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.6);
    border-color: #6f63ff; /* Resalta en hover */
}

/* --- �0�1cono decorativo (cr��ditos) usando pseudo-elemento --- */
.paypal-gateway-container::before {
    content: "\f51e"; /* FontAwesome: fa-coins */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 22px;
    color: #6f63ff;
    margin-right: 12px;
}

/* --- Contenido interno (texto y bot��n) --- */
.paypal-gateway-content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

/* --- Texto de cr��ditos (centrado, legible) --- */
.credit-text {
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    flex: 1 1 auto;
    text-align: left;
}

/* --- Bot��n de Donar con estilo VIP --- */
.paypal-gateway-continue .btn-success {
    display: inline-block;
    background: linear-gradient(90deg, #00bfff, #4b6bff);
    color: #fff !important;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 20px;
    border-radius: 6px;
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4);
    transition: all 0.3s ease;
}

.paypal-gateway-continue .btn-success:hover {
    background: linear-gradient(90deg, #4b6bff, #6f63ff);
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

/* --- Adaptaci��n m��vil (columnas) --- */
@media (max-width: 600px) {
    .paypal-gateway-container {
        flex-direction: column;
        text-align: center;
        padding: 16px;
    }
    .paypal-gateway-container::before {
        margin: 0 0 8px 0;
        font-size: 28px;
    }
    .credit-text {
        margin-bottom: 10px;
        text-align: center;
    }
}
/* ==== Estilos generales para rankings ==== */
.rankings-table, .rankings-table-ui {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px;
  font-size: 14px;
  background: transparent;
}

.rankings-table th, .rankings-table-ui th {
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  background: transparent;
  padding: 8px 12px;
  border: none;
  text-align: center;
  text-transform: uppercase;
}

.rankings-table td, .rankings-table-ui td {
  background: var(--card);
  border: none;
  padding: 12px 14px;
  color: var(--text);
  vertical-align: middle;
  text-align: center;
  border-radius: var(--radius);
  transition: background 0.2s;
}

.rankings-table tr, .rankings-table-ui tr {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25);
}

/* ==== Celda nombre con avatar o logo ==== */
.rankings-table .name-cell, .rankings-table-ui .name-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  text-align: left;
}

/* ==== Imagen de clase o guild ==== */
.rankings-class-image, .guild-logo-mini {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.1);
}

/* ==== Medallas de posici��n ==== */
.medal-gold { color: #f7c82e; font-size: 18px; }
.medal-silver { color: silver; font-size: 18px; }
.medal-bronze { color: #cd7f32; font-size: 18px; }

/* ==== Badges online/offline ==== */
.badge-online {
  background: #4ade80;
  color: #000;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 6px;
}

.badge-offline {
  background: #f87171;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 6px;
}

/* ==== Enlaces a nombres ==== */
.rank-name a {
  color: #eee;
  text-decoration: none;
}

.rank-name a:hover {
  color: #fff;
  text-shadow: 0 0 4px #6f63ff;
}

/* ==== Responsive para rankings ==== */
@media (max-width: 768px) {
  .rankings-table, .rankings-table-ui {
    font-size: 13px;
  }

  .rankings-table th, .rankings-table td,
  .rankings-table-ui th, .rankings-table-ui td {
    padding: 10px 8px;
  }

  .rankings-class-image, .guild-logo-mini {
    width: 28px;
    height: 28px;
  }

  .name-cell {
    font-size: 13px;
    gap: 8px;
  }
}
/* ========== Hero Section ========== */
.hero-section {
    position: relative;
    text-align: center;
    margin-top: 0px;
}
.hero-characters {
    position: relative;
    z-index: 1;
}
.hero-left, .hero-right {
    max-height: 380px;
}
.hero-left {
    position: absolute;
    left: 0;
    top: 0;
}
.hero-right {
    position: absolute;
    right: 0;
    top: 0;
}
.hero-logo img {
    max-width: 280px;
    margin: 0 auto;
    z-index: 5;
    position: relative;
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.6));
}
.hero-stats {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
    font-size: 16px;
    color: #fff;
}
.hero-stats div {
    background: rgba(255, 255, 255, 0.05);
    padding: 10px 20px;
    border-radius: 10px;
}

/* ========== Evento destacado ========== */
.event-highlight {
    background: rgba(0, 0, 0, 0.6);
    padding: 40px;
    border-radius: 15px;
    margin: 50px auto;
    width: 90%;
    max-width: 900px;
    text-align: center;
    color: #fff;
}
.event-highlight h2 {
    font-size: 28px;
    margin-bottom: 20px;
}
.event-highlight p {
    font-size: 16px;
    margin-bottom: 25px;
    line-height: 1.6;
}
.btn-event {
    background: #367cff;
    color: white;
    padding: 12px 25px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
}
.btn-event:hover {
    background: #265dcc;
}

/* ========== Online Dot ========== */
.online-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #00ff80;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 6px;
}
/* ---------- 0) Variables de color y tama�0�9os ---------- */
:root {
  --bg-1: rgba(0,0,50,0.85);        /* top */
  --bg-2: rgba(0,0,0,0.97);         /* bottom */
  --bg-img: url('/assets/epic-background.jpg');

  --surface: rgba(14,16,24,0.82);
  --surface-strong: rgba(14,16,24,0.92);
  --border: rgba(255,255,255,0.08);
  --border-strong: rgba(255,215,0,0.18);

  --text: #e6e9f0;
  --muted: #a9b0be;

  /* acentos: FixedMu usa violeta/azul. Dorado queda para t��tulos/ornamento */
  --accent: #8b5cf6;         /* primary (violeta) */
  --accent-2: #3b82f6;       /* azul */
  --gold: #ffd700;           /* ornamento */

  --radius: 16px;
  --shadow: 0 12px 40px rgba(0,0,0,0.55);
  --inner-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
}
html, body {
  height: 100% !important;
  min-height: 100% !important;
  background:
    linear-gradient(to bottom, var(--bg-1), var(--bg-2)),
    var(--bg-img) center/cover no-repeat fixed !important;
  color: var(--text) !important;
  font-family: "Poppins","Segoe UI",system-ui,-apple-system,Arial,Helvetica,sans-serif !important;
  line-height: 1.6 !important;
}

/* Elimina cualquier fondo s��lido de wrappers que ��corten�� el gradiente */
#wrapper, #page, .page, .page-wrapper, .site, .site-content, .content, .content-wrapper,
.container, .container-fluid, main, .main, .wrap, .wrapper, .section, section,
.row, .col, header, nav, footer, .footer, #footer, .sidebar, .hero,
.module, .panel, .box, .card, .widget {
  background: transparent !important;
}
/* === NAVBAR === */
.navbar, .nav-main {
  background: rgba(0,0,30,0.85) !important;
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,215,0,0.2);
}

.navbar a, .nav-main a {
  color: #f1f1f1;
  font-weight: 500;
  transition: color 0.3s ease;
}
.navbar a:hover, .nav-main a:hover {
  color: #ffd700; /* dorado */
}

.navbar .btn, .nav-main .btn {
  background: linear-gradient(135deg, #ffd700, #ff9900);
  color: #000;
  border-radius: 6px;
  font-weight: 600;
}
.navbar .btn:hover {
  background: linear-gradient(135deg, #ffea70, #ffd700);
}

/* === HERO SECTION === */
.hero-section {
  padding: 80px 20px;
  text-align: center;
  color: #fff;
}
.hero-section h1, 
.hero-section h2 {
  color: #ffd700;
  text-shadow: 0 0 12px rgba(255,215,0,0.8);
}
/* ---------- 8) Tablas (Rankings, etc.) ---------- */

/* Badges/estado */
.badge, .label, .pill {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 6px 10px !important; border-radius: 999px !important;
  background: rgba(139,92,246,.16) !important; color: #fff !important;
  border: 1px solid rgba(139,92,246,.35) !important;
}
.badge--online, .label-success { background: rgba(16,185,129,.16) !important; border-color: rgba(16,185,129,.35) !important; }

/* ---------- 9) Formularios ---------- */
input, select, textarea, .form-control {
  background: rgba(255,255,255,.05) !important;
  color: #fff !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  outline: none !important;
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(139,92,246,.6) !important;
  box-shadow: 0 0 0 3px rgba(139,92,246,.25) !important;
}

/* ---------- 10) Footer ---------- */
footer, .footer, #footer {
  background: linear-gradient(180deg, rgba(8,10,18,.8), rgba(6,8,14,.9)) !important;
  border-top: 1px solid var(--border-strong) !important;
  padding: 28px 0 !important;
  color: #9aa3b2 !important;
  text-align: center !important;
}
footer a { color: var(--gold) !important; }
footer a:hover { text-decoration: underline !important; }

/* ---------- 11) Utilitarios ---------- */
.rounded { border-radius: var(--radius) !important; }
.shadow { box-shadow: var(--shadow) !important; }
.text-gold { color: var(--gold) !important; }
.text-accent { color: var(--accent) !important; }
.bg-surface { background: var(--surface) !important; }

/* ---------- 12) Responsivo ---------- */
@media (max-width: 1200px) {
  h1 { font-size: 38px !important; }
  .stats, .info-cards, .server-counters, .home-counters { grid-template-columns: repeat(2,1fr) !important; }
}
@media (max-width: 640px) {
  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }
  .stats, .info-cards, .server-counters, .home-counters { grid-template-columns: 1fr !important; }
  .navbar .btn, .btn-login { padding: 8px 14px !important; }
}
/* Forzar mayor ancho en todas las secciones principales */
.container, .container-limited, .main-container, .content, .wrapper {
  max-width: 1400px !important;   /* antes estaba mucho m��s chico */
  width: 96% !important;          /* ocupa casi toda la pantalla */
  margin: 0 auto !important;
}

/* Cuerpo del sitio m��s uniforme */
body {
  background: radial-gradient(1600px 800px at 50% -10%, #101530 0%, #070b18 100%) !important;
  color: #e5e9f5 !important;
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 15px !important;
}
body {
  background: linear-gradient(180deg, #00061c 0%, #0a0f22 100%) !important;
  color: var(--text) !important;
  font: 15px/1.5 var(--font) !important;
}
/* =========================================================
   �9�9 Mejoras visuales modernas - agregado sobre custom.css
   ========================================================= */

/* Tipograf��a moderna */
body {
  font-family: 'Poppins', 'Inter', 'Montserrat', sans-serif !important;
  line-height: 1.6 !important;
  color: #eaeaea !important;
  background-color: #0e0e0e !important; /* fondo dark elegante */
}

/* Encabezados */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  color: #ffffff !important;
}

/* Links y botones */
a, .btn {
  transition: all 0.3s ease-in-out !important;
}

a:hover, .btn:hover {
  color: #00f5ff !important;
  text-decoration: none !important;
  transform: translateY(-2px) !important;
}

/* Botones modernos */
.btn {
  border-radius: 12px !important;
  padding: 0.6rem 1.2rem !important;
  font-weight: 500 !important;
  background: linear-gradient(135deg, #0072ff, #00f5ff) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(0, 242, 255, 0.25) !important;
}
.btn:hover {
  background: linear-gradient(135deg, #00f5ff, #0072ff) !important;
  box-shadow: 0 6px 18px rgba(0, 242, 255, 0.35) !important;
}

/* Tarjetas / contenedores */
.card, .panel, .box {
  border-radius: 16px !important;
  background: rgba(30, 30, 30, 0.85) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
  backdrop-filter: blur(8px) !important; /* glassmorphism */
  padding: 1.2rem !important;
}

/* Header / Navbar */
.navbar, header {
  background: rgba(10, 10, 10, 0.95) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  backdrop-filter: blur(6px) !important;
}
.navbar a {
  color: #eaeaea !important;
  font-weight: 500 !important;
}
.navbar a:hover {
  color: #00f5ff !important;
}

/* Footer */
footer {
  background: #0a0a0a !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding: 2rem 1rem !important;
  text-align: center !important;
  color: #bbb !important;
}
footer a {
  color: #00f5ff !important;
}
footer a:hover {
  color: #ffffff !important;
}

/* Animaciones suaves */
.fade-in {
  opacity: 0;
  animation: fadeIn 0.8s ease-in forwards;
}
@keyframes fadeIn {
  to { opacity: 1; }
}

/* Responsividad */
@media (max-width: 768px) {
  h1 {
    font-size: 1.8rem !important;
  }
  .navbar {
    font-size: 0.9rem !important;
  }
  .card {
    padding: 1rem !important;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 1.5rem !important;
  }
  .btn {
    padding: 0.5rem 1rem !important;
    font-size: 0.9rem !important;
  }
}
/* =============================================
   �9�9 Estilo Premium Glow para srvinfo-cards
   ============================================= */

/* Tarjeta base mejorada */
.srvinfo-card {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(20,25,45,0.96), rgba(10,12,25,0.96)) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,0.05) !important;
}

/* Glow interno */
.srvinfo-card::before {
  content: "" !important;
  position: absolute !important;
  top: -50% !important;
  left: -50% !important;
  width: 200% !important;
  height: 200% !important;
  background: radial-gradient(circle at center, rgba(255,255,255,0.06) 0%, transparent 70%) !important;
  transform: rotate(25deg) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease-in-out !important;
  pointer-events: none !important;
}

/* Efecto hover con glow */
.srvinfo-card:hover::before {
  opacity: 1 !important;
}

/* Hover con borde luminoso */
.srvinfo-card:hover {
  border-color: rgba(255,255,255,0.2) !important;
  box-shadow: 0 0 18px rgba(111,99,255,0.4), 0 0 28px rgba(111,99,255,0.2) !important;
}

/* �0�1conos m��s destacados */
.srvinfo-card i {
  font-size: 2.2rem !important;
  margin-bottom: 0.7rem !important;
  text-shadow: 0 0 10px rgba(255,255,255,0.15) !important;
}

/* Valores m��s grandes */
.srvinfo-value {
  font-size: 1.6rem !important;
  font-weight: 800 !important;
  text-shadow: 0 0 8px rgba(0,0,0,0.4) !important;
}

/* Diferenciar por color con glow */
.srvinfo-card:nth-child(1) i,
.srvinfo-card:nth-child(1) .srvinfo-value {
  color: #00c8ff !important;
  text-shadow: 0 0 8px rgba(0,200,255,0.6) !important;
}

.srvinfo-card:nth-child(2) i,
.srvinfo-card:nth-child(2) .srvinfo-value {
  color: #9b63ff !important;
  text-shadow: 0 0 8px rgba(155,99,255,0.6) !important;
}

.srvinfo-card:nth-child(3) i,
.srvinfo-card:nth-child(3) .srvinfo-value {
  color: #28e77c !important;
  text-shadow: 0 0 8px rgba(40,231,124,0.6) !important;
}

.srvinfo-card:nth-child(4) i,
.srvinfo-card:nth-child(4) .srvinfo-value {
  color: #ffba42 !important;
  text-shadow: 0 0 8px rgba(255,186,66,0.6) !important;
}
/* =============================== */
/* �7�4�7�4�7�4 KILL FEED FLOTANTE �7�4�7�4�7�4 */
/* =============================== */
#killFeedContainer {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 340px;
  z-index: 9999;
  font-family: 'Poppins', sans-serif;
}

.kill-feed-box, .kill-rank-box {
  background: rgba(18, 22, 45, 0.95);
  border: 1px solid rgba(100, 130, 255, 0.4);
  border-radius: 12px;
  padding: 12px 15px;
  margin-top: 10px;
  box-shadow: 0 0 15px rgba(0,0,0,0.6);
  color: #e0e7ff;
  animation: fadeInUp 0.5s ease;
  backdrop-filter: blur(8px);
}

.kill-feed-box h4, .kill-rank-box h4 {
  font-size: 15px;
  color: #7aa2ff;
  font-weight: 600;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding-bottom: 5px;
  text-align: center;
}

.kill-line {
  font-size: 13px;
  margin: 5px 0;
  background: rgba(32, 40, 80, 0.6);
  padding: 6px 8px;
  border-radius: 6px;
  animation: slideIn 0.4s ease;
}

.kill-line .killer { color: #ff6464; font-weight: 600; }
.kill-line .victim { color: #6fa8ff; font-weight: 600; }
.kill-line .map { color: #aaa; font-size: 11px; margin-left: 5px; }

.rank-line {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  padding: 4px 6px;
  border-radius: 4px;
  margin: 3px 0;
  background: rgba(30, 34, 60, 0.5);
}
.rank-line .pos { color: #ffd700; font-weight: 700; }
.rank-line .name { color: #9ccaff; }
.rank-line .count { color: #b4f289; }

@keyframes slideIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
/* KillFeed m��dulo */
#killfeed-module { position: fixed; right: 20px; bottom: 20px; width: 360px; z-index: 9999; font-family: 'Poppins', sans-serif; }
.kf-card { background: rgba(14,18,36,0.95); border:1px solid rgba(110,125,255,0.35); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,0.5); margin-bottom:10px; padding:10px; backdrop-filter: blur(6px); color:#dbe7ff; }
.kf-card h4 { font-size:14px; color:#8fb9ff; text-align:center; margin-bottom:8px; font-weight:600; border-bottom:1px solid rgba(255,255,255,0.1); padding-bottom:5px; }
.kf-list, #kf-rank-list { max-height:180px; overflow-y:auto; }
.kf-line { display:flex; justify-content:space-between; align-items:center; background: rgba(24,30,60,0.45); padding:6px 8px; margin:4px 0; border-radius:6px; animation: kfEntry .35s ease; font-size:13px; }
.kf-killer { color:#ff7070; font-weight:600; }
.kf-victim { color:#7fb8ff; font-weight:600; }
.kf-map { color:#aab; font-size:12px; margin-left:6px; }
.kf-rank-line { display:flex; justify-content:space-between; background: rgba(20,24,48,0.4); padding:5px 8px; margin:4px 0; border-radius:5px; font-size:13px; }
.kf-pos { color:#ffd86b; font-weight:700; margin-right:6px; }
.kf-name { color:#bfe0ff; }
.kf-count { color:#baf58d; font-weight:600; }
.kf-notif { position: fixed; right: 26px; top: 24px; width: 420px; z-index: 100000; pointer-events: none; }
.kf-notif .notif-item { display:flex; gap:12px; background: linear-gradient(90deg, rgba(38,44,82,0.96), rgba(22,26,46,0.96)); border:1px solid rgba(110,130,255,0.35); padding:10px 14px; border-radius:10px; color:#e6f0ff; box-shadow:0 8px 30px rgba(5,8,20,0.65); animation: notifIn .45s ease; margin-bottom:8px; transform-origin:right center; pointer-events:auto; }
@keyframes kfEntry { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@keyframes notifIn { from { opacity:0; transform: translateX(14px) scale(0.98); } to { opacity:1; transform:none; } }
@keyframes notifOut { from { opacity:1; } to { opacity:0; transform: translateX(20px) scale(0.98); } }


/* === CASTLE SIEGE - ELEGANT MUGM STYLE === */

.castle-siege-block {
  background: rgba(10, 12, 24, 0.85);
  border-radius: 18px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
  padding: 35px 30px;
  color: #dcdcdc;
  font-family: 'Poppins', sans-serif;
}

/* --- TITULOS DE SECCI�0�7N --- */
.castle-siege-block h2 {
  font-size: 1.4rem;
  color: #ff9d2d;
  font-weight: 700;
  margin-top: 25px;
  text-transform: uppercase;
  border-left: 4px solid #ff9d2d;
  padding-left: 12px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}

.castle-siege-block hr {
  border: none;
  height: 1px;
  margin: 35px 0;
  background: linear-gradient(90deg, transparent, rgba(255,153,0,0.25), transparent);
}

/* --- PANEL DEL CASTILLO --- */
.castle-owner-panel {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.05);
  border-radius: 14px;
  padding: 25px;
  text-align: center;
}

.castle-owner-name {
  font-size: 1.2rem;
  color: #ffb347;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.castle-owner-panel img {
  border-radius: 10px;
  border: 2px solid rgba(255,153,0,0.3);
  background: rgba(0,0,0,0.3);
  padding: 3px;
}

/* --- TABLAS --- */
.castle-siege-block table {
  width: 100%;
  border-collapse: collapse;
  background: rgba(255,255,255,0.02);
  border-radius: 10px;
  overflow: hidden;
  margin-top: 5px;
}

.castle-siege-block table thead {
  background: linear-gradient(90deg, rgba(255,153,0,0.1), rgba(64,83,216,0.1));
}

.castle-siege-block table th {
  color: #ffb347;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.9rem;
  padding: 10px 12px;
  text-align: center;
}

.castle-siege-block table td {
  padding: 9px 12px;
  text-align: center;
  font-size: 0.9rem;
  color: #d6d6d6;
  border-top: 1px solid rgba(255,255,255,0.04);
  background: rgba(15,15,25,0.5);
}

.castle-siege-block table tbody tr:hover {
  background: rgba(255,153,0,0.05);
  transition: 0.2s;
}

/* --- TIMER --- */
#siegeTimer {
  text-align: center;
  color: #ffffff;
  background: rgba(255,153,0,0.08);
  border: 1px solid rgba(255,153,0,0.2);
  border-radius: 10px;
  padding: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 1.1rem;
  box-shadow: inset 0 0 8px rgba(255,153,0,0.1);
}
/* ============================
   🎄 TEMA NAVIDAD (TEMPORAL)
   ============================ */

/* ============================
   🎄 ESTILOS NAVIDAD (TEMPORAL)
   ============================ */

/* ❄ Nieve navideña muy sutil */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url('https://mugmclasico.com.ar/NAVIDAD.png');
    background-repeat: repeat;
    background-size: 550px; /* copos más pequeños */
    animation: snowFall 22s linear infinite; /* animación más lenta */
    opacity: 0.06 !important; /* MUY sutil */
    filter: blur(1px); /* más suave */
    z-index: 2;
}


@keyframes snowFall {
    0% { background-position: 0 0; }
    100% { background-position: 0 1000px; }
}

/* ✨ Brillo navideño en los títulos */
h1, h2, h3, .section-title, .title {
    text-shadow: 0 0 6px rgba(255, 0, 40, 0.6) !important;
}

/* ⭐ Luz navideña debajo del logo */
header .logo, .top-logo, .main-logo {
    filter: drop-shadow(0 0 12px rgba(0, 180, 255, 0.6)) !important;
}

/* 🟦 Botones con efecto "congelado" */
button, .btn, input[type="submit"], input[type="button"] {
    box-shadow: 0 0 12px rgba(0, 200, 255, 0.4) !important;
    border: 1px solid rgba(200, 240, 255, 0.5) !important;
}

button:hover, .btn:hover,
input[type="submit"]:hover, input[type="button"]:hover {
    box-shadow: 0 0 16px rgba(0, 200, 255, 0.8) !important;
}

/* ❄ Bordes nevados para cuadros */
.card, .box, .panel, .content-box {
    border: 1px solid rgba(255,255,255,0.2) !important;
    box-shadow: 0 0 10px rgba(255,255,255,0.15) !important;
}

/* 🧊 Hover "frío" para items de menú */
nav a:hover, .nav-link:hover {
    color: #b0eaff !important;
    text-shadow: 0 0 8px rgba(180, 240, 255, 0.8) !important;
}

/* ⭐ Pequeño icono navideño en menú (sutil) */
nav a::after, .nav-link::after {
    content: "❄";
    margin-left: 5px;
    opacity: 0.7;
    font-size: 12px;
}

/* 🎁 Cuadros de estadísticas con glow temático */
.stats-box, .info-box, .server-box {
    box-shadow: 0 0 15px rgba(255,0,0,0.25) !important;
    border: 1px solid rgba(255,80,80,0.4) !important;
}

/* ❄ Efecto brillante en los personajes */
.character-left img,
.character-right img {
    filter: drop-shadow(0 0 18px rgba(200,240,255,0.5)) !important;
}


/* Hover más brillante */
button:hover, .btn:hover, input[type="submit"]:hover, input[type="button"]:hover {
    background: linear-gradient(#ff3333, #cc0000) !important;
    box-shadow: 0 0 12px #ff4d4d !important;
}

/* Contenedores principales con borde nevado */
.box, .card, .content-box, .panel {
    border: 2px solid rgba(255,255,255,0.5) !important;
    box-shadow: 0 0 15px rgba(255,0,0,0.4) !important;
    background: rgba(20,20,20,0.85) !important;
}

/* Títulos con toque navideño */
h1, h2, h3, h4 {
    color: #ffdddd !important;
    text-shadow: 0 0 8px red !important;
}

/* Links navideños */
a {
    color: #ff4040 !important;
}
a:hover {
    color: #ffdede !important;
    text-shadow: 0 0 6px red !important;
}

/* Marco decorativo estilo nieve */
* {
    scrollbar-color: #ff0000 #1a1a1a !important;
}