/* V66 — Home final micro QA: floating menu click layer + central balance + live ranking podium */

/* 1) Floating menu must always stay above the page content and remain clickable */
html body .v53-section-nav{
  position:fixed!important;
  right:30px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:180px!important;
  z-index:2147483647!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  contain:none!important;
}
html body .v53-section-nav:before,
html body .v53-section-nav__line,
html body .v53-section-nav__diamond,
html body .v53-section-nav__text{pointer-events:none!important;}
html body .v53-section-nav__item{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:2147483647!important;
}
html body .wrapper,
html body .pro-section,
html body .section,
html body #ranking-preview,
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{
  overflow:visible!important;
}
html body #ranking-preview,
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{z-index:auto!important;}

/* 2) Central do servidor: a little wider, more left-side usage, still reserving safe room for the floating menu */
html body #home-updates.v53-home-hub .content-area{
  width:min(1460px,calc(100vw - 285px))!important;
  max-width:1460px!important;
  left:-52px!important;
}
html body .v53-home-hub__panel{
  padding:34px 38px 34px!important;
}
html body .v59-central-grid{
  gap:18px!important;
}
html body .v59-news-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(0,.92fr)!important;
  grid-template-rows:138px 138px!important;
  gap:14px!important;
}
html body .v59-card--hero{min-height:290px!important;}
html body .v59-events-grid{
  grid-template-columns:minmax(0,1.14fr) minmax(0,.82fr) minmax(0,.82fr)!important;
  grid-template-rows:142px 142px!important;
  gap:14px!important;
}
html body .v59-event-card--main{min-height:298px!important;}
html body .v59-event-card--guild{min-height:142px!important;}
html body .v59-card-content{padding:14px 17px!important;}
html body .v59-card--hero .v59-card-content,
html body .v59-event-card--main .v59-card-content{padding:20px 22px!important;}
html body .v59-card-content h3{
  font-size:clamp(17px,1.02vw,22px)!important;
  line-height:1.08!important;
  max-height:none!important;
  overflow:visible!important;
  text-wrap:balance!important;
}
html body .v59-card--hero .v59-card-content h3,
html body .v59-event-card--main .v59-card-content h3{
  font-size:clamp(25px,1.55vw,34px)!important;
}
html body .v59-card-content p{
  font-size:12.25px!important;
  line-height:1.28!important;
  max-height:none!important;
  overflow:visible!important;
  text-shadow:0 2px 6px rgba(0,0,0,.75)!important;
}
html body .v59-event-card:not(.v59-event-card--main) .v59-card-content p{
  max-height:34px!important;
  overflow:hidden!important;
}
html body .v59-event-card--guild .v59-card-content p{max-height:36px!important;}
html body .v59-event-row{margin-top:8px!important;gap:8px!important;}
html body .v59-event-row strong,
html body .v59-event-row span{height:28px!important;min-width:76px!important;font-size:9.5px!important;}

/* 3) Home ranking podium: make Top 1/2/3 effects truly animated like ranking.php, not a fixed picture */
@keyframes v66HomeThunder{
  0%,100%{opacity:.18;transform:translateX(-4%) scale(1);filter:brightness(1)}
  42%{opacity:.72;transform:translateX(3%) scale(1.035);filter:brightness(1.35)}
  48%{opacity:.96;transform:translateX(0) scale(1.055);filter:brightness(1.8)}
  55%{opacity:.30;transform:translateX(2%) scale(1.01);filter:brightness(1.1)}
}
@keyframes v66HomeWind{
  0%{opacity:.18;transform:translateX(-44%) skewX(-8deg)}
  45%{opacity:.55;transform:translateX(2%) skewX(-8deg)}
  100%{opacity:.22;transform:translateX(46%) skewX(-8deg)}
}
@keyframes v66HomeFire{
  0%,100%{opacity:.38;transform:translateY(5%) scaleY(.96);filter:blur(.1px) brightness(1)}
  48%{opacity:.86;transform:translateY(-7%) scaleY(1.06);filter:blur(.2px) brightness(1.28)}
}
@keyframes v66SecondPulse{
  0%,100%{box-shadow:0 22px 60px rgba(103,205,255,.12),0 0 24px rgba(143,255,232,.10),inset 0 1px 0 rgba(255,255,255,.10)}
  50%{box-shadow:0 28px 74px rgba(103,205,255,.24),0 0 54px rgba(143,255,232,.24),inset 0 1px 0 rgba(255,255,255,.15)}
}
@keyframes v66ThirdPulse{
  0%,100%{box-shadow:0 22px 62px rgba(255,99,35,.14),0 0 22px rgba(255,145,72,.10),inset 0 1px 0 rgba(255,255,255,.10)}
  50%{box-shadow:0 28px 82px rgba(255,99,35,.30),0 0 56px rgba(255,145,72,.28),inset 0 1px 0 rgba(255,255,255,.16)}
}
html body #ranking-preview .ranking-home-v64-podium .rank-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-card .avatar,
html body #ranking-preview .ranking-home-v64-podium .rank-card .role,
html body #ranking-preview .ranking-home-v64-podium .rank-card h3,
html body #ranking-preview .ranking-home-v64-podium .rank-card p,
html body #ranking-preview .ranking-home-v64-podium .rank-card .score,
html body #ranking-preview .ranking-home-v64-podium .rank-card small{position:relative!important;z-index:8!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-first:after{
  content:""!important;
  position:absolute!important;
  inset:-16%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(118deg,transparent 0 43%,rgba(115,220,255,.80) 45%,rgba(255,255,255,.90) 47%,transparent 50% 100%),
    linear-gradient(66deg,transparent 0 61%,rgba(255,221,92,.58) 63%,transparent 67% 100%),
    radial-gradient(circle at 54% 19%,rgba(116,225,255,.42),transparent 18%)!important;
  mix-blend-mode:screen!important;
  animation:v66HomeThunder 2.35s ease-in-out infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-second{
  animation:v66SecondPulse 3.6s ease-in-out infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-second:after{
  content:""!important;
  position:absolute!important;
  inset:-8%!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(108deg,transparent 0 20%,rgba(143,255,232,.28) 26%,rgba(225,248,255,.26) 30%,transparent 42% 100%),
    linear-gradient(98deg,transparent 0 49%,rgba(205,239,255,.34) 55%,transparent 70% 100%),
    radial-gradient(ellipse at 20% 70%,rgba(143,255,232,.22),transparent 34%)!important;
  mix-blend-mode:screen!important;
  animation:v66HomeWind 3.6s linear infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-third{
  animation:v66ThirdPulse 3.2s ease-in-out infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-third:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 26% 90%,rgba(255,188,53,.56),transparent 9%),
    radial-gradient(circle at 62% 88%,rgba(255,94,31,.48),transparent 11%),
    radial-gradient(circle at 74% 78%,rgba(255,142,61,.32),transparent 15%),
    linear-gradient(0deg,rgba(255,94,31,.34),transparent 42%)!important;
  mix-blend-mode:screen!important;
  animation:v66HomeFire 2.65s ease-in-out infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-second:hover,
html body #ranking-preview .ranking-home-v64-podium .rank-third:hover{filter:brightness(1.12)!important;}

@media(max-width:1380px){
  html body .v53-section-nav{right:18px!important;transform:translateY(-50%) scale(.90)!important;transform-origin:right center!important;}
  html body #home-updates.v53-home-hub .content-area{width:min(1260px,calc(100vw - 255px))!important;left:-24px!important;}
}
@media(max-width:980px){
  html body .v53-section-nav{display:none!important;}
  html body #home-updates.v53-home-hub .content-area{width:calc(100% - 28px)!important;left:0!important;}
}