/* V64 — Home menu/central/ranking print fixes */
:root{
  --v64-gold:#f6b51c;
  --v64-gold-soft:#ffe194;
  --v64-panel:rgba(3,10,16,.96);
  --v64-border:rgba(246,181,28,.36);
}

/* floating menu: fixed click layer and cleaner position in all home sections */
html body .v53-section-nav{
  right:24px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:168px!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
}
html body .v53-section-nav,
html body .v53-section-nav *{box-sizing:border-box!important;}
html body .v53-section-nav__item{
  position:relative!important;
  display:block!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  min-height:42px!important;
  margin:0 0 8px!important;
}
html body .v53-section-nav__text{pointer-events:none!important;}
html body .v53-section-nav__line,
html body .v53-section-nav__diamond{pointer-events:none!important;}
html body .v53-section-nav__item.is-active .v53-section-nav__text strong,
html body .v53-section-nav__item:hover .v53-section-nav__text strong{color:#fff3b8!important;text-shadow:0 0 16px rgba(246,181,28,.38)!important;}

/* section anchors: each click opens the chosen block with breathing room */
html body #home-updates,
html body #ranking-preview,
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{
  min-height:100vh!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-top:64px!important;
  padding-bottom:64px!important;
  scroll-margin-top:0!important;
}
html body #home-features,
html body #home-resources,
html body #home-community,
html body #home-media{
  flex-direction:column!important;
  gap:34px!important;
}
html body #home-features > .section__title,
html body #home-resources > .section__title,
html body #home-community > .section__title,
html body #home-media > .section__title{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(1180px,calc(100% - 310px))!important;
  max-width:1180px!important;
  margin:0 auto 6px!important;
  text-align:center!important;
  z-index:2!important;
}
html body #home-features > .content-area,
html body #home-resources > .content-area,
html body #home-community > .content-area,
html body #home-media > .content-area{
  width:min(1180px,calc(100% - 310px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
}

/* Central do Servidor: maior, mais lateral, mas sem encostar no menu flutuante */
html body .v53-home-hub .content-area{
  width:min(1260px,calc(100% - 360px))!important;
  max-width:1260px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body .v53-home-hub__panel{
  padding:28px 32px 30px!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
html body .v53-section-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  margin-bottom:18px!important;
  padding-bottom:16px!important;
}
html body .v53-section-head .pro-title{
  max-width:760px!important;
  font-size:clamp(32px,2.25vw,42px)!important;
  line-height:1.06!important;
  letter-spacing:.12em!important;
}
html body .v53-section-head .pro-subtitle{
  max-width:820px!important;
  font-size:13px!important;
  line-height:1.42!important;
}
html body .v59-central-grid{gap:18px!important;}
html body .v59-news-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  grid-template-rows:116px 116px!important;
  gap:12px!important;
}
html body .v59-card--hero{min-height:244px!important;}
html body .v59-events-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,.72fr) minmax(0,.72fr)!important;
  grid-template-rows:124px 124px!important;
  gap:12px!important;
}
html body .v59-event-card--main{min-height:260px!important;}
html body .v59-event-card--guild{min-height:124px!important;}
html body .v59-card-content{padding:13px 15px!important;}
html body .v59-card--hero .v59-card-content,
html body .v59-event-card--main .v59-card-content{padding:19px 21px!important;}
html body .v59-card-content h3{
  font-size:clamp(17px,1.05vw,22px)!important;
  line-height:1.06!important;
  letter-spacing:.02em!important;
  max-width:100%!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,31px)!important;
}
html body .v59-card-content p{
  font-size:12.5px!important;
  line-height:1.35!important;
  max-height:36px!important;
  overflow:hidden!important;
}
html body .v59-event-row{margin-top:8px!important;gap:7px!important;}
html body .v59-event-row strong,
html body .v59-event-row span{height:28px!important;font-size:10px!important;}
html body .v59-card-tag{height:24px!important;padding:0 13px!important;font-size:9px!important;}

/* Home ranking: use the same class language/effects as ranking.php */
html body #ranking-preview .ranking-cta-v21-card{
  width:min(1260px,calc(100% - 360px))!important;
  min-height:430px!important;
  grid-template-columns:minmax(350px,.86fr) minmax(660px,1.14fr)!important;
  gap:28px!important;
  padding:38px 42px!important;
}
html body #ranking-preview .ranking-home-v64-podium{
  position:relative!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:1fr 1.15fr 1fr!important;
  align-items:end!important;
  gap:14px!important;
  width:100%!important;
  max-width:720px!important;
  min-height:336px!important;
  margin:0!important;
  padding:18px!important;
  border-radius:18px!important;
  border:1px solid rgba(230,180,67,.24)!important;
  background:
    linear-gradient(180deg,rgba(7,12,23,.60),rgba(1,3,8,.86)),
    url('../images/icarus-dragon-02.png') center bottom/cover no-repeat!important;
  box-shadow:0 30px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(6px)!important;
  overflow:hidden!important;
}
html body #ranking-preview .ranking-home-v64-podium:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background-image:radial-gradient(circle,rgba(255,226,142,.45) 0 1px,transparent 1.8px)!important;
  background-size:92px 92px!important;
  opacity:.10!important;
  animation:rankDustV43 14s linear infinite!important;
  z-index:1!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-card{
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  min-height:282px!important;
  padding:24px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-card:hover{transform:translateY(-5px) translateZ(0)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-first{min-height:330px!important;order:2!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-second{order:1!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-third{order:3!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card:before{
  content:attr(data-rank)!important;
  width:78px!important;
  height:78px!important;
  border-radius:0 0 24px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:34px!important;
  font-weight:950!important;
  margin:-40px auto 16px!important;
  border:3px solid rgba(255,255,255,.15)!important;
  position:relative!important;
  z-index:3!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-first:before{background:linear-gradient(180deg,#ffd75b,#b77710)!important;color:#5f3800!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-second:before{background:linear-gradient(180deg,#d8e2ef,#8694a8)!important;color:#34445a!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-third:before{background:linear-gradient(180deg,#d39a68,#7f4422)!important;color:#3c1c08!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:4!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card .avatar{
  width:86px!important;
  height:86px!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#111a2d,#070b14)!important;
  border:4px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.04),0 16px 34px rgba(0,0,0,.42)!important;
  margin-bottom:13px!important;
  overflow:hidden!important;
  padding:3px!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-first .avatar{width:104px!important;height:104px!important;border-color:#ffe25a!important;box-shadow:0 0 0 6px rgba(255,218,78,.10),0 0 38px rgba(103,216,255,.28)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-second .avatar{border-color:#c9e7ff!important;box-shadow:0 0 30px rgba(143,255,232,.18)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-third .avatar{border-color:#ff9c52!important;box-shadow:0 0 30px rgba(255,112,43,.20)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card .avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card .role{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-weight:900!important;color:#63dfff!important;margin-bottom:4px!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-first .role{color:#75e5ff!important;text-shadow:0 0 14px rgba(117,229,255,.55)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-second .role{color:#8fffe8!important;text-shadow:0 0 12px rgba(143,255,232,.42)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-third .role{color:#ffb15d!important;text-shadow:0 0 12px rgba(255,129,56,.42)!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card h3{font-size:clamp(20px,1.55vw,26px)!important;line-height:1.08!important;margin:0 0 8px!important;color:#fff!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card p{font-size:13px!important;color:rgba(255,244,220,.78)!important;margin:0 0 12px!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card .score{
  font-size:27px!important;
  font-weight:950!important;
  color:#ffe07b!important;
  background:rgba(0,0,0,.34)!important;
  padding:9px 16px!important;
  border-radius:4px!important;
  min-width:132px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 26px rgba(0,0,0,.30)!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-first .score{color:#fff0a7!important;background:linear-gradient(180deg,rgba(38,28,7,.80),rgba(10,9,6,.70))!important;}
html body #ranking-preview .ranking-home-v64-podium .rank-card small{color:rgba(255,255,255,.62)!important;margin-top:10px!important;}
/* elementais idênticos na home */
html body #ranking-preview .ranking-home-v64-podium .rank-first{
  background:radial-gradient(circle at 50% 22%,rgba(112,220,255,.28),transparent 22%),linear-gradient(180deg,rgba(98,24,28,.70),rgba(13,17,31,.94))!important;
  border-color:rgba(255,215,82,.86)!important;
  box-shadow:0 22px 78px rgba(255,203,70,.24),0 0 80px rgba(88,200,255,.10),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-first:after{
  content:""!important;position:absolute!important;inset:-14%!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(118deg,transparent 0 45%,rgba(115,220,255,.75) 46%,rgba(255,255,255,.8) 47%,transparent 49% 100%),linear-gradient(66deg,transparent 0 62%,rgba(255,221,92,.54) 63%,transparent 66% 100%),radial-gradient(circle at 54% 19%,rgba(116,225,255,.35),transparent 17%)!important;
  opacity:.42!important;filter:blur(.2px)!important;animation:thunderPulseV43 2.8s ease-in-out infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-second{
  background:radial-gradient(circle at 50% 28%,rgba(143,255,232,.18),transparent 24%),linear-gradient(180deg,rgba(24,41,55,.74),rgba(6,12,20,.94))!important;
  border-color:rgba(179,226,255,.54)!important;
  box-shadow:0 22px 60px rgba(103,205,255,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-second:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:linear-gradient(110deg,transparent 0 25%,rgba(143,255,232,.18) 28%,transparent 36% 100%),linear-gradient(100deg,transparent 0 54%,rgba(205,239,255,.22) 57%,transparent 66% 100%),radial-gradient(ellipse at 20% 70%,rgba(143,255,232,.16),transparent 32%)!important;
  transform:translateX(-22%)!important;animation:windFlowV43 5.6s linear infinite!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-third{
  background:radial-gradient(circle at 55% 25%,rgba(255,118,50,.25),transparent 24%),linear-gradient(180deg,rgba(99,43,17,.76),rgba(17,8,5,.95))!important;
  border-color:rgba(255,145,72,.55)!important;
  box-shadow:0 22px 62px rgba(255,99,35,.14),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html body #ranking-preview .ranking-home-v64-podium .rank-third:after{
  content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;
  background:radial-gradient(circle at 30% 88%,rgba(255,178,53,.42),transparent 8%),radial-gradient(circle at 62% 86%,rgba(255,94,31,.36),transparent 10%),linear-gradient(0deg,rgba(255,94,31,.28),transparent 38%)!important;
  opacity:.55!important;animation:fireRiseV43 3.4s ease-in-out infinite!important;
}

@media(max-width:1300px){
  html body .v53-home-hub .content-area,
  html body #ranking-preview .ranking-cta-v21-card,
  html body #home-features > .section__title,
  html body #home-resources > .section__title,
  html body #home-community > .section__title,
  html body #home-media > .section__title,
  html body #home-features > .content-area,
  html body #home-resources > .content-area,
  html body #home-community > .content-area,
  html body #home-media > .content-area{
    width:min(1120px,calc(100% - 250px))!important;
  }
  html body #ranking-preview .ranking-cta-v21-card{grid-template-columns:1fr!important;justify-items:center!important;}
}
@media(max-width:980px){
  html body .v53-section-nav{display:none!important;}
  html body .v53-home-hub .content-area,
  html body #ranking-preview .ranking-cta-v21-card,
  html body #home-features > .section__title,
  html body #home-resources > .section__title,
  html body #home-community > .section__title,
  html body #home-media > .section__title,
  html body #home-features > .content-area,
  html body #home-resources > .content-area,
  html body #home-community > .content-area,
  html body #home-media > .content-area{width:calc(100% - 28px)!important;}
  html body .v53-section-head{grid-template-columns:1fr!important;}
  html body .v53-head-actions{justify-content:flex-start!important;min-width:0!important;}
  html body .v59-news-grid,
  html body .v59-events-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;}
  html body .v59-card--hero,
  html body .v59-event-card--main,
  html body .v59-event-card--guild{grid-row:auto!important;grid-column:auto!important;min-height:160px!important;}
  html body #ranking-preview .ranking-home-v64-podium{grid-template-columns:1fr!important;max-width:420px!important;}
  html body #ranking-preview .ranking-home-v64-podium .rank-first,
  html body #ranking-preview .ranking-home-v64-podium .rank-second,
  html body #ranking-preview .ranking-home-v64-podium .rank-third{order:initial!important;min-height:280px!important;}
}