:root{color-scheme:dark;--gold:#d4a852;--ink:#08090c;--panel:#111318;--text:#eee9df;--muted:#aaa49b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:15px/1.6 Arial,Helvetica,sans-serif}
a{color:inherit}.site-header{height:88px;position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);background:linear-gradient(180deg,rgba(0,0,0,.83),rgba(0,0,0,.08));border-bottom:1px solid rgba(255,255,255,.12)}.brand{display:flex;align-items:center;height:100%}.brand img{width:auto;height:72px;max-width:190px;object-fit:contain}.main-nav{display:flex;align-items:center}.main-nav ul{display:flex;align-items:center;gap:clamp(14px,2.1vw,34px);list-style:none;margin:0;padding:0}.main-nav li{position:relative}.main-nav a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.11em;color:#eee;transition:color .2s}.main-nav a:hover,.main-nav .active>a{color:var(--gold)}.hero{height:min(760px,84vh);min-height:520px;position:relative;overflow:hidden;background:#090909}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slide{background-position:center 42%;background-size:cover;opacity:0;transform:scale(1.02);transition:opacity 1.2s ease}.hero-slide.is-active{opacity:1;animation:slowzoom 12s ease-in-out both}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.2) 68%),linear-gradient(0deg,#08090c 0%,transparent 28%)}.hero-copy{position:absolute;z-index:2;left:clamp(24px,10vw,150px);top:50%;max-width:660px;transform:translateY(-40%)}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.28em;text-transform:uppercase}.hero-copy h1{margin:14px 0;font-size:clamp(38px,6vw,76px);line-height:1.04;text-transform:uppercase;letter-spacing:.035em;text-shadow:0 3px 24px #000}.hero-copy p{color:#e0ddd7;font-size:clamp(15px,1.6vw,19px)}.hero-button{display:inline-block;margin-top:18px;padding:12px 25px;border:1px solid var(--gold);background:rgba(8,8,8,.56);color:#f5e6c2;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:12px;transition:.2s}.hero-button:hover{background:var(--gold);color:#121212}.hero-dots{position:absolute;z-index:3;right:clamp(24px,7vw,100px);bottom:62px;display:flex;gap:9px}.hero-dots button{width:8px;height:8px;padding:0;border:1px solid #eee;border-radius:50%;background:transparent;cursor:pointer}.hero-dots button.is-active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #d4a852}.page-content{width:min(1180px,calc(100% - 36px));min-height:330px;margin:0 auto;padding:52px 0 76px}.content-heading{text-align:center;margin-bottom:30px}.content-heading h2{margin:6px 0 0;font-size:clamp(25px,3vw,38px);text-transform:uppercase;letter-spacing:.06em}.webengine-module{min-height:150px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(212,168,82,.22);box-shadow:0 16px 45px rgba(0,0,0,.3)}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:22px clamp(20px,6vw,90px);border-top:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:12px}.site-footer span:first-child{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.site-footer span:last-child{text-align:right}.footer-design{justify-self:center;color:#ddd5c7;letter-spacing:.08em}.footer-design a{display:inline-block;color:#d4a852;font-weight:700;text-decoration:none;text-shadow:0 0 0 rgba(212,168,82,0);transition:color .2s ease,text-shadow .2s ease,transform .2s ease}.footer-design a:hover,.footer-design a:focus-visible{color:#f3d58d;text-shadow:0 0 10px rgba(212,168,82,.65);transform:translateY(-2px)}@keyframes slowzoom{from{transform:scale(1.02)}to{transform:scale(1.09)}}@media(max-width:760px){.site-header{height:auto;min-height:76px;padding:10px 18px;align-items:flex-start;gap:12px}.brand img{height:58px}.main-nav{max-width:75%;overflow-x:auto;padding:16px 0}.main-nav ul{gap:18px;white-space:nowrap}.main-nav a{font-size:10px}.hero{height:76vh;min-height:500px}.hero-copy{left:24px;right:24px}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.14)),linear-gradient(0deg,#08090c,transparent 35%)}.hero-dots{bottom:34px}.webengine-module{padding:14px}.site-footer{grid-template-columns:1fr;gap:6px;text-align:center}.site-footer span:last-child{text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-slide.is-active{animation:none;transform:none;transition:none}}

/* Prueba de layout con dos laterales y contenido central */
.page-content-columns{width:min(1480px,calc(100% - 48px));display:grid;grid-template-columns:minmax(205px,.82fr) minmax(420px,2.1fr) minmax(205px,.82fr);gap:24px;align-items:start;padding-top:58px;padding-bottom:76px}
.playerx-center{min-width:0}.playerx-center .content-heading{margin:0 0 24px}
.playerx-sidebar{display:flex;flex-direction:column;gap:22px;padding-top:8px;min-width:0}
.playerx-widget{background:linear-gradient(145deg,rgba(22,23,28,.96),rgba(12,13,16,.96));border:1px solid rgba(212,168,82,.32);box-shadow:0 12px 32px rgba(0,0,0,.28)}
.widget-title{padding:14px 16px;border-bottom:1px solid rgba(212,168,82,.23);color:#e4c47e;font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.widget-title:before{content:"";display:inline-block;width:5px;height:5px;margin:0 10px 2px 0;background:#d4a852;transform:rotate(45deg)}
.widget-body{padding:13px 15px}.server-stat{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:#bcb8b0}.server-stat:last-child{border-bottom:0}.server-stat-label{display:inline-flex;align-items:center;gap:9px}.server-stat-icon{display:inline-flex;width:17px;justify-content:center;font-size:14px;line-height:1}.server-stat strong{color:#f0e9dd;font-size:12px}.server-stat .online-count{color:#74d68a}
.widget-ranking{padding-top:7px;padding-bottom:11px}.ranking-row{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:12px}.rank-number{flex:0 0 20px;color:#d4a852;font-weight:bold}.rank-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-name a{color:#e5e0d7;text-decoration:none}.rank-name a:hover{color:#d4a852}.ranking-row>strong{color:#c9c2b5;font-size:11px}.ranking-guild .guild-emblem{display:flex;align-items:center;justify-content:center;flex:0 0 24px}.guild-emblem img{max-width:22px;max-height:22px;object-fit:contain}.widget-more{display:inline-block;margin-top:12px;color:#d4a852;text-decoration:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.widget-more:hover{color:#f1d995}.widget-empty{margin:0;color:#aaa49b;font-size:12px}.webengine-module{min-height:220px}
@media(max-width:1080px){.page-content-columns{grid-template-columns:minmax(190px,.85fr) minmax(0,2fr);gap:20px}.playerx-sidebar-right{grid-column:1;grid-row:2}.playerx-center{grid-column:2;grid-row:1 / span 2}}
@media(max-width:700px){.page-content-columns{width:min(100% - 30px,560px);grid-template-columns:1fr;gap:20px;padding-top:38px}.playerx-center,.playerx-sidebar-left,.playerx-sidebar-right{grid-column:1;grid-row:auto}.playerx-center{grid-row:1}.playerx-sidebar-left{grid-row:2}.playerx-sidebar-right{grid-row:3}.playerx-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.playerx-sidebar-left .playerx-widget{min-width:0}.playerx-sidebar-right{display:block}}
@media(max-width:470px){.playerx-sidebar{display:flex}.page-content-columns{width:calc(100% - 24px)}}

/* Formularios de WebEngine dentro del diseño PlayerX */
.webengine-module form{color:#e9e3d8}
.webengine-module form h1,.webengine-module form h2,.webengine-module form h3,.webengine-module form h4{color:#f1eadd}
.webengine-module form label{display:block;margin:14px 0 6px;color:#ded7cb;font-size:14px;font-weight:600}
.webengine-module form .form-group{margin:0 0 16px}
.webengine-module form input[type="text"],.webengine-module form input[type="password"],.webengine-module form input[type="email"],.webengine-module form input[type="number"],.webengine-module form input[type="url"],.webengine-module form select,.webengine-module form textarea,.webengine-module form .form-control{display:block;width:min(100%,420px);min-height:42px;padding:10px 12px;border:1px solid rgba(212,168,82,.45);border-radius:2px;background:#17181c;color:#f5f1e9;font:14px/1.4 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 3px rgba(0,0,0,.3);outline:none}
.webengine-module form textarea{min-height:110px;resize:vertical}
.webengine-module form input:focus,.webengine-module form select:focus,.webengine-module form textarea:focus{border-color:#d4a852;box-shadow:0 0 0 2px rgba(212,168,82,.14)}
.webengine-module form input::placeholder,.webengine-module form textarea::placeholder{color:#8f8b83}
.webengine-module form .help-block,.webengine-module form small,.webengine-module form .help-inline{display:block;margin:5px 0 0;color:#aaa49b;font-size:12px;line-height:1.5}
.webengine-module form input[type="checkbox"],.webengine-module form input[type="radio"]{accent-color:#d4a852}
.webengine-module form button,.webengine-module form input[type="submit"],.webengine-module form .btn{display:inline-block;min-height:42px;margin-top:12px;padding:10px 22px;border:1px solid #d4a852;border-radius:2px;background:#c99a42;color:#111;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.webengine-module form button:hover,.webengine-module form input[type="submit"]:hover,.webengine-module form .btn:hover{border-color:#f0d28b;background:#e2bb69;color:#111}
.webengine-module form a{color:#e4bd69}
.webengine-module form a:hover{color:#f5dda0}
.webengine-module .alert,.webengine-module .alert-danger,.webengine-module .alert-success,.webengine-module .alert-warning{padding:12px 14px;border:1px solid rgba(212,168,82,.32);background:rgba(20,20,22,.9);color:#eee6d9}
.webengine-module form table{width:100%;border-collapse:collapse}
.webengine-module form table td{padding:7px 8px;vertical-align:top}
@media(max-width:600px){.webengine-module form input[type="text"],.webengine-module form input[type="password"],.webengine-module form input[type="email"],.webengine-module form input[type="number"],.webengine-module form input[type="url"],.webengine-module form select,.webengine-module form textarea,.webengine-module form .form-control{width:100%;max-width:100%}.webengine-module form table td{display:block;width:100%}}

/* Estilos comunes para los módulos de WebEngine */
.webengine-module{color:#e9e3d8;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.webengine-module h1,.webengine-module h2,.webengine-module h3,.webengine-module h4,.webengine-module h5,.webengine-module h6{color:#f0e8dc;line-height:1.25;margin:0 0 16px;font-weight:600}
.webengine-module h1{font-size:30px}.webengine-module h2{font-size:25px}.webengine-module h3{font-size:21px}.webengine-module h4{font-size:18px}.webengine-module h5,.webengine-module h6{font-size:15px}
.webengine-module p{margin:0 0 14px}.webengine-module a{color:#e2b95e}.webengine-module a:hover{color:#f5dda0}
.webengine-module hr{border:0;border-top:1px solid rgba(212,168,82,.2);margin:22px 0}
.webengine-module .panel,.webengine-module .well,.webengine-module fieldset{margin:0 0 18px;border:1px solid rgba(212,168,82,.25);border-radius:2px;background:rgba(17,18,22,.72);color:#e9e3d8;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.webengine-module .panel-heading,.webengine-module legend{padding:12px 15px;border:0;border-bottom:1px solid rgba(212,168,82,.2);background:rgba(255,255,255,.035);color:#e4c47e;font-size:13px;font-weight:700;letter-spacing:.08em}
.webengine-module .panel-title{margin:0;color:#e4c47e;font-size:14px}.webengine-module .panel-body,.webengine-module .well{padding:15px}.webengine-module .panel-footer{padding:10px 15px;border-top:1px solid rgba(212,168,82,.18);background:rgba(255,255,255,.025)}
.webengine-module table{max-width:100%;color:#e9e3d8}
.webengine-module table.table,.webengine-module table.tables,.webengine-module .table-responsive table,.webengine-module table.module-table{width:100%;margin:0 0 18px;border-collapse:collapse;border:1px solid rgba(212,168,82,.23);background:rgba(8,9,12,.38)}
.webengine-module .table th,.webengine-module .table td,.webengine-module table.tables th,.webengine-module table.tables td,.webengine-module table.module-table th,.webengine-module table.module-table td{padding:9px 11px;border:1px solid rgba(255,255,255,.09);vertical-align:middle}
.webengine-module .table thead th,.webengine-module table.tables_top th,.webengine-module tr.tables_top td,.webengine-module table.module-table th{background:rgba(212,168,82,.12);color:#e4c47e;font-weight:700;text-align:left}
.webengine-module .table-striped tbody tr:nth-child(odd),.webengine-module tr.tables_bottom:nth-child(even){background:rgba(255,255,255,.035)}
.webengine-module .table-hover tbody tr:hover,.webengine-module tr.tables_bottom:hover{background:rgba(212,168,82,.08)}
.webengine-module .table-responsive{width:100%;overflow-x:auto;margin-bottom:16px;border:0}
.webengine-module .table-responsive>.table{margin-bottom:0}
.webengine-module .form-group{margin:0 0 16px}.webengine-module label{display:block;margin:0 0 6px;color:#ded7cb;font-weight:600}
.webengine-module .form-control,.webengine-module input[type="text"],.webengine-module input[type="password"],.webengine-module input[type="email"],.webengine-module input[type="number"],.webengine-module input[type="url"],.webengine-module input[type="search"],.webengine-module select,.webengine-module textarea{max-width:100%;min-height:40px;padding:9px 11px;border:1px solid rgba(212,168,82,.4);border-radius:2px;background:#17181c;color:#f5f1e9;font:14px/1.4 Arial,Helvetica,sans-serif;box-shadow:none;outline:none}
.webengine-module textarea{min-height:100px;resize:vertical}.webengine-module input:focus,.webengine-module select:focus,.webengine-module textarea:focus{border-color:#d4a852;box-shadow:0 0 0 2px rgba(212,168,82,.14)}.webengine-module input::placeholder,.webengine-module textarea::placeholder{color:#8f8b83}
.webengine-module input[type="checkbox"],.webengine-module input[type="radio"]{accent-color:#d4a852}
.webengine-module .help-block,.webengine-module .help-inline,.webengine-module .form-text{display:block;margin:5px 0 0;color:#aaa49b;font-size:12px}
.webengine-module .btn,.webengine-module button,.webengine-module input[type="submit"],.webengine-module input[type="button"]{display:inline-block;padding:9px 18px;border:1px solid #d4a852;border-radius:2px;background:#c99a42;color:#111;text-decoration:none;font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s,color .2s}
.webengine-module .btn:hover,.webengine-module button:hover,.webengine-module input[type="submit"]:hover,.webengine-module input[type="button"]:hover{border-color:#f0d28b;background:#e2bb69;color:#111}
.webengine-module .btn-default,.webengine-module .btn-secondary{background:#25262b;color:#eee;border-color:rgba(212,168,82,.4)}.webengine-module .btn-danger{background:#8d3434;color:#fff;border-color:#b75050}.webengine-module .btn-success{background:#286b45;color:#fff;border-color:#3b9a63}
.webengine-module .alert{margin:0 0 16px;padding:12px 15px;border:1px solid rgba(212,168,82,.28);border-radius:2px;background:rgba(212,168,82,.07);color:#eee6d9}
.webengine-module .alert-success{border-color:rgba(77,170,105,.5);background:rgba(38,112,65,.16)}.webengine-module .alert-danger,.webengine-module .alert-error{border-color:rgba(204,83,83,.5);background:rgba(130,38,38,.18)}.webengine-module .alert-warning{border-color:rgba(212,168,82,.5)}.webengine-module .alert-info{border-color:rgba(80,150,190,.5);background:rgba(44,95,125,.16)}
.webengine-module .label,.webengine-module .badge{display:inline-block;padding:3px 7px;border-radius:2px;background:rgba(212,168,82,.2);color:#f0d28b;font-size:11px}
.webengine-module .pagination{display:flex;flex-wrap:wrap;gap:5px;margin:18px 0;padding:0;list-style:none}.webengine-module .pagination li{display:inline-flex}.webengine-module .pagination a,.webengine-module .pagination span,.webengine-module .pagination>li>a,.webengine-module .pagination>li>span{display:block;padding:7px 11px;border:1px solid rgba(212,168,82,.3);background:#141519;color:#e9e3d8;text-decoration:none}.webengine-module .pagination .active a,.webengine-module .pagination .active span,.webengine-module .pagination .active>a,.webengine-module .pagination .active>span{background:#c99a42;color:#111}
.webengine-module .nav-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px;padding:0;border-bottom:1px solid rgba(212,168,82,.25);list-style:none}.webengine-module .nav-tabs>li>a{display:block;padding:9px 13px;border:1px solid transparent;color:#c8c1b5;text-decoration:none}.webengine-module .nav-tabs>li.active>a,.webengine-module .nav-tabs>li>a:hover{border-color:rgba(212,168,82,.3);background:rgba(212,168,82,.08);color:#f0d28b}
.webengine-module .row{display:flex;flex-wrap:wrap;margin-right:-10px;margin-left:-10px}.webengine-module [class*="col-"]{min-width:0;padding-right:10px;padding-left:10px}
.webengine-module img{max-width:100%;height:auto}.webengine-module pre,.webengine-module code{max-width:100%;color:#f0d28b;background:rgba(0,0,0,.25)}
@media(max-width:700px){.webengine-module h1{font-size:25px}.webengine-module h2{font-size:22px}.webengine-module table.table,.webengine-module table.tables,.webengine-module table.module-table{font-size:12px}.webengine-module .table th,.webengine-module .table td,.webengine-module table.tables th,.webengine-module table.tables td{padding:7px 6px}.webengine-module form .form-control,.webengine-module form input[type="text"],.webengine-module form input[type="password"],.webengine-module form input[type="email"],.webengine-module form input[type="number"],.webengine-module form input[type="url"],.webengine-module form select,.webengine-module form textarea{width:100%}}

/* Componentes propios que usan los módulos del WebEngine default */
.webengine-module .page-title{margin:0 0 22px;padding:0 0 12px;border-bottom:1px solid rgba(212,168,82,.28);color:#e4c47e;font-size:25px;font-weight:700;letter-spacing:.04em}
.webengine-module .page-title span{color:inherit}
.webengine-module .page-content{min-height:0;margin:0;padding:0;color:#e9e3d8}
.webengine-module .module-requirements{margin:14px 0;padding:12px 15px;border:1px solid rgba(212,168,82,.25);background:rgba(212,168,82,.07);color:#ddd4c6}
.webengine-module .panel-news{margin:0 0 20px;border:1px solid rgba(212,168,82,.25);background:rgba(15,16,19,.82);color:#e9e3d8}
.webengine-module .panel-news .panel-heading{padding:12px 15px;border-bottom:1px solid rgba(212,168,82,.22);background:rgba(212,168,82,.07)}
.webengine-module .panel-news .panel-title{color:#e4c47e;font-size:18px;font-weight:700}
.webengine-module .panel-news .panel-body{padding:15px;color:#ded8ce}
.webengine-module .panel-news .panel-footer{height:auto;padding:10px 15px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#aaa49b}
.webengine-module .rankings-table{width:100%;margin:0 0 18px;border-collapse:collapse;background:rgba(8,9,12,.38);color:#e9e3d8}
.webengine-module .rankings-table th,.webengine-module .rankings-table td{padding:9px 10px;border:1px solid rgba(255,255,255,.09);text-align:center;vertical-align:middle}
.webengine-module .rankings-table th{background:rgba(212,168,82,.12);color:#e4c47e}
.webengine-module .rankings-table tr:nth-child(even){background:rgba(255,255,255,.035)}
.webengine-module .panel-general{background:rgba(17,18,22,.72);border-color:rgba(212,168,82,.25);color:#e9e3d8}
.webengine-module .control-label{text-align:left}
.webengine-module .text-danger,.webengine-module .has-error{color:#ed8b8b}
.webengine-module .text-success,.webengine-module .has-success{color:#8cdaa0}
.webengine-module .text-muted{color:#aaa49b}

/* Acceso de cuenta y menú UserCP */
.playerx-account-widget .widget-body{padding:15px}.playerx-login .form-group{margin:0 0 11px}.playerx-login .form-control{display:block;width:100%;height:40px;padding:9px 11px;border:1px solid rgba(212,168,82,.38);border-radius:2px;background:#17181c;color:#f5f1e9;box-shadow:none}.playerx-login .form-control:focus{border-color:#d4a852;box-shadow:0 0 0 2px rgba(212,168,82,.14)}.playerx-login .btn{width:100%;margin:3px 0 8px}.playerx-login .forgot-password,.account-register{display:inline-block;color:#cdb47d;font-size:11px;text-decoration:none}.playerx-login .forgot-password:hover,.account-register:hover{color:#f5dda0}.account-register{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);width:100%}.playerx-user-links{margin:0;padding:0;list-style:none}.playerx-user-links li{border-bottom:1px solid rgba(255,255,255,.08)}.playerx-user-links li:last-child{border-bottom:0}.playerx-user-links a{display:block;padding:9px 2px;color:#ddd6c9;font-size:12px;text-decoration:none}.playerx-user-links a:before{content:"›";margin-right:9px;color:#d4a852;font-size:16px}.playerx-user-links a:hover{color:#f5dda0}.account-logout{display:inline-block;margin-top:12px;padding:7px 11px;border:1px solid rgba(212,168,82,.38);color:#e4c47e;font-size:10px;text-decoration:none;text-transform:uppercase;letter-spacing:.08em}.account-logout:hover{background:#c99a42;color:#111}

/* Ajustes para módulos de perfil, rankings y personajes */
.webengine-module .rankings_menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 18px;overflow:visible;text-align:center}
.webengine-module .rankings_menu span{flex:0 0 100%;width:100%;padding:8px 0;color:#e4c47e;font-size:16px}
.webengine-module .rankings_menu a{display:inline-flex;align-items:center;justify-content:center;min-width:120px;width:auto;margin:0;padding:9px 13px;border:1px solid rgba(212,168,82,.32);border-radius:2px;background:rgba(255,255,255,.035);color:#d8d1c5;font-size:12px;text-decoration:none;transition:.2s}
.webengine-module .rankings_menu a:hover,.webengine-module .rankings_menu a.active{border-color:#d4a852;background:rgba(212,168,82,.14);color:#f1d28a}
.webengine-module .profiles_player_card{width:100%;min-height:300px;padding:22px;border:1px solid rgba(212,168,82,.3);border-radius:2px;background:linear-gradient(135deg,rgba(25,26,30,.96),rgba(10,11,14,.97));box-shadow:0 12px 30px rgba(0,0,0,.25);overflow:hidden}
.webengine-module .profiles_player_content{float:none;width:100%;max-width:760px;margin-left:auto;color:#eee9df}
.webengine-module .profiles_player_table{width:100%;margin:0;border-collapse:collapse}
.webengine-module .profiles_player_table .cname{padding:0 0 5px;color:#f2d28b;text-align:left;font-size:26px;font-weight:700}
.webengine-module .profiles_player_table .cclass{padding:0 0 12px;border-bottom:1px solid rgba(212,168,82,.2);color:#aaa49b;text-align:left;font-size:13px}
.webengine-module .profiles_player_table_info{width:100%;margin-top:12px;table-layout:fixed}
.webengine-module .profiles_player_table_info tr td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle}
.webengine-module .profiles_player_table_info tr td:first-child{width:48%;padding-left:0;color:#bcb5a9;text-align:left}
.webengine-module .profiles_player_table_info tr td:nth-child(2){padding-left:20px;color:#f2eee7;text-align:left}
.webengine-module .profiles_player_table_info tr:last-child td{border-bottom:0}
.webengine-module .profiles_player_table_info .isonline{color:#7ddc91!important}.webengine-module .profiles_player_table_info .isoffline{color:#e58c8c!important}
.webengine-module .myaccount-character-block{display:inline-block;margin:8px auto;padding:5px;border:1px solid rgba(212,168,82,.35);border-radius:3px;background:rgba(0,0,0,.34);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.webengine-module .myaccount-character-block img{display:block;width:100px;height:auto;border-radius:2px;transition:filter .2s}.webengine-module .myaccount-character-block img:hover{filter:brightness(1.15)}
.webengine-module .myaccount-character-name{margin-top:8px;text-align:center}.webengine-module .myaccount-character-name a{color:#e4bd69;font-weight:700;text-decoration:none}
.webengine-module .myaccount-character-block-location{margin:4px 0 8px;color:#c9c2b5;font-size:12px;line-height:1.5;text-align:center}
.webengine-module .myaccount-character-block-level{position:static;display:inline-block;margin-bottom:14px;padding:3px 8px;border:1px solid rgba(212,168,82,.25);border-radius:2px;background:rgba(212,168,82,.12);color:#f0d28b;font-size:11px}
.webengine-module .rankings-class-image{display:inline-block;width:30px;height:auto;max-height:34px;margin:0 6px 0 0;vertical-align:middle;object-fit:contain;border:0;box-shadow:none}
.webengine-module .rankings-update-time{margin:10px 0;color:#aaa49b;font-size:11px;text-align:right}
.webengine-module .online-status-indicator{width:9px;height:9px;margin-left:5px;vertical-align:middle}
@media(max-width:700px){.webengine-module .profiles_player_card{min-height:0;padding:16px}.webengine-module .profiles_player_table_info tr td{padding-top:8px;padding-bottom:8px}.webengine-module .profiles_player_table_info tr td:first-child{width:53%}.webengine-module .profiles_player_table_info tr td:nth-child(2){padding-left:12px}.webengine-module .rankings_menu a{min-width:0;flex:1 1 30%;padding:8px 7px}.webengine-module .myaccount-character-block img{width:78px}}


/* Botonera social inspirada en la referencia */
.playerx-social-widget .widget-body{padding:14px 15px 5px;background:#242528}.social-buttons{display:flex;flex-direction:column;gap:12px}.social-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:11px;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;box-shadow:0 3px 9px rgba(0,0,0,.22);transition:transform .18s ease,filter .18s ease}.social-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.social-button svg{display:block;width:17px;height:17px;fill:currentColor;flex:0 0 17px}.social-whatsapp{background:#20c96b}.social-discord{background:#5865f2}.social-facebook{background:#1877ed}.social-button-disabled{cursor:default;opacity:.72}.social-button-disabled:hover{transform:none;filter:none}

/* Tablas compactas de rankings en los paneles laterales */
.playerx-sidebar .top-reset-table,.playerx-sidebar .top-guild-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:0;color:#eee9df;font-size:11px}
.playerx-sidebar .top-reset-table th,.playerx-sidebar .top-reset-table td,.playerx-sidebar .top-guild-table th,.playerx-sidebar .top-guild-table td{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.1);text-align:center;vertical-align:middle}
.playerx-sidebar .top-reset-table th,.playerx-sidebar .top-guild-table th{color:#d9bd78;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.playerx-sidebar .top-reset-table th:nth-child(1){width:27px}.playerx-sidebar .top-reset-table th:nth-child(2){width:38px}.playerx-sidebar .top-reset-table th:nth-child(4){width:42px}
.playerx-sidebar .top-reset-table .reset-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playerx-sidebar .top-reset-table .reset-name a,.playerx-sidebar .top-guild-table .guild-table-name a{color:#d4a852;text-decoration:none}.playerx-sidebar .top-reset-table .reset-name a:hover,.playerx-sidebar .top-guild-table .guild-table-name a:hover{color:#f1d995}
.playerx-sidebar .top-reset-table .reset-country img{display:block;width:16px;height:auto;margin:0 auto;border:0;box-shadow:none}
.playerx-sidebar .top-guild-table th:nth-child(1){width:27px}.playerx-sidebar .top-guild-table th:nth-child(2){width:35px}.playerx-sidebar .top-guild-table th:nth-child(4){width:48px}.playerx-sidebar .top-guild-table .guild-table-logo img{display:block;max-width:20px;max-height:20px;margin:0 auto}.playerx-sidebar .top-guild-table .guild-table-name{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.playerx-sidebar .top-reset-table tr:last-child td,.playerx-sidebar .top-guild-table tr:last-child td{border-bottom:0}

/* Centrar los nombres dentro de las tablas laterales */
.playerx-sidebar .top-reset-table .reset-name,.playerx-sidebar .top-guild-table .guild-table-name{text-align:center}

/* Más aire debajo del último botón social */
.playerx-social-widget .widget-body{padding-bottom:16px}

/* Video MP4 usado como primer fondo del slider */
.hero-slide .hero-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}

/* Control compacto de la música de fondo */
.playerx-music-toggle{position:fixed;z-index:1000;left:18px;bottom:18px;padding:9px 13px;border:1px solid rgba(212,168,82,.65);border-radius:3px;background:rgba(15,16,19,.92);color:#e4c47e;font-size:12px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.4)}
.playerx-music-toggle:hover{background:#c99a42;color:#111}
@media(max-width:700px){.playerx-music-toggle{left:12px;bottom:12px;padding:8px 10px;font-size:11px}}

/* Contener columnas flotantes de módulos WebEngine */
.webengine-module:before,.webengine-module:after{content:" ";display:table}
.webengine-module:after{clear:both}
.webengine-module .panel-news .panel-footer:before,.webengine-module .panel-news .panel-footer:after{content:" ";display:table}
.webengine-module .panel-news .panel-footer:after{clear:both}
.webengine-module .panel-news .panel-footer{min-height:40px;padding:10px 15px 12px;overflow:hidden}
.webengine-module .panel-news .panel-footer .col-xs-6{min-height:18px}

/* Pie: WebEngine a la izquierda, marca centrada y Design Luke a la derecha */
.site-footer{grid-template-columns:1fr auto 1fr}
.site-footer .footer-powered{justify-self:start;color:var(--muted);text-align:left;white-space:nowrap}
.site-footer .footer-server{justify-self:center;color:var(--gold);text-align:center;text-transform:uppercase;letter-spacing:.12em}
.site-footer .footer-design{justify-self:end;white-space:nowrap;text-align:right}
@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:6px}.site-footer .footer-powered,.site-footer .footer-server,.site-footer .footer-design{justify-self:center;text-align:center}}

/* Ventana de cuenta regresiva de inauguración */
.playerx-launch-modal{display:none;position:fixed;inset:0;z-index:20000;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.82);backdrop-filter:blur(3px)}
.playerx-launch-dialog{position:relative;width:min(520px,100%);padding:34px 26px 26px;border:1px solid rgba(212,168,82,.55);background:linear-gradient(145deg,#15161a,#050607 72%);box-shadow:0 20px 70px rgba(0,0,0,.75);text-align:center}
.playerx-launch-close{position:absolute;top:9px;right:12px;padding:0 5px;border:0;background:transparent;color:#aaa;font-size:25px;line-height:1;cursor:pointer}
.playerx-launch-close:hover{color:var(--gold)}
.playerx-launch-kicker{margin:0 0 5px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.24em}
.playerx-launch-dialog h2{margin:0;color:#f4efe5;font-size:clamp(21px,4vw,28px);text-transform:uppercase;letter-spacing:.04em}
.playerx-launch-intro{margin:8px 0 20px;color:#bdb7ac;font-size:14px}
.playerx-launch-countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.playerx-launch-countdown>div{padding:12px 5px 10px;border:1px solid rgba(212,168,82,.22);background:rgba(0,0,0,.45)}
.playerx-launch-countdown strong{display:block;color:var(--gold);font-size:clamp(22px,5vw,32px);line-height:1.1;font-variant-numeric:tabular-nums}
.playerx-launch-countdown span{display:block;margin-top:5px;color:#bcb6ab;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.playerx-launch-status{min-height:18px;margin:15px 0 0;color:#e9d39c;font-size:13px}
@media(max-width:420px){.playerx-launch-dialog{padding:32px 14px 20px}.playerx-launch-countdown{gap:5px}.playerx-launch-countdown>div{padding:10px 2px}.playerx-launch-countdown span{font-size:9px}}