.countdown-container{display:flex;gap:15px;text-align:center;justify-content:center}.circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;background:#28282e;border-radius:50%;box-shadow:0 0 15px rgba(255,69,0,.7),0 0 25px rgba(255,69,0,.5);position:relative}.circle::after{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;box-shadow:0 0 20px rgba(255,120,0,.5)}.days,.hours,.minutes,.seconds{font-size:24px;font-weight:bold;color:#ff7d00}.days-label,.hours-label,.minutes-label,.seconds-label{font-size:12px;color:#ffb377}.fire-glow{color:#ff7d00;text-shadow:0 0 10px rgba(255,69,0,.7),0 0 20px rgba(255,120,0,.7),0 0 30px rgba(255,69,0,.5)}.launch-message,.just-opened{padding:5px;background:rgba(20,17,24,.6);border-radius:10px;text-align:center;margin-top:20px;font-size:22px;text-transform:uppercase}.just-opened{display:none}

/* v2: composition and page-level overrides */
.layout-clean .page-wrapper--clean{min-width:0;}
.layout-clean .page-wrapper--clean .right-content{display:block;float:none;width:100%;max-width:1185px;margin:0 auto;}
.info-heading{color:rgba(255,140,0,.9);}
.commonModal p,.commonModal ul,.commonModal li{font-size:16px;}
.modal-intro{text-align:center;color:#ffcc00;}
.modal-columns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.modal-column{margin:5px;width:465px;min-height:590px;}
.modal-column-title{padding-top:15px;}
.modal-list-wrap{width:75%;margin:0 auto;}
.modal-value{float:right;display:block;color:#ffcc00;}
.item-name{color:#fff;}
.item-percentage{color:#ffcc00;}
.server-summary{display:flex;flex-direction:column;align-items:center;}
.server-summary .serverContent{margin:5px;width:465px;}

/* Each page can receive its own body class from config/pages.php. */
.page-home{}
.page-infos{}
.page-rules{}
.page-downloads{}
.modular-page-block{margin-top:35px;}
.modular-data-panel{position:relative;padding-bottom:20px;}
.modular-data-panel-inner{width:95%;}
.modular-column-auto{min-height:0;height:auto;padding-bottom:20px;}
/* Campaign / countdown system v2.3 */
.ds-campaign{width:100%;max-width:760px;margin:-5px auto 48px;position:relative;z-index:20;text-align:center}
.ds-campaign .campaign-title{margin:0 0 10px;font-size:20px;line-height:1.25;text-transform:uppercase}
.ds-campaign .campaign-subtitle{margin:0 0 18px;font-size:15px;color:#ffc16d;text-shadow:0 1px 2px #000}
.ds-campaign .campaign-countdown{display:flex;width:100%;max-width:600px;margin:0 auto;justify-content:center;gap:16px}
.ds-campaign .campaign-time-unit{box-sizing:border-box;display:flex;flex:0 0 112px;height:112px;flex-direction:column;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(10,8,8,.58);box-shadow:0 0 15px rgba(255,69,0,.5),inset 0 0 20px rgba(0,0,0,.45)}
.ds-campaign .campaign-time-unit strong{display:block;margin:0;color:#ff8a00;font-size:30px;line-height:34px;font-weight:700;text-shadow:0 0 12px rgba(255,90,0,.65)}
.ds-campaign .campaign-time-unit span{display:block;margin-top:4px;color:#ffd09a;font-size:11px;line-height:14px;font-weight:700;letter-spacing:.8px}
.ds-campaign .campaign-after{display:none;margin:12px auto 0;padding:6px 14px;width:max-content;max-width:90%;background:rgba(20,17,24,.62);border-radius:8px;font-size:20px;text-transform:uppercase}
@media(max-width:800px){.ds-campaign .campaign-countdown{gap:8px}.ds-campaign .campaign-time-unit{flex-basis:86px;height:86px}.ds-campaign .campaign-time-unit strong{font-size:23px;line-height:26px}}

/* Campaign system v2.4: legibilidade, posição e intensidade dos efeitos */
.ds-campaign .campaign-title{
  display:inline-block;
  max-width:92%;
  padding:4px 12px;
  border-radius:7px;
  background:rgba(15,10,8,.36);
  text-shadow:0 2px 4px #000,0 0 12px rgba(255,90,0,.72);
}
.ds-campaign .campaign-subtitle{
  margin-top:7px;
  text-shadow:0 2px 4px #000,0 0 8px rgba(0,0,0,.8);
}
.ds-campaign .campaign-after{
  margin-top:10px;
  border:1px solid rgba(255,128,0,.35);
  box-shadow:0 2px 10px rgba(0,0,0,.45),0 0 16px rgba(255,90,0,.2);
  text-shadow:0 2px 4px #000,0 0 12px rgba(255,90,0,.72);
}

.campaign-sparks{
  pointer-events:none;
  overflow:visible;
  filter:saturate(1.08);
}
.campaign-sparks > div{
  will-change:bottom,opacity,transform;
}

/* Camadas extras deslocam as mesmas partículas para cobrir mais da tela. */
.campaign-sparks .spark-layer-2{
  margin-right:360px;
  margin-bottom:-35px;
  animation-duration:3.35s;
  -webkit-animation-duration:3.35s;
  filter:brightness(1.12) saturate(1.15);
}
.campaign-sparks .spark-layer-3{
  margin-right:-330px;
  margin-bottom:25px;
  animation-duration:2.85s;
  -webkit-animation-duration:2.85s;
  filter:brightness(1.28) saturate(1.25);
}
.campaign-sparks .spark-layer-4{
  margin-right:690px;
  margin-bottom:60px;
  animation-duration:2.45s;
  -webkit-animation-duration:2.45s;
  filter:brightness(1.38) saturate(1.35);
}
.campaign-sparks .spark-layer-5{
  margin-right:-690px;
  margin-bottom:35px;
  animation-duration:2.65s;
  -webkit-animation-duration:2.65s;
  filter:brightness(1.34) saturate(1.32);
}
.campaign-sparks .spark-layer-6{
  margin-right:165px;
  margin-bottom:95px;
  animation-duration:2.2s;
  -webkit-animation-duration:2.2s;
  filter:brightness(1.48) saturate(1.42);
}

.campaign-sparks--low{opacity:.7}
.campaign-sparks--medium{width:1450px;left:-31%}
.campaign-sparks--high{width:1700px;left:-42%;bottom:-420px}
.campaign-sparks--epic{width:1950px;left:-53%;bottom:-435px}
.campaign-sparks--high::before,
.campaign-sparks--epic::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-70px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,90,0,.24) 0%,rgba(255,45,0,.1) 42%,rgba(0,0,0,0) 72%);
  filter:blur(24px);
  pointer-events:none;
}
.campaign-sparks--epic::before{opacity:1.45;height:380px}

@media(max-width:800px){
  .ds-campaign{margin:5px auto 36px;padding:0 12px;box-sizing:border-box}
  .campaign-sparks--medium,.campaign-sparks--high,.campaign-sparks--epic{width:1200px;left:-55%}
}

/* Campaign visual effects v2.5: energia dracônica integrada ao hero */
.mainBlock{position:relative;overflow:visible}
.mainBlock>.logo,.mainBlock>.ds-campaign,.mainBlock>.buttons{position:relative;z-index:14}
.campaign-effects-stage{
  position:absolute;
  top:48px;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  max-width:1900px;
  height:720px;
  z-index:11;
  pointer-events:none;
  overflow:visible;
  contain:layout style;
}

/* O glow fica no ponto de encontro do fogo dos dois dragões. */
.campaign-dragon-glow{
  position:absolute;
  left:var(--glow-x,50%);
  top:var(--glow-y,24%);
  width:310px;
  height:210px;
  transform:translate(-50%,-50%);
  z-index:1;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,rgba(255,245,185,.72) 0%,rgba(255,186,62,.42) 18%,rgba(255,85,0,.20) 44%,rgba(255,45,0,0) 72%);
  filter:blur(14px);
  mix-blend-mode:screen;
  opacity:.52;
  animation:dragon-energy-pulse 3.4s ease-in-out infinite;
}
.campaign-dragon-glow::after{
  content:"";
  position:absolute;
  inset:30% 26%;
  border-radius:50%;
  background:rgba(255,234,166,.55);
  filter:blur(20px);
}
.campaign-dragon-glow--low{opacity:.34;transform:translate(-50%,-50%) scale(.82)}
.campaign-dragon-glow--high{opacity:.68;transform:translate(-50%,-50%) scale(1.14)}
.campaign-dragon-glow--epic{opacity:.82;transform:translate(-50%,-50%) scale(1.3)}
@keyframes dragon-energy-pulse{
  0%,100%{filter:blur(15px) brightness(.9);}
  50%{filter:blur(11px) brightness(1.28);}
}

/* Brasas pequenas distribuídas pelo hero, atrás do texto da campanha. */
.campaign-embers{
  position:absolute;
  inset:0;
  z-index:4;
  overflow:hidden;
  opacity:.78;
}
.campaign-embers span{
  position:absolute;
  left:var(--ember-x);
  bottom:-18px;
  width:var(--ember-size);
  height:var(--ember-size);
  border-radius:50%;
  background:#ffb13b;
  box-shadow:0 0 6px #ff6a00,0 0 14px rgba(255,58,0,.72);
  opacity:0;
  animation:dragon-ember-rise var(--ember-duration) linear var(--ember-delay) infinite;
  will-change:transform,opacity;
}
.campaign-embers span:nth-child(3n){background:#ffd77b;box-shadow:0 0 7px #ff9d00,0 0 16px rgba(255,98,0,.78)}
.campaign-embers span:nth-child(5n){filter:blur(.45px)}
.campaign-embers--low{opacity:.46}
.campaign-embers--high{opacity:.94}
.campaign-embers--epic{opacity:1;filter:saturate(1.18)}
@keyframes dragon-ember-rise{
  0%{transform:translate3d(0,0,0) scale(.55);opacity:0}
  9%{opacity:.9}
  62%{opacity:.72}
  100%{transform:translate3d(var(--ember-drift),-560px,0) scale(.12);opacity:0}
}

/* Reposiciona as faíscas legadas dentro de um viewport próprio do hero. */
.campaign-sparks{
  left:50%!important;
  transform:translateX(-50%);
  z-index:3!important;
  bottom:-210px!important;
  overflow:visible;
}
.campaign-sparks--low{width:900px!important;opacity:.66;bottom:-155px!important}
.campaign-sparks--medium{width:1100px!important;left:50%!important;bottom:-115px!important}
.campaign-sparks--high{width:1280px!important;left:50%!important;bottom:-70px!important}
.campaign-sparks--epic{width:1560px!important;left:50%!important;bottom:-18px!important;filter:brightness(1.12) saturate(1.12)}



/* v2.5.1: restringe as faíscas ao hero e aplica máscara/fade antes dos painéis */
.campaign-sparks-viewport{
  position:absolute;
  left:50%;
  bottom:150px;
  width:min(1200px,88vw);
  height:300px;
  transform:translateX(-50%);
  overflow:hidden;
  z-index:3;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,.78) 12%, #000 26%, #000 82%, rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,.78) 12%, #000 26%, #000 82%, rgba(0,0,0,0) 100%);
}
.campaign-sparks-viewport::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:120px;
  background:linear-gradient(to top, rgba(33,17,14,.46), rgba(33,17,14,0));
  pointer-events:none;
}
.campaign-sparks-viewport--low{width:min(900px,82vw);height:220px;bottom:170px}
.campaign-sparks-viewport--medium{width:min(1080px,86vw);height:265px;bottom:160px}
.campaign-sparks-viewport--high{width:min(1280px,90vw);height:330px;bottom:140px}
.campaign-sparks-viewport--epic{
  width:min(1500px,94vw);
  height:390px;
  bottom:128px;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 8%,#000 18%,#000 90%,rgba(0,0,0,.28) 97%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,.9) 8%,#000 18%,#000 90%,rgba(0,0,0,.28) 97%,rgba(0,0,0,0) 100%);
}
.campaign-sparks-viewport--epic::after{height:82px;background:linear-gradient(to top,rgba(33,17,14,.28),rgba(33,17,14,0))}

/* v2.5.2: o nível EPIC realmente aumenta densidade e dispersão sem invadir os painéis. */
.campaign-sparks--epic .spark-layer-1{margin-right:0;margin-bottom:20px}
.campaign-sparks--epic .spark-layer-2{margin-right:390px;margin-bottom:5px}
.campaign-sparks--epic .spark-layer-3{margin-right:-390px;margin-bottom:40px}
.campaign-sparks--epic .spark-layer-4{margin-right:760px;margin-bottom:25px}
.campaign-sparks--epic .spark-layer-5{margin-right:-760px;margin-bottom:65px}
.campaign-sparks--epic .spark-layer-6{margin-right:115px;margin-bottom:120px}
.campaign-sparks--epic > div{opacity:.98}

/* Burst curto ao terminar uma contagem. Não fica rodando continuamente. */
.campaign-energy-burst{
  position:absolute;
  inset:0;
  z-index:6;
  overflow:visible;
  opacity:0;
}
.campaign-energy-burst__core,
.campaign-energy-burst__ring,
.campaign-energy-burst i{
  position:absolute;
  left:var(--burst-x,50%);
  top:var(--burst-y,24%);
  pointer-events:none;
}
.campaign-energy-burst__core{
  width:52px;
  height:52px;
  margin:-26px 0 0 -26px;
  border-radius:50%;
  background:radial-gradient(circle,#fff 0%,#ffe9a1 22%,#ff9d00 48%,rgba(255,56,0,0) 75%);
  filter:blur(2px);
  transform:scale(.1);
}
.campaign-energy-burst__ring{
  width:40px;
  height:40px;
  margin:-20px 0 0 -20px;
  border:3px solid rgba(255,209,100,.9);
  border-radius:50%;
  box-shadow:0 0 18px rgba(255,100,0,.8),inset 0 0 14px rgba(255,214,121,.7);
  transform:scale(.1);
}
.campaign-energy-burst i{
  display:block;
  width:54px;
  height:3px;
  margin:-1px 0 0 0;
  border-radius:50%;
  transform-origin:0 50%;
  transform:rotate(var(--burst-angle)) translateX(0) scaleX(.25);
  background:linear-gradient(90deg,rgba(255,255,226,1),rgba(255,178,42,.9),rgba(255,67,0,0));
  box-shadow:0 0 8px rgba(255,130,0,.85);
  opacity:0;
}
.campaign-energy-burst.is-active{opacity:1}
.campaign-energy-burst.is-active .campaign-energy-burst__core{animation:dragon-burst-core .72s ease-out both}
.campaign-energy-burst.is-active .campaign-energy-burst__ring{animation:dragon-burst-ring 1.05s ease-out both}
.campaign-energy-burst.is-active i{animation:dragon-burst-particle 1.15s cubic-bezier(.1,.65,.15,1) var(--burst-delay) both}
.campaign-energy-burst--low{transform:scale(.72)}
.campaign-energy-burst--high{filter:brightness(1.13)}
.campaign-energy-burst--epic{filter:brightness(1.28) saturate(1.2)}
@keyframes dragon-burst-core{
  0%{transform:scale(.1);opacity:0}
  18%{transform:scale(2.2);opacity:1}
  100%{transform:scale(4.4);opacity:0}
}
@keyframes dragon-burst-ring{
  0%{transform:scale(.15);opacity:0}
  18%{opacity:1}
  100%{transform:scale(11);opacity:0}
}
@keyframes dragon-burst-particle{
  0%{transform:rotate(var(--burst-angle)) translateX(0) scaleX(.2);opacity:0}
  14%{opacity:1}
  100%{transform:rotate(var(--burst-angle)) translateX(230px) scaleX(1.4);opacity:0}
}

/* Fireworks opcionais. O canvas agora ocupa o hero inteiro, não somente o antigo box do logo. */
.campaign-fireworks-stage{
  position:absolute;
  inset:0;
  z-index:7;
  width:100%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
  mix-blend-mode:screen;
}
.campaign-fireworks-stage canvas{display:block;width:100%!important;height:100%!important;pointer-events:none}

@media(max-width:800px){
  .campaign-effects-stage{top:58px;height:650px;max-width:1200px}
  .campaign-dragon-glow{width:220px;height:160px}
  .campaign-sparks-viewport{width:min(96vw,980px);height:220px;bottom:120px}
  .campaign-sparks-viewport--low{height:190px;bottom:130px}
  .campaign-sparks-viewport--medium{height:215px;bottom:124px}
  .campaign-sparks-viewport--high{height:250px;bottom:116px}
  .campaign-sparks-viewport--epic{height:285px;bottom:108px;width:min(98vw,1080px)}
  .campaign-sparks--medium{width:980px!important;left:50%!important}
  .campaign-sparks--high{width:1080px!important;left:50%!important;bottom:-65px!important}
  .campaign-sparks--epic{width:1220px!important;left:50%!important;bottom:-22px!important}
  .campaign-sparks--epic .spark-layer-4{margin-right:560px}
  .campaign-sparks--epic .spark-layer-5{margin-right:-560px}
  @keyframes dragon-ember-rise{100%{transform:translate3d(var(--ember-drift),-460px,0) scale(.12);opacity:0}}
}

@media(prefers-reduced-motion:reduce){
  .campaign-dragon-glow,.campaign-embers span,.campaign-sparks>div{animation:none!important}
  .campaign-energy-burst,.campaign-fireworks-stage{display:none!important}
}