/* NAV
   Menu principal centralizado e o botao Download com energia arcana. */

/* Menu principal: download central entre os quatro destinos. */ .site-header .nav-wrap {
  justify-content:center;
  height:94px
}
.site-header #main-nav {
  display:grid;
  grid-template-columns:1fr 1fr auto 1fr 1fr;
  gap:38px;
  width:min(850px,100%);
  text-align:center
}
.site-header #main-nav>a,.site-header .nav-link {
  font-size:12px;
  font-weight:500;
  color:#b2aaac;
  letter-spacing:.04em;
  padding:20px 0
}
.site-header #main-nav>a:hover,.site-header #main-nav>a.active,.site-header .nav-link:hover {
  color:var(--gold-light)
}
.site-header #main-nav>a::after {
  bottom:8px
}
.site-header .nav-download {
  min-width:185px;
  min-height:49px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  gap:22px;
  border-color:#c5a77360
}
.site-header .nav-download span {
  color:var(--gold-light)
}
@media(max-width:800px) {
  .site-header #main-nav {
    gap:16px
  }
  .site-header .nav-download {
    min-width:155px;
    padding-inline:16px
  }
  .site-header .nav-wrap {
    height:84px
  }
}
@media(max-width:600px) {
  .site-header .nav-wrap {
    height:64px;
    justify-content:flex-end
  }
  .site-header #main-nav {
    display:none;
    width:100%;
    gap:0;
    text-align:center;
    padding:12px 26px 22px
  }
  .site-header #main-nav.open {
    display:flex
  }
  .site-header #main-nav>a,.site-header .nav-link {
    padding:14px 0
  }
  .site-header .nav-download {
    align-self:center;
    min-width:220px;
    margin:9px 0
  }
  .footer-bottom .effects-control {
    font-size:7px
  }
}
/* Energia arcana: duas correntes orbitam a borda do botão. */ .site-header .nav-download {
  isolation:isolate;
  overflow:visible;
  padding:0;
  border:0;
  background:#240c10;
  box-shadow:0 0 22px #ff354b30;
  transition:transform .3s,box-shadow .3s
}
.site-header .nav-download:hover {
  transform:translateY(-2px);
  box-shadow:0 0 34px #ff455b65
}
.site-header .download-label {
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:49px;
  width:100%;
  padding:14px 23px;
  color:#ffe8e8;
  text-shadow:0 0 12px #ff7c8b80
}
.download-label svg {
  width:17px;
  height:17px;
  stroke-width:1.7;
  color:#ffb9c0
}
.site-header .download-label>span {
  color:#ffb9c0;
  font-size:17px;
  line-height:1
}
.energy-aura {
  position:absolute;
  inset:-15px -20px;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(ellipse,#ff304944,transparent 70%);
  filter:blur(8px);
  animation:energy-pulse 3.5s ease-in-out infinite alternate
}
.energy-frame {
  position:absolute;
  inset:-1px;
  overflow:hidden;
  pointer-events:none;
  border-radius:2px;
  box-shadow:0 0 7px #ff8b9950,inset 0 0 6px #ff778b50
}
.energy-frame::before {
  content:"";
  position:absolute;
  width:250%;
  aspect-ratio:1;
  left:-75%;
  top:50%;
  background:conic-gradient(from 0deg,transparent 0deg,#a91e36 45deg,#ff455f 75deg,#fff0e9 90deg,transparent 98deg,transparent 180deg,#a91e36 225deg,#ff455f 255deg,#fff0e9 270deg,transparent 278deg);
  animation:energy-orbit 4s linear infinite
}
.energy-frame::after {
  content:"";
  position:absolute;
  inset:2px;
  background:radial-gradient(ellipse at 50% 120%,#ab20365c,transparent 75%),linear-gradient(110deg,#351017,#210b10 50%,#41121c);
  border:1px solid #ff8d9826;
  box-shadow:inset 0 0 16px #df284615
}
.energy-sigil {
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  line-height:1;
  font-size:48px!important;
  color:#ff98a6!important;
  opacity:.14;
  pointer-events:none;
  transform:translate(-50%,-50%);
  text-shadow:0 0 12px #ff5d75;
  animation:energy-sigil 12s linear infinite
}
.energy-motes {
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:4
}
.energy-motes i {
  position:absolute;
  width:3px;
  height:3px;
  background:#ffe3df;
  box-shadow:0 0 5px #ffb1b4,0 0 11px #ff304e;
  transform:rotate(45deg);
  animation:energy-mote 3.2s ease-in-out infinite
}
.energy-motes i:nth-child(1) {
  left:15%;
  top:-2px;
  animation-delay:-.3s
}
.energy-motes i:nth-child(2) {
  right:-2px;
  top:60%;
  animation-delay:-1.7s
}
.energy-motes i:nth-child(3) {
  right:20%;
  bottom:-2px;
  animation-delay:-.9s
}
.energy-motes i:nth-child(4) {
  left:-2px;
  top:35%;
  animation-delay:-2.4s
}
@keyframes energy-orbit {
  from {
    transform:translateY(-50%) rotate(0deg)
  }
  to {
    transform:translateY(-50%) rotate(360deg)
  }
}
@keyframes energy-pulse {
  from {
    opacity:.45;
    transform:scale(.94)
  }
  to {
    opacity:1;
    transform:scale(1.08)
  }
}
@keyframes energy-sigil {
  to {
    transform:translate(-50%,-50%) rotate(360deg)
  }
}
@keyframes energy-mote {
  0%,100% {
    opacity:.15;
    transform:rotate(45deg) scale(.5)
  }
  50% {
    opacity:1;
    transform:rotate(135deg) scale(1.2)
  }
}
body.effects-off .energy-motes {
  display:none
}
@media(prefers-reduced-motion:reduce) {
  .energy-motes {
    display:none
  }
}
@media(max-width:600px) {
  .site-header .nav-download {
    margin:15px 0
  }
  .site-header .download-label {
    padding-inline:24px
  }
}