/* L2Liberty Rankings - Fase 1.2.1
   Hotfix visual del encabezado y render seguro de Boss Jewels. */

/* En rankings no se muestran accesos de cuenta. */
body.liberty-ranking-active .header-cta{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  user-select:none!important;
}
/* Conserva el espacio original de Login/Register para que el menú no se estire ni cambie de tamaño. */
body.liberty-ranking-active .header-aside{flex-shrink:0!important}

/* Evita desplazamiento horizontal en PC, tablet y celular. */
html,body{max-width:100%;overflow-x:hidden!important}
body.liberty-ranking-active,
body.liberty-ranking-active main,
body.liberty-ranking-active .liberty-ranking-shell,
body.liberty-ranking-active .liberty-ranking-content{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
body.liberty-ranking-active .liberty-ranking-content img{max-width:100%;height:auto}
body.liberty-ranking-active .effects-container,
body.liberty-ranking-active .effects,
body.liberty-ranking-active .effects2{max-width:100vw;overflow:hidden}

/* El responsive no debe alterar los iconos originales del menú superior. */
body.liberty-ranking-active .header img,
body.liberty-ranking-active .nav img,
body.liberty-ranking-active .header-logo img{
  max-width:none!important;
  height:auto;
}

/* Tablero de joyas épicas */
body.liberty-page-boss_jewels_loc .liberty-ranking-list{display:none!important}
.liberty-jewels-board{width:calc(100% - 40px);max-width:1180px;margin:26px auto 54px;padding:18px;box-sizing:border-box;border:1px solid rgba(201,157,65,.48);border-radius:14px;background:linear-gradient(145deg,rgba(14,10,14,.97),rgba(5,9,14,.98));box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,224,143,.07)}
.liberty-jewels-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:0 3px 14px;border-bottom:1px solid rgba(216,171,68,.28)}
.liberty-jewels-toolbar__title{display:flex;align-items:center;gap:11px}.liberty-jewels-toolbar__title strong{display:block;color:#f5d36d;font-size:15px;letter-spacing:.45px}.liberty-jewels-toolbar__title small{display:block;margin-top:3px;color:#8e8990;font-size:9px;text-transform:uppercase;letter-spacing:.7px}
.liberty-jewels-crown{color:#f5c83f;font-size:20px;text-shadow:0 0 12px rgba(245,190,46,.55)}
.liberty-jewels-cache{display:flex;align-items:center;gap:10px;color:#d0b8a1;font-size:10px}.liberty-jewels-cache b{color:#e74358;font-size:20px;font-weight:400}
.liberty-jewels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.liberty-jewel-card{position:relative;display:grid;grid-template-columns:54px 76px minmax(0,1fr);align-items:center;min-width:0;min-height:126px;padding:13px 15px 13px 10px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(98,91,109,.5);border-radius:9px;background:linear-gradient(115deg,rgba(24,24,31,.98),rgba(8,12,17,.99));box-shadow:0 9px 20px rgba(0,0,0,.31);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.liberty-jewel-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.035) 50%,transparent 70%);transform:translateX(-100%);transition:transform .55s ease}
.liberty-jewel-card:hover{transform:translateY(-2px);border-color:rgba(221,172,64,.72);box-shadow:0 13px 27px rgba(0,0,0,.42)}.liberty-jewel-card:hover:after{transform:translateX(100%)}
.liberty-jewel-card--1{border-color:rgba(238,192,56,.92);background:linear-gradient(110deg,rgba(72,53,10,.92),rgba(18,15,17,.99))}.liberty-jewel-card--2{border-color:rgba(194,195,207,.72)}.liberty-jewel-card--3{border-color:rgba(176,92,43,.8);background:linear-gradient(110deg,rgba(60,26,14,.84),rgba(16,14,18,.99))}
.liberty-jewel-position{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:1px 0 2px}.liberty-jewel-position span{height:18px;color:#e8bd3c;font-size:13px}.liberty-jewel-position strong{color:#f7f4ef;font-family:Georgia,serif;font-size:20px;line-height:1}
.liberty-jewel-icon{display:flex;align-items:center;justify-content:center}.liberty-jewel-icon img{width:62px!important;height:62px!important;object-fit:cover;border:1px solid rgba(229,177,56,.78);border-radius:2px!important;background:#0d0c10;box-shadow:0 0 0 2px #050608,0 7px 15px rgba(0,0,0,.55)}
.liberty-jewel-info{min-width:0;padding-left:5px}.liberty-jewel-info h2{margin:0 0 4px!important;overflow-wrap:anywhere;color:#f4f1ed!important;font-family:Arial,sans-serif!important;font-size:13px!important;line-height:1.25!important;text-transform:none!important;text-shadow:none!important}.liberty-jewel-info h2 span{color:#d8c190}.liberty-jewel-kind{margin:0 0 8px!important;color:#b9b4b9!important;font-size:9px!important}.liberty-jewel-info p:not(.liberty-jewel-kind){display:flex;align-items:center;gap:5px;margin:3px 0!important;min-width:0;color:#8e8992!important;font-size:9px!important}.liberty-jewel-info p i{width:10px;color:#d6ab50;font-style:normal}.liberty-jewel-info p span{flex:0 0 auto}.liberty-jewel-info p b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e6e1dc;font-size:9px;font-weight:700}
.liberty-jewels-empty{padding:42px 20px;text-align:center;border:1px dashed rgba(198,155,65,.36);border-radius:9px;background:rgba(0,0,0,.18)}.liberty-jewels-empty strong{display:block;color:#efd06d;font-size:14px}.liberty-jewels-empty span{display:block;margin-top:7px;color:#96909a;font-size:10px}

/* Tablet */
@media(max-width:1024px){
  body.liberty-ranking-active .header-container.container{width:calc(100% - 28px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important}
  body.liberty-ranking-active .liberty-ranking-shell{padding-left:0!important;padding-right:0!important}
  body.liberty-ranking-active .liberty-ranking-header,
  body.liberty-ranking-active .liberty-ranking-nav,
  body.liberty-ranking-active .liberty-ranking-content>.pddInner{max-width:calc(100% - 24px)!important}
  .liberty-jewels-board{width:calc(100% - 24px);margin-top:20px}
}

/* Celular */
@media(max-width:760px){
  body.liberty-ranking-active{background-size:auto 680px!important;background-position:center top!important}
  body.liberty-ranking-active .header{width:100%!important}

  body.liberty-ranking-active .header-aside{min-width:0!important;width:auto!important}
  body.liberty-ranking-active .header-cta{display:none!important}
  body.liberty-ranking-active .header-flex{width:100%;justify-content:space-between;gap:8px!important}
  body.liberty-ranking-active .header-logo{max-width:54px}
  body.liberty-ranking-active .header-menu{margin-left:auto}
  body.liberty-ranking-active .liberty-ranking-content{padding:0!important;overflow:visible!important}
  body.liberty-ranking-active .liberty-ranking-nav{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.liberty-ranking-active .liberty-ranking-nav a{min-width:0!important;padding:8px 5px!important;text-align:center;overflow-wrap:anywhere}
  body.liberty-ranking-active .liberty-ranking-header{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important;box-sizing:border-box}
  body.liberty-ranking-active .liberty-ranking-content>.pddInner{width:calc(100% - 20px)!important;margin-left:10px!important;margin-right:10px!important;box-sizing:border-box}
  .liberty-jewels-board{width:calc(100% - 20px);margin:17px 10px 36px;padding:10px;border-radius:11px}
  .liberty-jewels-toolbar{align-items:flex-start;margin-bottom:10px;padding:3px 2px 10px}.liberty-jewels-cache span{display:none}
  .liberty-jewels-grid{grid-template-columns:1fr;gap:9px}
  .liberty-jewel-card{grid-template-columns:40px 66px minmax(0,1fr);min-height:108px;padding:10px 10px 10px 8px}
  .liberty-jewel-icon img{width:54px!important;height:54px!important}.liberty-jewel-position strong{font-size:17px}.liberty-jewel-info h2{font-size:11px!important}.liberty-jewel-kind{margin-bottom:6px!important}
}
@media(max-width:380px){
  .liberty-jewel-card{grid-template-columns:32px 58px minmax(0,1fr);padding-right:7px}.liberty-jewel-icon img{width:48px!important;height:48px!important}.liberty-jewel-info p:not(.liberty-jewel-kind){gap:3px;font-size:8px!important}.liberty-jewel-info p b{font-size:8px}
}