/* L2BAZA 1.5.34 — Home page consolidated surface.
   Legacy home references and former unified home rules now live in one page file. */


/* ---- migrated home-reference-v32.css ---- */
/* L2BAZA home 3.2 — compact fidelity pass for the supplied 1670×941 reference. */

body.page-home{
  background:#03080b;
}

body.page-home .l2v2-header{
  height:clamp(58px,3.6vw,66px);
  background:
    radial-gradient(circle at 15% 110%,rgba(154,91,13,.08),transparent 24%),
    linear-gradient(180deg,#02070a,#03090d);
}

body.page-home .l2v2-header-inner{
  padding:0 clamp(12px,.95vw,18px);
  grid-template-columns:clamp(260px,18.4vw,330px) minmax(0,1fr) auto;
  gap:clamp(12px,1.05vw,20px);
}

body.page-home .l2v2-brand{gap:8px}
body.page-home .l2v2-brand img{
  width:clamp(46px,3vw,54px);
  height:clamp(46px,3vw,54px);
}
body.page-home .l2v2-brand strong{font-size:clamp(27px,1.82vw,33px)}
body.page-home .l2v2-brand small{margin-top:2px;font-size:clamp(8px,.58vw,10px)}
body.page-home .l2v2-nav{gap:clamp(18px,1.75vw,31px)}
body.page-home .l2v2-nav a{font-size:clamp(10px,.67vw,12px)}
body.page-home .l2v2-head-actions{gap:clamp(5px,.45vw,8px)}
body.page-home .l2v2-head-icon{
  width:clamp(30px,2vw,36px);
  height:clamp(30px,2vw,36px);
  font-size:clamp(20px,1.4vw,25px);
}
body.page-home .l2v2-user{
  height:clamp(46px,3vw,54px);
  padding:0 clamp(8px,.7vw,13px);
}
body.page-home .l2v2-avatar{
  width:clamp(34px,2.35vw,42px);
  height:clamp(34px,2.35vw,42px);
}
body.page-home .l2v2-user strong{font-size:clamp(10px,.68vw,12px)}
body.page-home .l2v2-user small{font-size:clamp(9px,.59vw,11px);margin-top:2px}

body.page-home .l2v2-home{
  grid-template-columns:15.25vw minmax(0,1fr) 21.75vw;
  gap:.63vw;
  padding:.60vw .42vw .75vw;
  min-height:calc(100vh - clamp(58px,3.6vw,66px));
}
body.page-home .l2v2-left,
body.page-home .l2v2-center,
body.page-home .l2v2-right{padding-top:0}
body.page-home .l2v2-left,
body.page-home .l2v2-right{gap:.62vw}

body.page-home .v2-panel,
body.page-home .v2-section,
body.page-home .v2-submit,
body.page-home .v2-hero-card,
body.page-home .v2-chronicles a{
  border-radius:6px;
  box-shadow:0 8px 22px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,213,120,.025);
}
body.page-home .v2-panel:before,
body.page-home .v2-section:before,
body.page-home .v2-submit:before{inset:1px;border-radius:4px}

body.page-home .v2-panel h2,
body.page-home .v2-section-head h2{
  font-size:clamp(13px,.87vw,15px);
  font-family:Arial,Helvetica,sans-serif;
}

body.page-home .v2-catalog,
body.page-home .v2-tools{padding:clamp(11px,.72vw,13px) clamp(10px,.78vw,14px)}
body.page-home .v2-catalog h2,
body.page-home .v2-tools h2{margin-bottom:7px}
body.page-home .v2-catalog a{
  min-height:clamp(23px,1.53vw,27px);
  padding:0 2px;
  border-radius:4px;
  font-size:clamp(10px,.67vw,12px);
}
body.page-home .v2-tools a{
  min-height:clamp(26px,1.72vw,30px);
  padding:0 2px;
  border-radius:4px;
  font-size:clamp(10px,.67vw,12px);
}
body.page-home .v2-catalog a b{
  min-width:clamp(27px,1.8vw,32px);
  padding:2px 5px;
  border-radius:5px;
  font-size:clamp(9px,.58vw,10px);
}
body.page-home .v2-tools{padding-top:7px}
body.page-home .v2-tools h2{padding-top:10px}
body.page-home .v2-tools a em{padding:3px 5px;font-size:8px}

body.page-home .v2-submit{
  min-height:clamp(238px,14.9vw,265px);
  padding:clamp(12px,.85vw,15px);
  background:
    linear-gradient(180deg,rgba(3,6,8,.05),rgba(3,5,7,.10) 38%,rgba(2,4,6,.78) 86%),
    radial-gradient(circle at 75% 45%,rgba(131,51,195,.12),transparent 34%),
    var(--submit-bg) center 58%/cover no-repeat;
}
body.page-home .v2-submit h2{font-size:clamp(17px,1.15vw,20px);line-height:1.05}
body.page-home .v2-submit p{font-size:clamp(10px,.65vw,12px);line-height:1.35}
body.page-home .v2-submit-art{height:clamp(80px,5.8vw,104px)}
body.page-home .v2-submit .v2-gold-btn{left:12px;right:12px;bottom:11px}

body.page-home .v2-hero-card{
  height:clamp(210px,13.25vw,242px);
  background:
    linear-gradient(90deg,rgba(3,7,9,.97) 0%,rgba(3,7,9,.82) 34%,rgba(3,7,9,.27) 59%,rgba(0,0,0,.04) 82%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(1,4,6,.24)),
    var(--v2-hero) center 49%/cover no-repeat;
}
body.page-home .v2-hero-card:before{
  background:radial-gradient(circle at 70% 42%,rgba(230,132,24,.08),transparent 30%);
}
body.page-home .v2-hero-copy{
  width:70%;
  padding:clamp(22px,1.45vw,26px) 0 0 clamp(63px,4.65vw,80px);
}
body.page-home .v2-hero-copy>span{font-size:clamp(16px,1.08vw,19px)}
body.page-home .v2-hero-copy h1{
  margin:5px 0 clamp(9px,.65vw,12px);
  font-size:clamp(36px,2.55vw,44px);
}
body.page-home .v2-hero-stats{
  width:min(100%,clamp(510px,34.2vw,585px));
  height:clamp(52px,3.4vw,58px);
  border-radius:5px;
}
body.page-home .v2-hero-stats>div{
  height:68%;
  grid-template-columns:clamp(24px,1.75vw,30px) 1fr;
  padding:1px clamp(7px,.55vw,10px);
}
body.page-home .v2-hero-stats i{font-size:clamp(20px,1.4vw,24px)}
body.page-home .v2-hero-stats strong{font-size:clamp(14px,1.05vw,18px)}
body.page-home .v2-hero-stats small{font-size:clamp(8px,.59vw,10px)}
body.page-home .v2-hero-actions{
  width:min(100%,clamp(375px,25vw,430px));
  gap:12px;
  margin-top:clamp(10px,.68vw,12px);
}
body.page-home .v2-gold-btn,
body.page-home .v2-purple-btn{
  height:clamp(34px,2.2vw,39px);
  padding:0 clamp(13px,1vw,18px);
  border-radius:4px;
  font-size:clamp(10px,.64vw,11px);
}

body.page-home .v2-chronicles{
  height:clamp(88px,5.8vw,100px);
  margin-top:.62vw;
  gap:.58vw;
}
body.page-home .v2-chronicles a{border-radius:5px}
body.page-home .v2-chronicles strong{font-size:clamp(15px,1.02vw,18px)}
body.page-home .v2-chronicles span{
  margin-top:5px;
  padding:3px 7px;
  border-radius:4px;
  font-size:clamp(9px,.59vw,10px);
}

body.page-home .v2-section{
  margin-top:.62vw;
  padding:clamp(8px,.6vw,11px);
}
body.page-home .v2-section-head{
  height:clamp(22px,1.55vw,27px);
  padding:0 1px;
}
body.page-home .v2-section-head a{font-size:clamp(9px,.61vw,11px)}
body.page-home .v2-top-grid{gap:.52vw}
body.page-home .v2-top-card{
  height:clamp(222px,14.05vw,248px);
  min-height:0;
  padding:clamp(10px,.72vw,13px) clamp(7px,.55vw,10px) 9px;
  border-radius:5px;
  background:
    linear-gradient(180deg,rgba(1,4,6,.02),rgba(3,6,8,.18) 30%,rgba(4,9,12,.84) 55%,rgba(3,7,10,.995) 100%),
    var(--card-bg) center top/cover no-repeat,
    url('../../img/ui-v3-panel-grain.webp') center/384px repeat;
}
body.page-home .v2-top-card:after{top:47%}
body.page-home .v2-rank{
  left:7px;
  top:7px;
  width:clamp(29px,1.95vw,34px);
  height:clamp(35px,2.3vw,40px);
  font-size:clamp(13px,.88vw,15px);
}
body.page-home .v2-vip{right:7px;top:7px;padding:3px 5px;font-size:8px}
body.page-home .v2-emblem{
  width:clamp(58px,4vw,69px);
  height:clamp(58px,4vw,69px);
}
body.page-home .v2-top-card h3{margin:1px 0 3px;font-size:clamp(15px,1.02vw,18px)}
body.page-home .v2-tags{font-size:clamp(8px,.53vw,9px)}
body.page-home .v2-online{
  margin:5px 0 6px;
  padding:3px 7px;
  border-radius:4px;
  font-size:clamp(8px,.53vw,9px);
}
body.page-home .v2-score{padding-top:5px}
body.page-home .v2-score>span{font-size:clamp(9px,.62vw,11px)}
body.page-home .v2-score em{font-size:clamp(7px,.47vw,8px)}
body.page-home .v2-score em b{font-size:clamp(12px,.83vw,14px)}
body.page-home .v2-top-card time{display:none}
body.page-home .v2-card-actions{
  left:7px;
  right:7px;
  bottom:7px;
  grid-template-columns:1fr clamp(30px,2vw,35px);
  gap:5px;
}
body.page-home .v2-card-actions a,
body.page-home .v2-card-actions button{
  height:clamp(28px,1.9vw,33px);
  border-radius:4px;
  font-size:clamp(9px,.59vw,10px);
}
body.page-home .v2-card-actions button{font-size:clamp(17px,1.15vw,20px)}

body.page-home .v2-soon-grid{gap:.52vw}
body.page-home .v2-soon-card{
  min-height:clamp(133px,8.65vw,151px);
  padding:clamp(8px,.58vw,10px);
  border-radius:5px;
  grid-template-columns:clamp(36px,2.45vw,42px) 1fr;
  column-gap:7px;
}
body.page-home .v2-soon-card img{width:clamp(35px,2.4vw,41px);height:clamp(35px,2.4vw,41px)}
body.page-home .v2-soon-name strong{font-size:clamp(11px,.73vw,13px)}
body.page-home .v2-soon-name span{font-size:clamp(7px,.47vw,8px)}
body.page-home .v2-soon-card>small{margin:5px 0 3px;font-size:8px}
body.page-home .v2-countdown b{font-size:clamp(15px,1.02vw,18px)}
body.page-home .v2-countdown span{font-size:8px}
body.page-home .v2-soon-card time{margin-top:6px;font-size:clamp(7px,.48vw,8px)}

body.page-home .l2v2-right .v2-panel{padding:clamp(10px,.72vw,13px)}
body.page-home .l2v2-right .v2-panel h2{
  margin-bottom:8px;
  font-size:clamp(13px,.87vw,15px);
}
body.page-home .v2-opening-day h3{margin:3px 0 6px;font-size:clamp(19px,1.32vw,23px)}
body.page-home .v2-opening-tags{gap:4px;margin-bottom:6px}
body.page-home .v2-opening-tags span{padding:3px 5px;font-size:clamp(7px,.45vw,8px)}
body.page-home .v2-opening-art{
  height:clamp(102px,6.75vw,116px);
  border-radius:4px;
}
body.page-home .v2-big-countdown{gap:5px;margin:7px 0}
body.page-home .v2-big-countdown>div{
  height:clamp(45px,3vw,51px);
  border-radius:4px;
}
body.page-home .v2-big-countdown b{font-size:clamp(18px,1.22vw,21px)}
body.page-home .v2-big-countdown span{margin-top:3px;font-size:clamp(7px,.45vw,8px)}
body.page-home .v2-opening-day .v2-gold-btn{height:clamp(32px,2.15vw,37px)}

body.page-home .v2-countdown-panel{gap:.55vw}
body.page-home .v2-countdown-item{
  min-height:clamp(84px,5.9vw,102px);
  padding:clamp(8px,.62vw,11px);
  border-radius:5px;
  background:
    linear-gradient(90deg,rgba(4,8,11,.99),rgba(4,8,11,.67) 52%,rgba(4,8,11,.18)),
    var(--cd-bg) right center/68% cover no-repeat;
}
body.page-home .v2-countdown-item strong{font-size:clamp(14px,.95vw,16px)}
body.page-home .v2-countdown-item>span{gap:4px;margin:5px 0}
body.page-home .v2-countdown-item i{padding:2px 4px;font-size:clamp(7px,.45vw,8px)}
body.page-home .v2-countdown-item div{font-size:clamp(16px,1.08vw,19px)}
body.page-home .v2-countdown-item em{right:9px;bottom:8px;font-size:clamp(8px,.52vw,9px)}

body.page-home .v2-side-list a{
  min-height:clamp(26px,1.78vw,31px);
  grid-template-columns:clamp(19px,1.3vw,22px) 1fr auto;
  gap:6px;
  font-size:clamp(10px,.64vw,11px);
}
body.page-home .v2-side-list a b{
  width:clamp(18px,1.2vw,21px);
  height:clamp(18px,1.2vw,21px);
  border-radius:3px;
  font-size:8px;
}
body.page-home .v2-side-list a em{font-size:clamp(8px,.53vw,9px)}
body.page-home .v2-side-list .v2-side-more{margin-top:4px}

body.page-home .l2v2-trust{display:none!important}

@media (max-width:1260px){
  body.page-home .l2v2-header{height:60px}
  body.page-home .l2v2-home{grid-template-columns:195px minmax(0,1fr) 286px;padding:8px;gap:8px}
  body.page-home .v2-hero-card{height:235px}
  body.page-home .v2-hero-copy{padding-left:42px}
  body.page-home .v2-hero-stats{width:510px}
  body.page-home .v2-top-card{height:235px}
}

@media (max-width:1020px){
  body.page-home .l2v2-header-inner{grid-template-columns:1fr auto}
  body.page-home .l2v2-home{grid-template-columns:1fr;padding:8px}
  body.page-home .v2-hero-card{height:290px}
  body.page-home .v2-hero-copy{padding-left:28px}
  body.page-home .v2-hero-stats{width:100%}
  body.page-home .v2-top-card{height:245px}
}


/* ---- migrated home-reference-v33.css ---- */
/* L2BAZA home 3.3 — asset-based UI skin and aspect-preserving desktop scale. */

body.page-home{
  background:#02070a;
}

/* The reference is 1.775:1. On wider screens the stage scales from viewport
   height instead of stopping at fixed clamp() maxima. */
@media (min-width:1261px){
  body.page-home .l2v2-header-inner,
  body.page-home .l2v2-home{
    width:min(100vw,177.5vh);
    margin-left:auto;
    margin-right:auto;
  }

  body.page-home .l2v2-header{
    height:min(3.6vw,6.39vh);
    min-height:0;
  }
  body.page-home .l2v2-header-inner{
    padding:0 min(.95vw,1.69vh);
    grid-template-columns:min(18.4vw,32.66vh) minmax(0,1fr) auto;
    gap:min(1.05vw,1.86vh);
  }
  body.page-home .l2v2-brand{gap:min(.5vw,.89vh)}
  body.page-home .l2v2-brand img{
    width:min(3vw,5.33vh);
    height:min(3vw,5.33vh);
    min-width:0;
  }
  body.page-home .l2v2-brand strong{font-size:min(1.82vw,3.23vh)}
  body.page-home .l2v2-brand small{font-size:min(.58vw,1.03vh)}
  body.page-home .l2v2-nav{gap:min(1.75vw,3.11vh)}
  body.page-home .l2v2-nav a{font-size:min(.67vw,1.19vh)}
  body.page-home .l2v2-head-actions{gap:min(.45vw,.8vh)}
  body.page-home .l2v2-head-icon{
    width:min(2vw,3.55vh);
    height:min(2vw,3.55vh);
    font-size:min(1.4vw,2.49vh);
  }
  body.page-home .l2v2-user{
    height:min(3vw,5.33vh);
    padding:0 min(.7vw,1.24vh);
  }
  body.page-home .l2v2-avatar{
    width:min(2.35vw,4.17vh);
    height:min(2.35vw,4.17vh);
  }
  body.page-home .l2v2-user strong{font-size:min(.68vw,1.21vh)}
  body.page-home .l2v2-user small{font-size:min(.59vw,1.05vh)}

  body.page-home .l2v2-home{
    grid-template-columns:15.25% minmax(0,1fr) 21.75%;
    gap:min(.63vw,1.12vh);
    padding:min(.6vw,1.07vh) min(.42vw,.75vh) min(.75vw,1.33vh);
    min-height:calc(100vh - min(3.6vw,6.39vh));
  }
  body.page-home .l2v2-left,
  body.page-home .l2v2-right{gap:min(.62vw,1.1vh)}

  body.page-home .v2-panel h2,
  body.page-home .v2-section-head h2{font-size:min(.87vw,1.54vh)}

  body.page-home .v2-catalog,
  body.page-home .v2-tools{padding:min(.72vw,1.28vh) min(.78vw,1.38vh)}
  body.page-home .v2-catalog h2,
  body.page-home .v2-tools h2{margin-bottom:min(.42vw,.75vh)}
  body.page-home .v2-catalog a{
    min-height:min(1.53vw,2.72vh);
    font-size:min(.67vw,1.19vh);
  }
  body.page-home .v2-tools a{
    min-height:min(1.72vw,3.05vh);
    font-size:min(.67vw,1.19vh);
  }
  body.page-home .v2-catalog a b{
    min-width:min(1.8vw,3.2vh);
    font-size:min(.58vw,1.03vh);
  }
  body.page-home .v2-tools h2{padding-top:min(.6vw,1.07vh)}
  body.page-home .v2-tools a em{font-size:min(.48vw,.85vh)}

  body.page-home .v2-submit{
    min-height:min(14.9vw,26.45vh);
    padding:min(.85vw,1.51vh);
  }
  body.page-home .v2-submit h2{font-size:min(1.15vw,2.04vh)}
  body.page-home .v2-submit p{font-size:min(.65vw,1.15vh)}
  body.page-home .v2-submit-art{height:min(5.8vw,10.3vh)}
  body.page-home .v2-submit .v2-gold-btn{
    left:min(.72vw,1.28vh);
    right:min(.72vw,1.28vh);
    bottom:min(.66vw,1.17vh);
  }

  body.page-home .v2-hero-card{height:min(13.25vw,23.52vh)}
  body.page-home .v2-hero-copy{
    padding:min(1.45vw,2.57vh) 0 0 min(4.65vw,8.25vh);
  }
  body.page-home .v2-hero-copy>span{font-size:min(1.08vw,1.92vh)}
  body.page-home .v2-hero-copy h1{
    margin:min(.3vw,.53vh) 0 min(.65vw,1.15vh);
    font-size:min(2.55vw,4.53vh);
  }
  body.page-home .v2-hero-stats{
    width:min(34.2vw,60.7vh);
    height:min(3.4vw,6.04vh);
  }
  body.page-home .v2-hero-stats>div{
    grid-template-columns:min(1.75vw,3.11vh) 1fr;
    padding:1px min(.55vw,.98vh);
  }
  body.page-home .v2-hero-stats i{font-size:min(1.4vw,2.49vh)}
  body.page-home .v2-hero-stats strong{font-size:min(1.05vw,1.86vh)}
  body.page-home .v2-hero-stats small{font-size:min(.59vw,1.05vh)}
  body.page-home .v2-hero-actions{
    width:min(25vw,44.38vh);
    gap:min(.72vw,1.28vh);
    margin-top:min(.68vw,1.21vh);
  }

  body.page-home .v2-gold-btn,
  body.page-home .v2-purple-btn{
    height:min(2.2vw,3.91vh);
    padding:0 min(1vw,1.78vh);
    font-size:min(.64vw,1.14vh);
  }

  body.page-home .v2-chronicles{
    height:min(5.8vw,10.3vh);
    margin-top:min(.62vw,1.1vh);
    gap:min(.58vw,1.03vh);
  }
  body.page-home .v2-chronicles strong{font-size:min(1.02vw,1.81vh)}
  body.page-home .v2-chronicles span{
    margin-top:min(.3vw,.53vh);
    padding:min(.18vw,.32vh) min(.42vw,.75vh);
    font-size:min(.59vw,1.05vh);
  }

  body.page-home .v2-section{
    margin-top:min(.62vw,1.1vh);
    padding:min(.6vw,1.07vh);
  }
  body.page-home .v2-section-head{height:min(1.55vw,2.75vh)}
  body.page-home .v2-section-head a{font-size:min(.61vw,1.08vh)}
  body.page-home .v2-top-grid,
  body.page-home .v2-soon-grid{gap:min(.52vw,.92vh)}
  body.page-home .v2-top-card{
    height:min(14.05vw,24.94vh);
    min-height:0;
    padding:min(.72vw,1.28vh) min(.55vw,.98vh) min(.54vw,.96vh);
  }
  body.page-home .v2-rank{
    left:min(.42vw,.75vh);
    top:min(.42vw,.75vh);
    width:min(1.95vw,3.46vh);
    height:min(2.3vw,4.08vh);
    font-size:min(.88vw,1.56vh);
  }
  body.page-home .v2-vip{
    right:min(.42vw,.75vh);
    top:min(.42vw,.75vh);
    font-size:min(.48vw,.85vh);
  }
  body.page-home .v2-emblem{
    width:min(4vw,7.1vh);
    height:min(4vw,7.1vh);
  }
  body.page-home .v2-top-card h3{font-size:min(1.02vw,1.81vh)}
  body.page-home .v2-tags{font-size:min(.53vw,.94vh)}
  body.page-home .v2-online{
    margin:min(.3vw,.53vh) 0 min(.36vw,.64vh);
    padding:min(.18vw,.32vh) min(.42vw,.75vh);
    font-size:min(.53vw,.94vh);
  }
  body.page-home .v2-score{padding-top:min(.3vw,.53vh)}
  body.page-home .v2-score>span{font-size:min(.62vw,1.1vh)}
  body.page-home .v2-score em{font-size:min(.47vw,.83vh)}
  body.page-home .v2-score em b{font-size:min(.83vw,1.47vh)}
  body.page-home .v2-card-actions{
    left:min(.42vw,.75vh);
    right:min(.42vw,.75vh);
    bottom:min(.42vw,.75vh);
    grid-template-columns:1fr min(2vw,3.55vh);
    gap:min(.3vw,.53vh);
  }
  body.page-home .v2-card-actions a,
  body.page-home .v2-card-actions button{
    height:min(1.9vw,3.37vh);
    font-size:min(.59vw,1.05vh);
  }
  body.page-home .v2-card-actions button{font-size:min(1.15vw,2.04vh)}

  body.page-home .v2-soon-card{
    min-height:min(8.65vw,15.35vh);
    padding:min(.58vw,1.03vh);
    grid-template-columns:min(2.45vw,4.35vh) 1fr;
    column-gap:min(.42vw,.75vh);
  }
  body.page-home .v2-soon-card img{
    width:min(2.4vw,4.26vh);
    height:min(2.4vw,4.26vh);
  }
  body.page-home .v2-soon-name strong{font-size:min(.73vw,1.3vh)}
  body.page-home .v2-soon-name span{font-size:min(.47vw,.83vh)}
  body.page-home .v2-soon-card>small{font-size:min(.48vw,.85vh)}
  body.page-home .v2-countdown b{font-size:min(1.02vw,1.81vh)}
  body.page-home .v2-countdown span{font-size:min(.48vw,.85vh)}
  body.page-home .v2-soon-card time{font-size:min(.48vw,.85vh)}

  body.page-home .l2v2-right .v2-panel{padding:min(.72vw,1.28vh)}
  body.page-home .l2v2-right .v2-panel h2{
    margin-bottom:min(.48vw,.85vh);
    font-size:min(.87vw,1.54vh);
  }
  body.page-home .v2-opening-day h3{font-size:min(1.32vw,2.34vh)}
  body.page-home .v2-opening-tags{margin-bottom:min(.36vw,.64vh)}
  body.page-home .v2-opening-tags span{font-size:min(.45vw,.8vh)}
  body.page-home .v2-opening-art{height:min(6.75vw,11.98vh)}
  body.page-home .v2-big-countdown{
    gap:min(.3vw,.53vh);
    margin:min(.42vw,.75vh) 0;
  }
  body.page-home .v2-big-countdown>div{height:min(3vw,5.33vh)}
  body.page-home .v2-big-countdown b{font-size:min(1.22vw,2.17vh)}
  body.page-home .v2-big-countdown span{font-size:min(.45vw,.8vh)}
  body.page-home .v2-opening-day .v2-gold-btn{height:min(2.15vw,3.82vh)}
  body.page-home .v2-countdown-panel{gap:min(.55vw,.98vh)}
  body.page-home .v2-countdown-item{
    min-height:min(5.9vw,10.47vh);
    padding:min(.62vw,1.1vh);
  }
  body.page-home .v2-countdown-item strong{font-size:min(.95vw,1.69vh)}
  body.page-home .v2-countdown-item i{font-size:min(.45vw,.8vh)}
  body.page-home .v2-countdown-item div{font-size:min(1.08vw,1.92vh)}
  body.page-home .v2-countdown-item em{font-size:min(.52vw,.92vh)}
  body.page-home .v2-side-list a{
    min-height:min(1.78vw,3.16vh);
    grid-template-columns:min(1.3vw,2.31vh) 1fr auto;
    font-size:min(.64vw,1.14vh);
  }
  body.page-home .v2-side-list a b{
    width:min(1.2vw,2.13vh);
    height:min(1.2vw,2.13vh);
    font-size:min(.48vw,.85vh);
  }
  body.page-home .v2-side-list a em{font-size:min(.53vw,.94vh)}
}

/* Asset-drawn frame system. The dark backing in the nine-slice texture blends
   with panel fills while the rails and corners remain crisp at every size. */
body.page-home .v2-panel,
body.page-home .v2-section,
body.page-home .v2-submit,
body.page-home .v2-hero-card{
  border:6px solid transparent!important;
  border-image-source:url('../../img/ui-frame-dark-gold-v34.webp')!important;
  border-image-slice:92!important;
  border-image-width:1!important;
  border-image-repeat:stretch!important;
  border-radius:0!important;
  background-clip:padding-box!important;
}

body.page-home .v2-chronicles a,
body.page-home .v2-top-card,
body.page-home .v2-soon-card,
body.page-home .v2-countdown-item,
body.page-home .v2-opening-art{
  border:4px solid transparent!important;
  border-image-source:url('../../img/ui-frame-dark-gold-v34.webp')!important;
  border-image-slice:92!important;
  border-image-width:1!important;
  border-image-repeat:stretch!important;
  border-radius:0!important;
  background-clip:padding-box!important;
}

body.page-home .v2-panel:before,
body.page-home .v2-section:before,
body.page-home .v2-submit:before{display:none!important}

/* Buttons are now real image assets; CSS only supplies text and interaction. */
body.page-home .v2-gold-btn{
  border:0!important;
  border-radius:0!important;
  background-image:url('../../img/ui-button-gold-v34.webp')!important;
  background-size:100% 176%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#fff8e7!important;
  text-shadow:0 2px 3px #2b1300,0 0 5px rgba(255,218,133,.3)!important;
}
body.page-home .v2-purple-btn,
body.page-home .v2-card-actions a{
  border:0!important;
  border-radius:0!important;
  background-image:url('../../img/ui-button-purple-v34.webp')!important;
  background-size:100% 190%!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  color:#fff!important;
  text-shadow:0 2px 3px #16031e,0 0 5px rgba(227,157,255,.28)!important;
}
body.page-home .v2-gold-btn:before,
body.page-home .v2-purple-btn:before{display:none!important}
body.page-home .v2-gold-btn:hover,
body.page-home .v2-purple-btn:hover,
body.page-home .v2-card-actions a:hover{
  filter:brightness(1.12) saturate(1.08)!important;
  transform:translateY(-1px);
}

@media (min-width:1800px){
  body.page-home .v2-panel,
  body.page-home .v2-section,
  body.page-home .v2-submit,
  body.page-home .v2-hero-card{border-width:8px!important}
  body.page-home .v2-chronicles a,
  body.page-home .v2-top-card,
  body.page-home .v2-soon-card,
  body.page-home .v2-countdown-item,
  body.page-home .v2-opening-art{border-width:5px!important}
}


/* ---- migrated home-reference-v34.css ---- */
/* L2BAZA home 3.4 — clean frame geometry, corrected buttons and visible art. */

body.page-home .v2-panel,
body.page-home .v2-section,
body.page-home .v2-submit,
body.page-home .v2-hero-card,
body.page-home .v2-chronicles a,
body.page-home .v2-top-card,
body.page-home .v2-soon-card,
body.page-home .v2-countdown-item,
body.page-home .v2-opening-art{
  border-image:none!important;
  border-radius:5px!important;
  background-clip:border-box!important;
}

/* Tall and compact panels use a restrained double line. This avoids warped
   corners while preserving the same aged-gold material. */
body.page-home .v2-panel,
body.page-home .v2-submit{
  border:1px solid #68471d!important;
  box-shadow:
    inset 0 0 0 1px rgba(232,173,70,.055),
    inset 0 0 24px rgba(0,0,0,.18),
    0 8px 22px rgba(0,0,0,.30)!important;
}

/* Wide feature panels receive one complete raster frame overlay instead of
   a sliced border, so its rails and corners can no longer break apart. */
body.page-home .v2-section,
body.page-home .v2-hero-card{
  border:1px solid #68471d!important;
  box-shadow:inset 0 0 0 1px rgba(232,173,70,.04),0 10px 24px rgba(0,0,0,.32)!important;
}
body.page-home .v2-section:before,
body.page-home .v2-hero-card:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  border:0!important;
  border-radius:4px!important;
  background:url('../../img/ui-frame-dark-gold-v34.webp') center/100% 100% no-repeat!important;
  mix-blend-mode:screen;
  opacity:.48;
  pointer-events:none;
}

body.page-home .v2-chronicles a,
body.page-home .v2-top-card,
body.page-home .v2-soon-card,
body.page-home .v2-countdown-item,
body.page-home .v2-opening-art{
  border:1px solid #5d401d!important;
  box-shadow:inset 0 0 0 1px rgba(237,180,81,.035),0 5px 14px rgba(0,0,0,.22)!important;
}

/* The new artwork is composed for copy on the left and a smaller knight on
   the far right. The lower focal point keeps him inside the panoramic crop. */
body.page-home .v2-hero-card{
  background:
    linear-gradient(90deg,rgba(2,6,9,.97) 0%,rgba(2,6,9,.83) 33%,rgba(2,6,9,.31) 58%,rgba(1,3,5,.05) 82%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(1,4,6,.28)),
    var(--v2-hero) center 68%/cover no-repeat!important;
}

/* Button image and clickable geometry now share the same silhouette. */
body.page-home .v2-gold-btn,
body.page-home .v2-purple-btn,
body.page-home .v2-card-actions a{
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  line-height:1!important;
  padding:0 8% 1px!important;
  overflow:hidden!important;
  clip-path:polygon(2.2% 0,97.8% 0,100% 18%,100% 82%,97.8% 100%,2.2% 100%,0 82%,0 18%);
}
body.page-home .v2-gold-btn{
  background-size:100% 176%!important;
}
body.page-home .v2-purple-btn,
body.page-home .v2-card-actions a{
  background-size:100% 205%!important;
}
body.page-home .v2-card-actions a{
  font-weight:700!important;
  letter-spacing:.12px;
}
body.page-home .v2-card-actions button{
  display:grid;
  place-items:center;
  padding:0 0 2px;
  border:1px solid #4a4f4f!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#111a1f,#060b0e)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}

/* COUNTDOWN SPOTLIGHT: artwork is a dedicated layer so the gradient can no
   longer replace or darken it out of existence. */
body.page-home .v2-countdown-item{
  isolation:isolate;
  background:#071016!important;
}
body.page-home .v2-countdown-item:before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background:var(--cd-bg) right center/64% 100% no-repeat;
  opacity:.88;
  pointer-events:none;
}
body.page-home .v2-countdown-item:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,#071016 0%,rgba(7,16,22,.95) 31%,rgba(7,16,22,.55) 55%,rgba(7,16,22,.08) 100%);
  pointer-events:none;
}
body.page-home .v2-countdown-item strong,
body.page-home .v2-countdown-item>span,
body.page-home .v2-countdown-item>div,
body.page-home .v2-countdown-item>em{
  position:relative;
  z-index:2;
}
body.page-home .v2-countdown-item>em{
  position:absolute;
}

/* Final alignment pass. */
body.page-home .v2-section-head{
  border-bottom:1px solid rgba(111,77,35,.34);
  margin-bottom:min(.34vw,.6vh);
}
body.page-home .v2-top-card h3,
body.page-home .v2-opening-day h3,
body.page-home .v2-countdown-item strong{
  letter-spacing:.1px;
}
body.page-home .v2-top-card{
  overflow:hidden;
}
body.page-home .v2-top-card:after{
  opacity:.58;
}
body.page-home .v2-side-list a:last-of-type{
  border-bottom:0;
}
body.page-home .v2-aden-list{
  display:none!important;
}

@media (max-width:1260px){
  body.page-home .v2-section-head{margin-bottom:5px}
  body.page-home .v2-countdown-item:before{background-size:58% 100%}
}


/* ---- migrated from unified-v20.css ---- */
body.l2v2:not(.page-home) main{
  background:
    radial-gradient(circle at 22% 10%,rgba(113,67,13,.055),transparent 24%),
    linear-gradient(180deg,#061016,#03080b 68%)!important;
}body.l2v2:not(.page-home){font-size:14px!important}body.l2v2:not(.page-home) :is(p,li,td,th){line-height:1.55}body.l2v2:not(.page-home) :is(.btn,button,select,input,textarea){font-size:clamp(11px,.65vw,13px)!important}body.l2v2:not(.page-home) small{font-size:clamp(10px,.58vw,12px)}body.l2v2 :is(.compact-chips,.server-tag-row) span:nth-child(2),
body.page-home .v2-opening-tags span:nth-child(2),
body.page-home .v2-countdown-item i:nth-child(2),
body.page-home .v2-rate-badge{
  border:1px solid #d58927!important;
  background:linear-gradient(180deg,#ff9c35,#a83e08)!important;
  color:#fff8dc!important;
  font-weight:800!important;
  text-shadow:0 1px 2px rgba(65,16,0,.78)!important;
  box-shadow:inset 0 1px rgba(255,232,171,.32),0 3px 9px rgba(0,0,0,.30)!important;
}body.page-home .l2v2-brand img{mix-blend-mode:screen!important}body.page-home .v2-section{
  padding-top:max(16px,min(.9vw,1.6vh))!important;
  padding-left:max(12px,min(.72vw,1.28vh))!important;
  padding-right:max(12px,min(.72vw,1.28vh))!important;
  padding-bottom:max(12px,min(.68vw,1.2vh))!important;
}body.page-home .v2-section-head{
  position:relative!important;
  z-index:4!important;
  height:auto!important;
  min-height:max(29px,min(1.8vw,3.2vh))!important;
  margin:0 8px max(9px,min(.55vw,.98vh))!important;
  padding:0 0 max(7px,min(.38vw,.67vh))!important;
  align-items:center!important;
  border-bottom:1px solid rgba(118,82,37,.42)!important;
}body.page-home .v2-section-head h2{line-height:1!important}body.page-home .v2-top-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  box-sizing:border-box!important;
  height:auto!important;
  text-align:center!important;
  padding-top:max(12px,min(.75vw,1.33vh))!important;
  padding-bottom:max(12px,min(.75vw,1.33vh))!important;
}body.page-home .v2-emblem{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:max(76px,min(5.2vw,9.23vh))!important;
  height:max(76px,min(5.2vw,9.23vh))!important;
  margin:0 auto max(2px,min(.14vw,.25vh))!important;
  object-fit:contain!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.9)) drop-shadow(0 0 12px rgba(219,149,48,.14))!important;
}body.page-home .v2-top-card h3{margin:0 0 4px!important}body.page-home .v2-score{width:100%;margin-top:auto!important}body.page-home .v2-card-actions{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin-top:max(9px,min(.55vw,.98vh))!important;
}body.page-home .v2-rank{z-index:8!important}body.page-home .v2-vip{z-index:8!important}body.page-home .v2-card-actions a{padding:0 10%!important}body.page-home .v2-aden-list{display:none!important}body.page-home .v2-tags{
  min-height:22px!important;
  gap:5px!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
}body.page-home .v2-tags .v2-rate-badge{
  min-width:44px!important;
  padding:3px 7px!important;
  border-radius:4px!important;
  font-size:12px!important;
  line-height:1!important;
}body.page-home .v2-score>span{font-size:11px!important}body.page-home .v2-score em{font-size:10px!important}body.page-home .v2-score em b{font-size:16px!important}body.page-home .v2-opening-tags span:nth-child(2),
body.page-home .v2-countdown-item i:nth-child(2){padding:3px 7px!important;border-radius:4px!important;font-size:11px!important}body.page-home .v2-launch-section{padding:14px!important}body.page-home .v2-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}body.page-home .v2-launch-column{min-width:0}body.page-home .v2-launch-head{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 3px 8px;
  border-bottom:1px solid rgba(121,83,37,.52);
}body.page-home .v2-launch-head h2{margin:0;color:#e0aa4a;font:700 14px/1 Arial,sans-serif;letter-spacing:.25px}body.page-home .v2-launch-head a{color:#c16ed4;font-size:10px;white-space:nowrap}body.page-home .v2-launch-list{display:grid;gap:6px;padding-top:8px}body.page-home .v2-launch-row{
  min-width:0;
  min-height:39px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 58px 86px 78px;
  align-items:center;
  gap:8px;
  padding:4px 8px;
  border:1px solid #373544;
  border-radius:5px;
  background:linear-gradient(180deg,#242230,#171620);
  color:#f0ece5;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:.16s ease;
}body.page-home .v2-launch-row:hover{transform:translateY(-1px);border-color:#a06928;background:#28222a}body.page-home .v2-launch-row.is-featured{
  border-color:#b75a1d;
  background:linear-gradient(180deg,#b9571d,#522719);
  box-shadow:inset 0 1px rgba(255,218,147,.18),0 5px 12px rgba(0,0,0,.22);
}body.page-home .v2-launch-mark{height:32px;position:relative;display:grid;place-items:center}body.page-home .v2-launch-mark img{width:31px;height:31px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 4px 7px #000)}body.page-home .v2-launch-mark i{
  position:absolute;left:-3px;bottom:-3px;padding:1px 3px;border:1px solid #dc791e;border-radius:3px;
  background:#4a1d09;color:#ffd599;font:700 7px/1 Arial,sans-serif;font-style:normal
}body.page-home .v2-launch-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#fff}body.page-home .v2-launch-row>.v2-rate-badge{min-width:52px;padding:5px 5px;border-radius:4px;text-align:center;font-size:13px;line-height:1}body.page-home .v2-launch-chronicle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd6cc;font-size:10px;font-weight:700}body.page-home .v2-launch-row>time{text-align:right;color:#f4d9a6;font-size:10px;font-weight:700;white-space:nowrap}body.page-home .v2-launch-row>time small{display:block;margin-top:2px;color:#aaa39b;font-size:7px;text-transform:uppercase}body.page-home .v2-launch-row.is-featured>time small{color:#ffcf8d}body.page-home .v2-launch-empty{min-height:64px;display:grid;place-items:center;color:#928d86;font-size:11px}body.page-home .v2-top-grid{align-items:stretch!important}body.page-home .v2-top-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,8,11,.02),rgba(4,8,11,.42) 43%,rgba(4,8,11,.96) 76%);
}body.page-home .v2-top-card :is(.v2-emblem,h3,.v2-tags,.v2-online,.v2-score,time){position:relative;z-index:2}body.page-home .v2-top-card .v2-rank,
body.page-home .v2-top-card .v2-vip{position:absolute;z-index:8}body.page-home .v2-top-card .v2-card-actions{z-index:8}body.page-home .v2-chronicles a{
  background-position:center 46%!important;
  background-size:cover!important;
}body.page-home .v2-chronicles a:before{
  background:linear-gradient(180deg,rgba(4,7,9,.28),rgba(4,7,9,.60))!important;
}body.page-home .v2-countdown-item:before{
  background-position:right center!important;
  background-size:72% 100%!important;
  opacity:.94!important;
}body.page-home .v2-countdown-item:after{
  background:linear-gradient(90deg,#071016 0%,rgba(7,16,22,.97) 27%,rgba(7,16,22,.62) 53%,rgba(7,16,22,.04) 100%)!important;
}body.page-home .v2-soon-card img,
body.l2v2 .server-emblem img{
  object-fit:contain!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.82))!important;
}@media(max-width:1100px){body.page-home .v2-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1020px){body.page-home .v2-emblem{width:78px!important;height:78px!important}body.page-home .v2-launch-grid{grid-template-columns:1fr!important}}@media(max-width:720px){body.page-home .v2-chronicles{
    height:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:90px!important;
    gap:6px!important;
  }body.page-home .v2-chronicles a{height:90px!important;min-height:90px!important}body.page-home .v2-chronicles a:last-child{grid-column:1/-1!important}body.page-home .v2-section{margin-top:8px!important}body.page-home .v2-section-head{
    min-height:34px!important;
    margin-inline:7px!important;
    padding-bottom:8px!important;
  }}@media(max-width:680px){body.page-home .v2-launch-row{
    min-height:58px!important;
    grid-template-columns:36px minmax(0,1fr) 58px!important;
    grid-template-areas:"mark name rate" "mark chron date"!important;
    gap:4px 7px!important;
    padding:6px 8px!important;
  }body.page-home .v2-launch-mark{grid-area:mark!important}body.page-home .v2-launch-row>strong{grid-area:name!important;font-size:12px!important}body.page-home .v2-launch-row>.v2-rate-badge{grid-area:rate!important}body.page-home .v2-launch-chronicle{grid-area:chron!important}body.page-home .v2-launch-row>time{grid-area:date!important}}body.page-home{
  --home-panel:#071117;
  --home-panel-deep:#040a0e;
  --home-line:#67471f;
  --home-line-soft:rgba(222,164,70,.16);
  --home-gold:#dfa944;
}body.page-home :is(.v2-panel,.v2-section,.v2-submit){
  border:1px solid var(--home-line)!important;
  border-radius:6px!important;
  background:
    radial-gradient(circle at 50% -20%,rgba(198,132,35,.075),transparent 40%),
    linear-gradient(180deg,var(--home-panel),var(--home-panel-deep))!important;
  box-shadow:
    inset 0 0 0 1px rgba(239,186,91,.035),
    inset 0 -22px 42px rgba(0,0,0,.12),
    0 8px 22px rgba(0,0,0,.28)!important;
}body.page-home .v2-section:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:6px!important;
  z-index:1!important;
  border:1px solid var(--home-line-soft)!important;
  border-radius:3px!important;
  background:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  pointer-events:none!important;
}body.page-home .v2-section:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 0 0,rgba(221,159,58,.08),transparent 16%),
    radial-gradient(circle at 100% 100%,rgba(221,159,58,.06),transparent 18%)!important;
  pointer-events:none!important;
}body.page-home .v2-section>*{position:relative;z-index:2}body.page-home .v2-section-head{
  min-height:34px!important;
  margin:0 14px 10px!important;
  padding:0 2px 9px!important;
  gap:16px!important;
  border-bottom:1px solid rgba(151,105,44,.42)!important;
}body.page-home .v2-section-head h2{
  margin:0!important;
  color:var(--home-gold)!important;
  font:700 15px/1 Arial,sans-serif!important;
  letter-spacing:.2px!important;
  white-space:nowrap;
}body.page-home .v2-section-head a{
  position:relative!important;
  z-index:3!important;
  flex:0 0 auto!important;
  padding:5px 8px!important;
  border:1px solid rgba(145,88,151,.22)!important;
  border-radius:4px!important;
  background:rgba(73,31,83,.16)!important;
  color:#d687df!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}body.page-home .v2-top-section{padding:12px!important}body.page-home .v2-top-grid{gap:8px!important;align-items:stretch!important}body.page-home .v2-top-card{
  min-height:0!important;
  height:auto!important;
  padding:10px 10px 9px!important;
  border-color:#5c401d!important;
  border-radius:6px!important;
  background:
    linear-gradient(180deg,rgba(2,6,8,.05),rgba(4,9,12,.38) 38%,rgba(4,9,12,.94) 67%,#03080b 100%),
    var(--card-bg) center top/cover no-repeat!important;
  box-shadow:inset 0 0 0 1px rgba(240,186,88,.025),0 5px 14px rgba(0,0,0,.24)!important;
}body.page-home .v2-top-card:before{
  background:radial-gradient(circle at 50% 22%,rgba(226,157,53,.11),transparent 31%)!important;
}body.page-home .v2-top-card:after{top:54%!important;opacity:.38!important}body.page-home .v2-emblem{
  width:clamp(70px,4vw,94px)!important;
  height:clamp(70px,4vw,94px)!important;
  margin:0 auto 1px!important;
}body.page-home .v2-top-card h3{
  margin:3px 0 0!important;
  font:400 clamp(17px,1vw,21px)/1.12 Georgia,"Times New Roman",serif!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}body.page-home .v2-tags{
  min-height:20px!important;
  margin-top:6px!important;
  gap:4px!important;
  line-height:1!important;
}body.page-home .v2-tags>span{font-size:9px!important;line-height:18px!important}body.page-home .v2-tags .v2-rate-badge{
  position:static!important;
  transform:none!important;
  min-width:38px!important;
  padding:4px 6px!important;
  font-size:11px!important;
  line-height:1!important;
}body.page-home .v2-online{
  margin:7px 0 8px!important;
  padding:4px 10px!important;
  min-height:0!important;
  font-size:10px!important;
  line-height:1!important;
}body.page-home .v2-score{
  min-height:34px!important;
  margin-top:auto!important;
  padding-top:7px!important;
}body.page-home .v2-score>span{font-size:10px!important}body.page-home .v2-score em{font-size:9px!important}body.page-home .v2-score em b{font-size:15px!important;line-height:1!important}body.page-home .v2-card-actions{
  grid-template-columns:minmax(0,1fr) 39px!important;
  gap:7px!important;
  margin-top:8px!important;
}body.page-home .v2-card-actions :is(a,button){height:37px!important;min-height:37px!important}body.page-home .v2-card-actions a{font-size:11px!important}body.page-home .v2-card-actions button{font-size:22px!important}body.page-home .v2-rank{
  left:8px!important;top:8px!important;
  width:38px!important;height:45px!important;
  font-size:15px!important;
}body.page-home .v2-vip{right:8px!important;top:8px!important;font-size:8px!important}body.page-home .v2-launch-section{padding:16px!important}body.page-home .v2-launch-head{
  min-height:35px!important;
  padding:0 6px 9px!important;
  border-bottom:1px solid rgba(151,105,44,.42)!important;
}body.page-home .v2-launch-head h2{font-size:14px!important;white-space:nowrap!important}body.page-home .v2-launch-head a{
  flex:0 0 auto!important;
  padding:5px 7px!important;
  border:1px solid rgba(145,88,151,.22)!important;
  border-radius:4px!important;
  background:rgba(73,31,83,.16)!important;
  font-size:10px!important;
  line-height:1!important;
}body.page-home :is(.v2-catalog,.v2-tools){padding:14px 13px!important}body.page-home :is(.v2-catalog,.v2-tools) h2{
  margin:0 0 8px!important;
  padding:0 0 9px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(145,99,40,.38)!important;
  color:var(--home-gold)!important;
  font-size:14px!important;
  line-height:1!important;
}body.page-home :is(.v2-catalog,.v2-tools) a{
  min-height:29px!important;
  padding:0 5px!important;
  border-radius:4px!important;
  font-size:11px!important;
}body.page-home :is(.v2-catalog,.v2-tools) a:hover{
  background:linear-gradient(90deg,rgba(210,146,44,.105),rgba(210,146,44,.015))!important;
  border-color:rgba(151,103,39,.30)!important;
}body.page-home .v2-catalog a b{
  min-width:30px!important;
  padding:3px 5px!important;
  border-radius:4px!important;
  font-size:10px!important;
}body.page-home .v2-tools a em{padding:3px 5px!important;font-size:8px!important}body.page-home .v2-submit{
  overflow:hidden!important;
  padding:16px!important;
  background:
    linear-gradient(180deg,rgba(2,6,8,.06),rgba(2,6,8,.34) 50%,rgba(2,6,8,.92)),
    var(--submit-bg) center/cover no-repeat!important;
}body.page-home .v2-submit:before{
  content:""!important;display:block!important;position:absolute!important;inset:6px!important;
  border:1px solid rgba(220,161,65,.13)!important;border-radius:3px!important;pointer-events:none!important;
}body.page-home .v2-submit h2{font-size:20px!important;line-height:1.04!important}body.page-home .v2-submit p{font-size:11px!important;line-height:1.4!important}body.page-home .v2-submit .v2-gold-btn{left:13px!important;right:13px!important;bottom:12px!important;height:38px!important}body.page-home .v2-hero-card{
  border:1px solid #755020!important;
  border-radius:7px!important;
  box-shadow:inset 0 0 0 1px rgba(236,183,84,.04),0 9px 23px rgba(0,0,0,.3)!important;
}body.page-home .v2-hero-card:before{
  content:""!important;display:block!important;position:absolute!important;inset:6px!important;z-index:1!important;
  border:1px solid rgba(228,170,72,.12)!important;border-radius:3px!important;
  background:linear-gradient(90deg,rgba(4,9,12,.16),transparent 58%)!important;
  mix-blend-mode:normal!important;opacity:1!important;pointer-events:none!important;
}body.page-home .v2-hero-card:after{inset:1px!important;border-color:rgba(242,193,99,.055)!important}body.page-home .v2-hero-copy{z-index:3!important}body.page-home .v2-hero-copy h1{text-shadow:0 3px 12px #000!important}body.page-home .v2-hero-stats{
  border:1px solid rgba(130,91,37,.64)!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,rgba(7,15,19,.88),rgba(3,8,11,.92))!important;
  box-shadow:inset 0 1px rgba(255,210,126,.035),0 5px 14px rgba(0,0,0,.22)!important;
}body.page-home .v2-hero-stats>div{border-right-color:rgba(108,80,43,.52)!important}body.page-home .v2-chronicles{gap:8px!important}body.page-home .v2-chronicles a{
  border-color:#63451e!important;
  border-radius:6px!important;
  box-shadow:inset 0 0 0 1px rgba(239,185,85,.035),0 5px 13px rgba(0,0,0,.23)!important;
}body.page-home .v2-chronicles a:after{inset:5px!important;border-color:rgba(239,186,87,.085)!important;border-radius:3px!important}body.page-home .v2-chronicles strong{font-size:18px!important;letter-spacing:.2px!important}body.page-home .v2-chronicles span{margin-top:7px!important;padding:4px 9px!important;font-size:10px!important}body.page-home .l2v2-right .v2-panel{padding:14px!important}body.page-home .l2v2-right .v2-panel>h2{
  margin:0 0 10px!important;
  padding:0 0 9px!important;
  border-bottom:1px solid rgba(145,99,40,.38)!important;
  color:var(--home-gold)!important;
  font-size:14px!important;
  line-height:1!important;
}body.page-home .v2-opening-day h3{margin:6px 0!important;font-size:22px!important}body.page-home .v2-opening-art{border-radius:5px!important;border-color:#5c401d!important}body.page-home .v2-big-countdown{gap:6px!important;margin:8px 0!important}body.page-home .v2-big-countdown>div{
  height:55px!important;
  border-color:#4f3d24!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,#0d171c,#060c10)!important;
}body.page-home .v2-big-countdown b{font-size:21px!important}body.page-home .v2-opening-day .v2-gold-btn{height:38px!important}body.page-home .v2-countdown-panel{gap:8px!important}body.page-home .v2-countdown-item{
  min-height:102px!important;
  padding:12px!important;
  border-color:#5c401d!important;
  border-radius:5px!important;
  transition:transform .16s ease,border-color .16s ease,filter .16s ease!important;
}body.page-home .v2-countdown-item:hover{transform:translateY(-1px)!important;border-color:#96672b!important;filter:brightness(1.05)!important}body.page-home .v2-countdown-item strong{font-size:17px!important}body.page-home .v2-countdown-item>div{font-size:19px!important}body.page-home .v2-side-list a{min-height:34px!important;font-size:11px!important}body.page-home .v2-side-list a b{width:23px!important;height:23px!important;font-size:9px!important}body.page-home .v2-side-list a em{font-size:9px!important}@media(max-width:1260px){body.page-home .v2-top-card{padding-inline:8px!important}body.page-home .v2-emblem{width:70px!important;height:70px!important}body.page-home .v2-top-card h3{font-size:16px!important}body.page-home .v2-tags{gap:3px!important}body.page-home .v2-tags>span{font-size:8px!important}body.page-home .v2-tags .v2-rate-badge{min-width:34px!important;padding-inline:5px!important;font-size:10px!important}}@media(max-width:720px){body.page-home .v2-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.page-home .v2-section-head{margin-inline:10px!important}body.page-home .v2-section-head h2{font-size:14px!important}body.page-home .v2-section-head a{font-size:9px!important}body.page-home .v2-launch-section{padding:14px 12px!important}body.page-home .v2-launch-head{padding-inline:2px!important}body.page-home .v2-launch-head h2{font-size:13px!important}body.page-home .v2-launch-head a{font-size:9px!important}}@media(max-width:470px){body.page-home .v2-top-grid{grid-template-columns:minmax(0,1fr)!important}body.page-home .v2-section-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}body.page-home .v2-section-head a{align-self:flex-end!important}body.page-home .v2-launch-head{align-items:flex-start!important;flex-direction:column!important;gap:6px!important}body.page-home .v2-launch-head a{align-self:flex-end!important}body.page-home .v2-top-card{padding:12px!important}body.page-home .v2-emblem{width:82px!important;height:82px!important}}body.l2v2 :is(
  .v2-emblem,
  .v2-launch-mark img,
  .catalog-card-emblem,
  .catalog-card-emblem img,
  .server-emblem,
  .server-emblem img,
  .player-server-emblem,
  .player-server-emblem img,
  .project-emblem,
  .project-emblem img,
  .podium-emblem,
  .podium-emblem img,
  .ranking-server-mark img
){
  background:transparent!important;
  mix-blend-mode:normal!important;
}body.page-home .v2-tags{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
  min-height:27px!important;
  margin-top:8px!important;
  padding-top:7px!important;
  gap:6px!important;
  border-top:1px solid rgba(132,96,46,.34)!important;
}body.page-home .v2-tags>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}body.page-home .v2-tags>span:first-child{text-align:right!important}body.page-home .v2-tags>span:last-child{text-align:left!important}body.page-home .v2-tags .v2-rate-badge{
  position:static!important;
  z-index:1!important;
  transform:none!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
  box-shadow:0 2px 7px rgba(0,0,0,.45),inset 0 1px rgba(255,220,152,.18)!important;
}body.page-home :is(.v2-catalog,.v2-tools) h2,
body.page-home .l2v2-right .v2-panel>h2{
  font-size:15px!important;
  letter-spacing:.2px!important;
}body.page-home :is(.v2-catalog,.v2-tools) a{
  min-height:33px!important;
  margin:5px 0!important;
  padding:0 8px!important;
  border:1px solid rgba(69,70,76,.65)!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,rgba(31,31,42,.82),rgba(13,18,24,.94))!important;
  color:#f0ece4!important;
  font-size:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}body.page-home :is(.v2-catalog,.v2-tools) a:hover{
  border-color:rgba(179,124,45,.58)!important;
  background:linear-gradient(180deg,rgba(59,42,29,.74),rgba(17,19,25,.96))!important;
}body.page-home .v2-catalog a b{font-size:11px!important}body.page-home .v2-tools a em{font-size:9px!important}body.page-home .v2-countdown-panel{gap:9px!important}body.page-home .v2-countdown-item{
  min-height:108px!important;
  border-color:rgba(107,74,35,.86)!important;
  box-shadow:inset 0 1px rgba(255,214,133,.035),0 5px 14px rgba(0,0,0,.22)!important;
}body.page-home .v2-countdown-item strong{font-size:18px!important;line-height:1.08!important}body.page-home .v2-countdown-item i{font-size:9px!important}body.page-home .v2-countdown-item>div{font-size:20px!important}body.page-home .v2-countdown-item em{font-size:11px!important}body.page-home .v2-side-list a:not(.v2-side-more){
  min-height:35px!important;
  margin:5px 0!important;
  padding:0 7px!important;
  border:1px solid rgba(69,70,76,.65)!important;
  border-radius:5px!important;
  background:linear-gradient(180deg,rgba(31,31,42,.82),rgba(13,18,24,.94))!important;
  color:#f0ece4!important;
  font-size:12px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}body.page-home .v2-side-list a:not(.v2-side-more):hover{
  border-color:rgba(179,124,45,.58)!important;
  background:linear-gradient(180deg,rgba(59,42,29,.74),rgba(17,19,25,.96))!important;
}body.page-home .v2-side-list a b{font-size:10px!important}body.page-home .v2-side-list a em{font-size:10px!important}body.page-home .v2-side-list .v2-side-more{
  min-height:28px!important;
  padding:4px 3px 0!important;
  font-size:11px!important;
}@media(min-width:1021px){body.page-home .l2v2-header-inner,
  body.page-home .l2v2-home{width:min(100%,177.5vh)!important;max-width:100%!important}}body.l2v2:not(.page-home) :is(
  .catalog-hero,.server-page-hero,.finder-hero,.rating-hero,
  .v1516-hero,.content-hero,.article-hero
){
  position:relative!important;
  width:min(1540px,92vw)!important;
  margin:12px auto 0!important;
  border:1px solid #6d4b20!important;
  border-radius:6px!important;
  overflow:hidden!important;
  box-shadow:inset 0 0 0 5px rgba(221,169,79,.025),0 16px 34px rgba(0,0,0,.38)!important;
}body.l2v2:not(.page-home) :is(
  .catalog-hero,.server-page-hero,.finder-hero,.rating-hero,
  .v1516-hero,.content-hero,.article-hero
)::after{
  content:""!important;
  position:absolute!important;
  inset:7px!important;
  height:auto!important;
  z-index:1!important;
  pointer-events:none!important;
  background:transparent!important;
  border:1px solid rgba(225,176,88,.075)!important;
  border-radius:3px!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.22)!important;
}body.l2v2:not(.page-home) :is(
  .catalog-hero,.server-page-hero,.finder-hero,.rating-hero,
  .v1516-hero,.content-hero,.article-hero
)> .container{
  position:relative!important;
  z-index:2!important;
  width:calc(100% - 42px)!important;
  max-width:none!important;
}body.l2v2:not(.page-home) :is(
  .catalog-hero,.finder-hero,.rating-hero,.v1516-hero,.content-hero,.article-hero
){min-height:270px!important;height:auto!important}body.l2v2:not(.page-home) :is(
  .catalog-hero,.finder-hero,.rating-hero,.v1516-hero,.content-hero,.article-hero
) h1{
  color:#f0e6d6!important;
  font-size:clamp(36px,3vw,48px)!important;
  line-height:1.04!important;
  letter-spacing:-.3px!important;
  text-shadow:0 2px 0 #251608,0 0 22px rgba(219,156,58,.12)!important;
}body.l2v2:not(.page-home) :is(
  .catalog-hero,.finder-hero,.rating-hero,.v1516-hero,.content-hero,.article-hero
) p{font-size:15px!important;line-height:1.58!important;color:#d0cdc6!important}body.l2v2:not(.page-home) :is(
  .catalog-shell,.server-page-layout,.finder-layout,.rating-layout,
  .calendar-v1516-shell,.compare-v1516-shell,.ads-v1516-shell,
  .content-hub-shell,.article-layout,.wiki-shell
){margin-top:12px!important}body.l2v2:not(.page-home) :is(
  .catalog-filter-panel,.catalog-promoted,.catalog-card,.catalog-side-panel,
  .server-section,.server-side-panel,.server-tabs,.server-seo-paths,
  .finder-wizard,.finder-side-panel,.rating-table-panel,.rating-nav-panel,.rating-info-panel,
  .calendar-v1516-board,.calendar-v1516-side,.compare-v1516-selector,.compare-v1516-table-card,
  .ads-v1516-card,.ads-v1516-showcase,.content-toolbar,.content-section,.content-side-panel,
  .featured-news,.news-row,.knowledge-card,.article-body,.wiki-toc,.wiki-infobox,.auth-card
){
  border-color:#68471d!important;
  background-color:#081219!important;
  box-shadow:inset 0 1px rgba(241,196,111,.035),0 12px 28px rgba(0,0,0,.25)!important;
}body.l2v2:not(.page-home) :is(
  .catalog-promoted-head,.rating-section-head,.content-section-head,.section-line-head,
  .compare-v1516-title,.ads-v1516-head
){border-bottom-color:#48341e!important}body.l2v2.l2v2:not(.page-home) main :is(p,li,td,th){font-size:13px!important;line-height:1.58!important}body.l2v2.l2v2:not(.page-home) main small{font-size:11px!important;line-height:1.42!important}body.l2v2.l2v2:not(.page-home) main label{font-size:12px!important;line-height:1.35!important}body.l2v2.l2v2:not(.page-home) :is(input,select,textarea){font-size:13px!important}body.l2v2:not(.page-home) :is(.btn,a.btn,button.btn){font-size:11px!important;letter-spacing:.12px!important}body.l2v2:not(.page-home) :is(.breadcrumbs,.eyebrow,.rating-kicker,.finder-kicker,.content-eyebrow){font-size:11px!important;line-height:1.3!important;letter-spacing:1.05px!important}body.page-home :is(.v2-gold-btn,.v2-purple-btn){font-size:10px!important}body.page-home .v2-hero-stats small{font-size:9px!important}body.page-home .v2-panel :is(a,span){line-height:1.35!important}body.page-home .v2-panel small{font-size:10px!important}body.page-home .v2-hero-stats small{font-size:10px!important}body.page-home :is(.v2-vip,.v2-top-card .v2-tags span,.v2-top-card .v2-score small){font-size:10px!important}body.page-home .v2-tools em{font-size:10px!important}@media(max-width:1180px){body.l2v2:not(.page-home) :is(
    .catalog-hero,.server-page-hero,.finder-hero,.rating-hero,
    .v1516-hero,.content-hero,.article-hero
  ){width:94vw!important}}@media(max-width:760px){body.l2v2:not(.page-home) :is(
    .catalog-hero,.server-page-hero,.finder-hero,.rating-hero,
    .v1516-hero,.content-hero,.article-hero
  ){width:96vw!important;margin-top:7px!important;min-height:0!important}body.l2v2:not(.page-home) :is(
    .catalog-hero,.server-page-hero,.finder-hero,.rating-hero,
    .v1516-hero,.content-hero,.article-hero
  )>.container{width:calc(100% - 24px)!important}}

/* =====================================================================
   1.5.34 migration pass — semantic states + calmer visual hierarchy
   ===================================================================== */
body.page-home .v2-top-card{
  transition:transform var(--l2-motion-normal) var(--l2-ease),border-color var(--l2-motion-fast) var(--l2-ease),box-shadow var(--l2-motion-normal) var(--l2-ease)!important;
}
body.page-home .v2-top-card:hover{
  transform:translateY(-2px)!important;
  border-color:var(--l2-color-line-strong)!important;
  box-shadow:inset 0 0 0 1px rgba(240,200,115,.05),0 12px 26px rgba(0,0,0,.38)!important;
}
body.page-home .v2-top-card .v2-tags .v2-rate-badge,
body.page-home .v2-launch-list .v2-rate-badge{
  color:#fff3d2!important;
  border-color:#bc7421!important;
  background:linear-gradient(180deg,#e18425,#9c470e)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 10px rgba(209,111,20,.12)!important;
}
body.page-home .v2-online{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:22px!important;
  padding:4px 8px!important;
  border:1px solid currentColor!important;
  border-radius:4px!important;
  background:rgba(5,12,13,.78)!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.35px!important;
  text-transform:uppercase!important;
}
body.page-home .v2-online.is-open{color:var(--l2-status-open)!important}
body.page-home .v2-online.is-today{color:var(--l2-status-warning)!important}
body.page-home .v2-online.is-upcoming{color:var(--l2-status-upcoming)!important}
body.page-home .v2-card-actions .v2-favorite-link{
  display:grid!important;
  place-items:center!important;
  min-width:38px!important;
  padding:0!important;
  color:#f0e8d8!important;
  text-decoration:none!important;
}
body.page-home .v2-card-actions .v2-favorite-link:hover{color:#ffde86!important;border-color:#9d6b2d!important}
body.page-home .v2-score em b{color:var(--l2-color-gold-hi)!important}
body.page-home .v2-section-head>a,
body.page-home .v2-launch-head>a,
body.page-home .v2-panel>a:last-child{transition:color var(--l2-motion-fast) var(--l2-ease)}
body.page-home .v2-section-head>a:hover,
body.page-home .v2-launch-head>a:hover{color:#efc876!important}

@media(max-width:768px){
  body.page-home .v2-top-card:hover{transform:none!important}
  body.page-home .v2-online{min-height:24px!important;font-size:10px!important}
}