/* [project]/app/display_88814c9e.module.css [app-client] (css) */
@font-face {
  font-family: display;
  src: url("../media/Baloo2_latin-s.p.1amr5hxd7xsh5.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 800;
  font-style: normal;
}

@font-face {
  font-family: display Fallback;
  src: local(Arial);
  ascent-override: 111.2%;
  descent-override: 54.05%;
  line-gap-override: 0.0%;
  size-adjust: 96.95%;
}

.display_88814c9e-module__AmLvBW__className {
  font-family: display, display Fallback, Trebuchet MS, Verdana, sans-serif;
  font-style: normal;
}

.display_88814c9e-module__AmLvBW__variable {
  --f-display: "display", "display Fallback", Trebuchet MS, Verdana, sans-serif;
}

/* [project]/app/body_e5fa15a7.module.css [app-client] (css) */
@font-face {
  font-family: body;
  src: url("../media/Nunito_latin-s.p.1wzrasd95pxo_.woff2") format("woff2");
  font-display: swap;
  font-weight: 400 900;
  font-style: normal;
}

@font-face {
  font-family: body Fallback;
  src: local(Arial);
  ascent-override: 103.02%;
  descent-override: 35.97%;
  line-gap-override: 0.0%;
  size-adjust: 98.13%;
}

.body_e5fa15a7-module___XySeG__className {
  font-family: body, body Fallback, Segoe UI, system-ui, sans-serif;
  font-style: normal;
}

.body_e5fa15a7-module___XySeG__variable {
  --f-body: "body", "body Fallback", Segoe UI, system-ui, sans-serif;
}

/* [project]/components/sistema/Brindes.module.css [app-client] (css) */
.Brindes-module__TYVkMq__pilha {
  z-index: 9200;
  pointer-events: none;
  gap: 10px;
  width: min(330px, 100vw - 36px);
  display: grid;
  position: fixed;
  top: 90px;
  right: 18px;
}

.Brindes-module__TYVkMq__brinde {
  border: 2px solid var(--tinta, #1b0d31);
  border-radius: var(--r-m, 16px);
  color: var(--creme-alto, #fffaf0);
  pointer-events: auto;
  background: linear-gradient(160deg, #301e5cf7, #160c2ef7);
  grid-template-columns: 42px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 11px;
  padding: 12px 12px 14px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 2px #ffffff29, 0 5px #100626e6, 0 14px 30px #0603128c;
}

.Brindes-module__TYVkMq__brinde:before {
  content: "";
  background: var(--tom, #9a5cff);
  width: 5px;
  position: absolute;
  inset: 0 auto 0 0;
}

.Brindes-module__TYVkMq__xp {
  --tom: #6fdcff;
}

.Brindes-module__TYVkMq__coins {
  --tom: #e8c060;
}

.Brindes-module__TYVkMq__crystals {
  --tom: #c79bff;
}

.Brindes-module__TYVkMq__nivel {
  --tom: #7dffb0;
}

.Brindes-module__TYVkMq__conquista, .Brindes-module__TYVkMq__maestria {
  --tom: #ffb648;
}

.Brindes-module__TYVkMq__ofensiva {
  --tom: #ff9a3c;
}

.Brindes-module__TYVkMq__erro {
  --tom: #ff6b8b;
}

.Brindes-module__TYVkMq__simbolo {
  border: 2px solid var(--tinta, #1b0d31);
  color: #14082c;
  background: linear-gradient(180deg, var(--tom), color-mix(in srgb, var(--tom) 55%, #000));
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  box-shadow: inset 0 2px #fff6;
}

.Brindes-module__TYVkMq__corpo {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.Brindes-module__TYVkMq__corpo strong {
  font-family: var(--chibi-display);
  color: var(--tom);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
}

.Brindes-module__TYVkMq__corpo small {
  color: #e9e2fac7;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.3;
  overflow: hidden;
}

.Brindes-module__TYVkMq__fechar {
  color: #e9e2fa8c;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  align-self: start;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 17px;
  line-height: 1;
  display: grid;
}

.Brindes-module__TYVkMq__fechar:hover {
  color: var(--creme-alto, #fffaf0);
  background: #ffffff1a;
}

.Brindes-module__TYVkMq__tempo {
  transform-origin: 0;
  background: var(--tom);
  opacity: .75;
  width: 100%;
  height: 3px;
  animation: 4.2s linear forwards Brindes-module__TYVkMq__escoa;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes Brindes-module__TYVkMq__escoa {
  to {
    transform: scaleX(0);
  }
}

@media (max-width: 760px) {
  .Brindes-module__TYVkMq__pilha {
    width: auto;
    inset: auto 12px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Brindes-module__TYVkMq__tempo {
    animation: none;
  }
}

/* [project]/components/sistema/PalcoDeEfeitos.module.css [app-client] (css) */
.PalcoDeEfeitos-module__wUYkzG__camada {
  z-index: 9000;
  pointer-events: none;
  contain: strict;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.PalcoDeEfeitos-module__wUYkzG__onda {
  --cor: #c79bff8c;
  border: 2px solid var(--cor);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
  animation: .46s cubic-bezier(.22, .8, .3, 1) forwards PalcoDeEfeitos-module__wUYkzG__ondaExpande;
  position: absolute;
}

@keyframes PalcoDeEfeitos-module__wUYkzG__ondaExpande {
  from {
    opacity: .9;
    transform: scale(.5);
  }

  to {
    opacity: 0;
    transform: scale(6.5);
  }
}

.PalcoDeEfeitos-module__wUYkzG__faisca {
  --cor: var(--ouro-alto, #f7dd97);
  --dx: 0px;
  --dy: 0px;
  --giro: 180deg;
  --atraso: 0s;
  background: var(--cor);
  width: 9px;
  height: 9px;
  box-shadow: 0 0 10px var(--cor);
  animation: PalcoDeEfeitos-module__wUYkzG__faiscaVoa .76s cubic-bezier(.16, .9, .35, 1) var(--atraso) forwards;
  border-radius: 2px;
  margin: -4.5px 0 0 -4.5px;
  position: absolute;
}

@keyframes PalcoDeEfeitos-module__wUYkzG__faiscaVoa {
  0% {
    opacity: 0;
    transform: translate(0)rotate(0)scale(.4);
  }

  18% {
    opacity: 1;
    transform: translate(calc(var(--dx) * .28), calc(var(--dy) * .42)) rotate(calc(var(--giro) * .3)) scale(1.15);
  }

  100% {
    opacity: 0;
    transform: translate(var(--dx), calc(var(--dy) + 78px)) rotate(var(--giro)) scale(.5);
  }
}

.PalcoDeEfeitos-module__wUYkzG__controle {
  z-index: 9100;
  align-items: center;
  gap: 8px;
  display: flex;
  position: fixed;
  bottom: 14px;
  left: 14px;
}

.PalcoDeEfeitos-module__wUYkzG__botaoSom {
  border: 2px solid var(--tinta, #1b0d31);
  width: 40px;
  height: 40px;
  color: var(--creme, #f7e9cd);
  cursor: pointer;
  background: linear-gradient(#402a70f0, #1e113af0);
  border-radius: 50%;
  flex: none;
  place-items: center;
  transition: transform .13s cubic-bezier(.34, 1.56, .64, 1), box-shadow .13s, filter .13s;
  display: grid;
  box-shadow: inset 0 2px #fff3, 0 3px #12072ae6, 0 6px 14px #06031280;
}

.PalcoDeEfeitos-module__wUYkzG__botaoSom:hover {
  filter: brightness(1.18);
  transform: translateY(-1px);
}

.PalcoDeEfeitos-module__wUYkzG__botaoSom:active {
  transform: translateY(3px);
  box-shadow: inset 0 2px #ffffff24, 0 0 #12072ae6;
}

.PalcoDeEfeitos-module__wUYkzG__botaoSom[aria-pressed="false"] {
  color: #e2dcf56b;
  background: linear-gradient(#261e3ce6, #140e26e6);
}

.PalcoDeEfeitos-module__wUYkzG__volume {
  opacity: 0;
  width: 0;
  transition: width .2s, opacity .2s;
  overflow: hidden;
}

.PalcoDeEfeitos-module__wUYkzG__controleAberto .PalcoDeEfeitos-module__wUYkzG__volume {
  opacity: 1;
  width: 108px;
}

.PalcoDeEfeitos-module__wUYkzG__volume input {
  cursor: pointer;
  width: 104px;
  height: 22px;
  accent-color: var(--roxo, #9a5cff);
}

body[data-audio-proprio] .PalcoDeEfeitos-module__wUYkzG__controle {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .PalcoDeEfeitos-module__wUYkzG__botaoSom, .PalcoDeEfeitos-module__wUYkzG__volume {
    transition: none;
  }
}

@media (max-width: 760px) {
  .PalcoDeEfeitos-module__wUYkzG__controle {
    bottom: 68px;
    left: 10px;
  }
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --void: #02030a;
  --surface: #070819c7;
  --surface-strong: #050614f0;
  --white: #f8f7ff;
  --muted: #aaa9ba;
  --purple: #b34fff;
  --violet: #7654ff;
  --blue: #4175ff;
  --cyan: #00dcff;
}

* {
  box-sizing: border-box;
}

html, body {
  background: var(--void);
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body {
  color: var(--white);
  font-family: var(--chibi-body);
}

button {
  font: inherit;
}

.arena-experience {
  background: var(--void);
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.intro-scene {
  background: #010208;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.nexo-world {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.nexo-world canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.intro-scene__atmosphere {
  z-index: 2;
  pointer-events: none;
  opacity: .38;
  filter: blur(80px);
  background: radial-gradient(at 36% 45%, #742ceb40, #0000 28%), radial-gradient(at 65% 62%, #00b7ff1a, #0000 31%);
  animation: 9s ease-in-out infinite alternate atmosphere-breathe;
  position: absolute;
  inset: -18%;
}

.intro-scene__vignette {
  z-index: 3;
  pointer-events: none;
  background: radial-gradient(#0000 38%, #00000047 72%, #000000f0 100%);
  position: absolute;
  inset: 0;
}

.intro-scene__header {
  z-index: 20;
  position: absolute;
  top: 29px;
  left: 38px;
}

.arena-brand {
  align-items: center;
  gap: 13px;
  display: flex;
}

.arena-brand__symbol {
  clip-path: polygon(50% 0, 94% 23%, 94% 75%, 50% 100%, 6% 75%, 6% 23%);
  background: linear-gradient(145deg, #ed61ff, #5b4cff, #00e5ff);
  width: 42px;
  height: 49px;
  padding: 2px;
}

.arena-brand__symbol span {
  width: 100%;
  height: 100%;
  clip-path: inherit;
  background: #050615;
  display: block;
  position: relative;
}

.arena-brand__symbol span:after {
  content: "";
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  filter: drop-shadow(0 0 8px #854cff);
  background: linear-gradient(#f5b6ff, #7442ff 48%, #00dfff);
  position: absolute;
  inset: 10px 12px;
}

.arena-brand__copy strong {
  letter-spacing: -1.5px;
  font-size: 29px;
  line-height: 1;
  display: block;
}

.arena-brand__copy strong span {
  color: #0000;
  background: linear-gradient(90deg, #ad4aff, #4b6cff);
  -webkit-background-clip: text;
  background-clip: text;
}

.arena-brand__copy small {
  color: #aaa7ba;
  letter-spacing: 3.4px;
  margin-top: 7px;
  font-size: 7px;
  display: block;
}

.intro-scene__layout {
  z-index: 10;
  grid-template-columns: minmax(0, 1.08fr) minmax(480px, .92fr);
  align-items: center;
  gap: 60px;
  width: min(1320px, 100% - 76px);
  height: 100%;
  margin: 0 auto;
  display: grid;
  position: relative;
}

.intro-scene__visual-space {
  min-height: 1px;
}

.intro-copy {
  -webkit-backdrop-filter: blur(16px);
  background: linear-gradient(145deg, #070818c7, #03040eeb);
  border: 1px solid #a568ff2b;
  border-radius: 22px;
  justify-self: end;
  width: 100%;
  max-width: 570px;
  padding: 36px 38px 32px;
  box-shadow: 0 28px 70px #00000075, inset 0 1px #ffffff0b;
}

.intro-copy__eyebrow {
  color: #d686ff;
  letter-spacing: .42rem;
  text-shadow: 0 0 16px #c167ffb3, 0 2px 8px #000000e6;
  margin: 0 0 17px;
  font-size: 10px;
  font-weight: 900;
}

.intro-copy h1 {
  text-transform: uppercase;
  margin: 0;
}

.intro-copy__main-line, .intro-copy__accent-line {
  display: block;
}

.intro-copy__main-line {
  color: #fff;
  letter-spacing: -3.3px;
  text-shadow: 0 5px 20px #000000eb, 0 0 25px #6032d533;
  font-size: clamp(48px, 5.1vw, 72px);
  font-weight: 900;
  line-height: .95;
}

.intro-copy__accent-line {
  color: #0000;
  letter-spacing: -2.4px;
  background: linear-gradient(90deg, #e277ff 0%, #ad63ff 32%, #7177ff 68%, #31ddff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 5px;
  font-size: clamp(40px, 4.4vw, 62px);
  font-weight: 900;
  line-height: 1;
}

.intro-copy__description {
  color: #bab9c7;
  max-width: 500px;
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 1.7;
}

.intro-copy__button {
  color: #fff;
  cursor: pointer;
  letter-spacing: 2.3px;
  background: linear-gradient(90deg, #6f1fe1fa, #3150f4fa);
  border: 1px solid #dda8ffcc;
  border-radius: 8px;
  min-width: 285px;
  margin-top: 25px;
  padding: 18px 28px;
  font-weight: 900;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 27px #7f37ff7a, 0 12px 32px #00000080, inset 0 1px #ffffff40;
}

.intro-copy__button:before {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffff4d, #0000);
  width: 36%;
  animation: 3.3s ease-in-out infinite button-shine;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  transform: skewX(-22deg);
}

.intro-copy__button span {
  color: #f5c5ff;
  margin-right: 12px;
}

.intro-copy__hint {
  color: #9998aa;
  letter-spacing: 3.5px;
  margin-top: 14px;
  font-size: 8px;
  font-weight: 700;
  display: block;
}

.portal-transition {
  z-index: 50;
  pointer-events: none;
  background: #fff;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 90px #fff, 0 0 190px #9d5dff, 0 0 340px #00cfff;
}

.hub-scene {
  color: #fff;
  background: radial-gradient(circle at 50% 35%, #5f27cc40, #0000 29%), radial-gradient(circle at 50% 80%, #00b1ff17, #0000 36%), linear-gradient(#02030b 0%, #070517 58%, #010208 100%);
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.hub-scene__stars {
  opacity: .55;
  background-image: radial-gradient(circle at 12% 18%, #fff 0 1px, #0000 1.5px), radial-gradient(circle at 72% 26%, #d9c4ff 0 1px, #0000 1.5px), radial-gradient(circle at 83% 72%, #a9edff 0 1px, #0000 1.5px), radial-gradient(circle at 24% 81%, #fff 0 1px, #0000 1.5px);
  background-size: 180px 180px, 270px 270px, 350px 350px, 440px 440px;
  animation: 36s linear infinite star-drift;
  position: absolute;
  inset: 0;
}

.hub-scene__nebula {
  opacity: .7;
  filter: blur(70px);
  background: radial-gradient(at 45% 35%, #8634ff3d, #0000 25%), radial-gradient(at 63% 62%, #00bdff1a, #0000 27%);
  animation: 10s ease-in-out infinite alternate atmosphere-breathe;
  position: absolute;
  inset: -25%;
}

.hub-scene__vignette {
  pointer-events: none;
  background: radial-gradient(#0000 38%, #0000004d 74%, #000000f0 100%);
  position: absolute;
  inset: 0;
}

.hub-scene__header {
  z-index: 10;
  justify-content: space-between;
  align-items: center;
  width: min(1320px, 100% - 72px);
  margin: 0 auto;
  padding-top: 27px;
  display: flex;
  position: relative;
}

.system-status {
  color: #9493a4;
  letter-spacing: 2.5px;
  align-items: center;
  gap: 9px;
  font-size: 9px;
  display: flex;
}

.system-status span {
  background: #43f0a4;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 12px #43f0a4;
}

.hub-scene__main {
  z-index: 8;
  grid-template-columns: minmax(340px, .9fr) minmax(440px, 1.1fr);
  align-items: center;
  gap: 70px;
  width: min(1180px, 100% - 72px);
  min-height: 0;
  margin: 0 auto;
  display: grid;
  position: relative;
}

.hub-portal {
  aspect-ratio: 1;
  justify-self: center;
  width: min(420px, 33vw);
  position: relative;
}

.hub-portal__ring {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
}

.hub-portal__ring--outer {
  border: 1px solid #9856ff3d;
  width: 100%;
  height: 100%;
  animation: 20s linear infinite ring-spin;
  box-shadow: inset 0 0 60px #682eff1a, 0 0 70px #4730ff1f;
}

.hub-portal__ring--inner {
  border: 1px dashed #00dcff33;
  width: 72%;
  height: 72%;
  animation: 13s linear infinite reverse ring-spin;
}

.hub-portal__crystal {
  filter: drop-shadow(0 0 28px #9e4effcc) drop-shadow(0 0 65px #00d3ff38);
  width: 118px;
  height: 190px;
  animation: 3.8s ease-in-out infinite crystal-float;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hub-portal__crystal:before {
  content: "";
  clip-path: polygon(50% 0, 100% 32%, 78% 78%, 50% 100%, 22% 78%, 0 32%);
  background: linear-gradient(145deg, #ef92ff, #a54dff 30%, #594cff 63%, #00dfff);
  position: absolute;
  inset: 0;
}

.hub-portal__crystal span {
  z-index: 2;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  background: #fff;
  animation: 1.8s ease-in-out infinite core-pulse;
  position: absolute;
  inset: 40px;
  box-shadow: 0 0 24px #fff, 0 0 50px #e567ff;
}

.hub-welcome {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: linear-gradient(145deg, #08091bb8, #040511e6);
  border: 1px solid #9f66ff29;
  border-radius: 22px;
  max-width: 590px;
  padding: 32px 36px;
  box-shadow: 0 25px 65px #0006, inset 0 1px #ffffff0a;
}

.hub-welcome p {
  color: #c173ff;
  letter-spacing: .4rem;
  margin: 0 0 14px;
  font-size: 9px;
  font-weight: 900;
}

.hub-welcome h2 {
  color: #fff;
  letter-spacing: -3px;
  text-transform: uppercase;
  margin: 0;
  font-size: clamp(43px, 4.8vw, 64px);
  line-height: .95;
}

.hub-welcome h2 span {
  color: #0000;
  background: linear-gradient(90deg, #d6f, #7756ff 48%, #26dcff);
  -webkit-background-clip: text;
  background-clip: text;
  display: block;
}

.hub-welcome small {
  color: #aaa9bc;
  margin-top: 16px;
  font-size: 13px;
  display: block;
}

.hub-paths {
  z-index: 10;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  width: min(1220px, 100% - 72px);
  margin: 0 auto 18px;
  display: grid;
  position: relative;
}

.hub-card {
  color: #d4d2df;
  text-align: left;
  cursor: pointer;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background: linear-gradient(145deg, #0b0a1ed6, #050714b8);
  border: 1px solid #955fff33;
  border-radius: 22px;
  min-height: 112px;
  padding: 17px;
  transition: transform .18s, border-color .18s, box-shadow .18s;
  position: relative;
  overflow: hidden;
}

.hub-card:hover {
  border-color: #ba7aff94;
  transform: translateY(-5px);
  box-shadow: 0 0 28px #7837ff40, 0 20px 42px #0000005c;
}

.hub-card--active {
  background: linear-gradient(145deg, #6420c37a, #1e33995c);
  border-color: #c685ffa3;
}

.hub-card__number {
  color: #6d6b7e;
  letter-spacing: 2px;
  font-size: 8px;
  position: absolute;
  top: 13px;
  right: 14px;
}

.hub-card__symbol {
  color: #c875ff;
  text-shadow: 0 0 14px #bd60ffb3;
  margin-bottom: 12px;
  font-size: 23px;
  display: block;
}

.hub-card strong, .hub-card small {
  display: block;
}

.hub-card strong {
  color: #fff;
  letter-spacing: 1.45px;
  font-size: 12px;
}

.hub-card small {
  color: #898899;
  margin-top: 6px;
  font-size: 10px;
}

.hub-energy {
  z-index: 11;
  color: #77768a;
  letter-spacing: 2px;
  align-items: center;
  gap: 12px;
  width: min(420px, 100% - 40px);
  margin: 0 auto 21px;
  font-size: 8px;
  display: flex;
  position: relative;
}

.hub-energy div {
  background: #ffffff14;
  border-radius: 99px;
  flex: 1;
  height: 3px;
  overflow: hidden;
}

.hub-energy i {
  border-radius: inherit;
  background: linear-gradient(90deg, #a84cff, #5867ff, #0df);
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: 0 0 11px #765cff;
}

.hub-energy strong {
  color: #d5d4df;
  font-size: 8px;
}

@keyframes atmosphere-breathe {
  from {
    transform: scale(.92)translate3d(-2%, -1%, 0);
  }

  to {
    transform: scale(1.1)translate3d(2%, 1%, 0);
  }
}

@keyframes button-shine {
  0%, 65% {
    left: -45%;
  }

  100% {
    left: 125%;
  }
}

@keyframes star-drift {
  to {
    background-position: 180px 180px, -270px 270px, 350px -350px, -440px -440px;
  }
}

@keyframes ring-spin {
  from {
    transform: translate(-50%, -50%)rotate(0);
  }

  to {
    transform: translate(-50%, -50%)rotate(360deg);
  }
}

@keyframes crystal-float {
  0%, 100% {
    transform: translate(-50%, -53%);
  }

  50% {
    transform: translate(-50%, -47%);
  }
}

@keyframes core-pulse {
  0%, 100% {
    opacity: .72;
    transform: scale(.88);
  }

  50% {
    opacity: 1;
    transform: scale(1.14);
  }
}

@media (max-width: 1050px) {
  .intro-scene__layout {
    grid-template-columns: 1fr;
    align-content: end;
    justify-items: center;
    padding-bottom: 28px;
  }

  .intro-scene__visual-space {
    display: none;
  }

  .intro-copy {
    justify-self: center;
    max-width: 700px;
  }

  .hub-scene__main {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 18px;
  }

  .hub-portal {
    width: 330px;
  }

  .hub-welcome {
    text-align: center;
    justify-self: center;
    width: min(620px, 100%);
  }

  .hub-paths {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 620px) {
  .intro-scene__header {
    top: 19px;
    left: 18px;
  }

  .intro-scene__layout {
    width: calc(100% - 28px);
  }

  .intro-copy {
    padding: 24px 20px 20px;
  }

  .intro-copy__main-line {
    font-size: 42px;
  }

  .intro-copy__accent-line {
    font-size: 37px;
  }

  .intro-copy__button {
    width: 100%;
    min-width: 0;
  }

  .hub-scene__header {
    width: calc(100% - 30px);
  }

  .system-status {
    display: none;
  }

  .hub-scene__main {
    width: calc(100% - 28px);
  }

  .hub-portal {
    width: 250px;
  }

  .hub-welcome {
    padding: 22px 18px;
  }

  .hub-welcome h2 {
    font-size: 39px;
  }

  .hub-paths {
    gap: 8px;
    width: calc(100% - 28px);
  }

  .hub-card {
    min-height: 98px;
    padding: 13px;
  }
}

.guild-chibi {
  width: 100%;
  height: 100%;
  display: block;
}

/* [project]/app/chibi.css [app-client] (css) */
:root {
  --chibi-display: var(--f-display), "Trebuchet MS", Verdana, sans-serif;
  --chibi-body: var(--f-body), "Segoe UI", system-ui, sans-serif;
  --creme: #f7e9cd;
  --creme-alto: #fffaf0;
  --creme-sombra: #d9c19a;
  --ouro: #e8c060;
  --ouro-alto: #f7dd97;
  --ouro-sombra: #a8761e;
  --roxo: #9a5cff;
  --roxo-alto: #c79bff;
  --roxo-sombra: #5a2596;
  --roxo-fundo: #2a1145;
  --ciano: #6fdcff;
  --ciano-sombra: #2b7fa8;
  --tinta: #1b0d31;
  --tinta-suave: #1b0d318c;
  --painel: #160f2edb;
  --painel-alto: #231844f0;
  --painel-borda: #9a5cff57;
  --r-p: 12px;
  --r-m: 16px;
  --r-g: 22px;
  --r-pilula: 999px;
  --contorno: 2px;
  --chanfro: 5px;
  --chanfro-p: 3px;
  --sombra-peca: 0 6px 18px #08041473;
  --sombra-painel: 0 18px 46px #0603128c;
  --brilho-roxo: 0 0 26px #9a5cff52;
  --mola: cubic-bezier(.34, 1.56, .64, 1);
  --rapido: .13s;
}

body {
  font-family: var(--chibi-body);
  letter-spacing: .005em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--chibi-display);
  letter-spacing: .01em;
  font-weight: 800;
  line-height: 1.15;
}

button, input, select, textarea {
  font-family: inherit;
}

:focus-visible {
  outline: 3px solid var(--ciano);
  outline-offset: 2px;
  border-radius: var(--r-p);
}

::selection {
  color: var(--creme-alto);
  background: #9a5cff6b;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #9a5cff80 transparent;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: var(--r-pilula);
  background: #0a061866;
}

::-webkit-scrollbar-thumb {
  border-radius: var(--r-pilula);
  background: #9a5cff80 padding-box padding-box;
  border: 2px solid #0000;
}

::-webkit-scrollbar-thumb:hover {
  background: #9a5cffc7 padding-box padding-box;
}

.chibi-peca {
  --peca-face: var(--roxo);
  --peca-base: var(--roxo-sombra);
  --peca-texto: var(--creme-alto);
  border: var(--contorno) solid var(--tinta);
  border-radius: var(--r-m);
  color: var(--peca-texto);
  background: linear-gradient(180deg, var(--peca-face), var(--peca-base));
  font-family: var(--chibi-display);
  letter-spacing: .03em;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  box-shadow: 0 var(--chanfro) 0 var(--peca-base),
    0 calc(var(--chanfro) + 4px) 12px #08041473,
    inset 0 2px 0 #ffffff47;
  transition: transform var(--rapido) var(--mola),
    box-shadow var(--rapido) ease,
    filter var(--rapido) ease;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 11px 22px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.chibi-peca:hover:not(:disabled) {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.chibi-peca:active:not(:disabled) {
  transform: translateY(calc(var(--chanfro) - 1px));
  box-shadow: 0 1px 0 var(--peca-base),
    0 2px 5px #08041466,
    inset 0 2px 0 #ffffff2e;
}

.chibi-peca:disabled, .chibi-peca[aria-disabled="true"] {
  filter: grayscale(.6) brightness(.7);
  cursor: not-allowed;
  transform: none;
}

.chibi-peca[data-tom="ouro"] {
  --peca-face: var(--ouro-alto);
  --peca-base: var(--ouro-sombra);
  --peca-texto: var(--roxo-fundo);
}

.chibi-peca[data-tom="creme"] {
  --peca-face: var(--creme-alto);
  --peca-base: var(--creme-sombra);
  --peca-texto: var(--roxo-fundo);
}

.chibi-peca[data-tom="ciano"] {
  --peca-face: var(--ciano);
  --peca-base: var(--ciano-sombra);
  --peca-texto: var(--roxo-fundo);
}

.chibi-peca[data-tom="fantasma"] {
  --peca-base: #9a5cff57;
  color: var(--creme);
  box-shadow: 0 var(--chanfro-p) 0 var(--peca-base),
    inset 0 1px 0 #ffffff14;
  background: #160f2eb3;
}

.chibi-painel {
  border: var(--contorno) solid var(--painel-borda);
  border-radius: var(--r-g);
  background: var(--painel);
  box-shadow: var(--sombra-painel), inset 0 1px 0 #ffffff0d;
}

.chibi-etiqueta {
  border: 2px solid var(--tinta);
  border-radius: var(--r-pilula);
  background: linear-gradient(180deg, var(--ouro-alto), var(--ouro-sombra));
  color: var(--roxo-fundo);
  font-family: var(--chibi-display);
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;
  display: inline-flex;
  box-shadow: inset 0 1px #fff6;
}

.chibi-titulo {
  font-family: var(--chibi-display);
  color: var(--creme-alto);
  text-shadow: 0 2px 0 var(--roxo-sombra),
    0 3px 8px #08041499;
  font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
  .chibi-peca {
    transition: none;
  }

  .chibi-peca:hover:not(:disabled), .chibi-peca:active:not(:disabled) {
    transform: none;
  }
}

/* [project]/app/chibi-fx.css [app-client] (css) */
::view-transition-old(.arena-pagina) {
  animation: .19s cubic-bezier(.4, 0, 1, 1) both arenaSai;
}

::view-transition-new(.arena-pagina) {
  animation: .32s cubic-bezier(.16, 1, .3, 1) 60ms both arenaEntra;
}

@keyframes arenaSai {
  to {
    opacity: 0;
    transform: scale(.985)translateY(-8px);
  }
}

@keyframes arenaEntra {
  from {
    opacity: 0;
    transform: scale(1.012)translateY(14px);
  }
}

[data-entra] {
  animation: .42s cubic-bezier(.16, 1, .3, 1) both arenaSobe;
  animation-delay: calc(var(--ordem, 0) * 55ms);
}

[data-entra="pop"] {
  animation-name: arenaPop;
  animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
}

@keyframes arenaSobe {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
}

@keyframes arenaPop {
  from {
    opacity: 0;
    transform: scale(.82);
  }
}

[data-fx~="levanta"] {
  transition: transform .16s cubic-bezier(.34, 1.56, .64, 1), box-shadow .16s, filter .16s;
}

[data-fx~="levanta"]:hover {
  filter: brightness(1.06);
  z-index: 2;
  transform: translateY(-4px)scale(1.015);
}

[data-fx~="levanta"]:active {
  transform: translateY(1px)scale(.994);
}

[data-fx~="brilho"] {
  position: relative;
  overflow: hidden;
}

[data-fx~="brilho"]:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff57, #0000);
  width: 26%;
  position: absolute;
  top: -60%;
  bottom: -60%;
  left: -40%;
  transform: skewX(-22deg)translateX(-260%);
}

[data-fx~="brilho"]:hover:after {
  animation: .72s ease-out arenaBrilho;
}

@keyframes arenaBrilho {
  to {
    transform: skewX(-22deg)translateX(560%);
  }
}

[data-fx~="pulsa"] {
  animation: 2.1s ease-in-out infinite arenaPulsa;
}

@keyframes arenaPulsa {
  0%, 100% {
    filter: brightness();
    transform: scale(1);
  }

  50% {
    filter: brightness(1.16);
    transform: scale(1.045);
  }
}

[data-fx~="flutua"] {
  animation: 4.2s ease-in-out infinite arenaFlutua;
}

@keyframes arenaFlutua {
  50% {
    transform: translateY(-7px);
  }
}

[data-fx~="treme"] {
  animation: .38s cubic-bezier(.36, .07, .19, .97) arenaTreme;
}

@keyframes arenaTreme {
  10%, 90% {
    transform: translateX(-2px);
  }

  20%, 80% {
    transform: translateX(4px);
  }

  30%, 50%, 70% {
    transform: translateX(-7px);
  }

  40%, 60% {
    transform: translateX(7px);
  }
}

[data-fx~="destrava"] {
  animation: .78s cubic-bezier(.34, 1.56, .64, 1) arenaDestrava;
}

@keyframes arenaDestrava {
  0% {
    transform: scale(.7)rotate(-6deg);
    box-shadow: 0 0 #e8c060e6;
  }

  55% {
    transform: scale(1.12)rotate(2deg);
  }

  100% {
    transform: scale(1)rotate(0);
    box-shadow: 0 0 0 22px #e8c06000;
  }
}

.sr-only {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(.arena-pagina) {
    animation: none;
  }

  ::view-transition-new(.arena-pagina) {
    animation: none;
  }

  [data-entra], [data-fx~="pulsa"], [data-fx~="flutua"], [data-fx~="treme"], [data-fx~="destrava"] {
    animation: none;
  }

  [data-fx~="levanta"] {
    transition: none;
  }

  [data-fx~="levanta"]:hover {
    filter: brightness(1.1);
    transform: none;
  }

  [data-fx~="brilho"]:hover:after {
    animation: none;
  }
}

/* [project]/app/scene-overrides.css [app-client] (css) */
.intro-scene .nexo-world {
  transform-origin: center;
  width: 108vw;
  transform: translateX(-9vw)scale(.92);
}

.intro-scene__layout {
  z-index: 12;
  pointer-events: none;
  grid-template-columns: minmax(0, 1fr) minmax(500px, .9fr);
  align-items: center;
  gap: 64px;
  width: min(1320px, 100% - 76px);
  height: 100%;
  margin: 0 auto;
  display: grid;
  position: relative;
}

.intro-scene__visual-space {
  min-width: 0;
  height: 100%;
}

.guardian-companion {
  -webkit-backdrop-filter: blur(16px);
  pointer-events: auto;
  background: linear-gradient(145deg, #030d1ed1, #0d0827e6);
  border: 1px solid #4ccdff3d;
  border-radius: 22px;
  width: 235px;
  min-height: 282px;
  overflow: hidden;
  box-shadow: 0 24px 65px #00000094, 0 0 45px #00c2ff1a, inset 0 1px #ffffff0f;
  z-index: 40 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  position: fixed !important;
  bottom: 34px !important;
  left: 36px !important;
}

.guardian-companion[style] {
  visibility: visible !important;
}

.guardian-companion:after {
  content: "";
  pointer-events: none;
  filter: blur(30px);
  background: #8139ff29;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  bottom: -48px;
  right: -48px;
}

.guardian-companion__scan {
  z-index: 10;
  background: linear-gradient(90deg, #0000, #0df, #0000);
  height: 2px;
  animation: 4.5s linear infinite companion-scan;
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  box-shadow: 0 0 15px #00cfff;
}

.guardian-companion__visual {
  z-index: 2;
  place-items: center;
  height: 180px;
  display: grid;
  position: relative;
}

.guardian-companion__orbit {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.guardian-companion__orbit--one {
  border: 1px solid #00d3ff33;
  width: 154px;
  height: 154px;
  animation: 18s linear infinite companion-orbit;
  box-shadow: inset 0 0 34px #00d0ff0f, 0 0 35px #00c1ff14;
}

.guardian-companion__orbit--two {
  border: 1px dashed #ae53ff4d;
  width: 117px;
  height: 117px;
  animation: 12s linear infinite reverse companion-orbit;
}

.guardian-companion__robot {
  z-index: 5;
  filter: drop-shadow(0 0 18px #00d1ff47) drop-shadow(0 0 30px #9143ff2e);
  width: 116px;
  height: 155px;
  animation: 4s ease-in-out infinite companion-float;
  position: relative;
}

.guardian-companion__antenna {
  background: linear-gradient(#00e5ff, #7654ff);
  width: 2px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.guardian-companion__antenna span {
  background: #8befff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: -5px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 9px #00dcff, 0 0 18px #0af;
}

.guardian-companion__head {
  background: linear-gradient(145deg, #2d5498f5, #1c145afa);
  border: 1px solid #99daffa6;
  border-radius: 33px 33px 27px 27px;
  width: 102px;
  height: 83px;
  position: absolute;
  top: 19px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: inset 0 0 20px #00d5ff21, 0 0 25px #4b69ff38;
}

.guardian-companion__face {
  background: linear-gradient(#010918fa, #041227f5);
  border: 1px solid #00dfff42;
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  gap: 23px;
  height: 36px;
  display: flex;
  position: absolute;
  top: 18px;
  left: 14px;
  right: 14px;
}

.guardian-companion__face i {
  background: #8cf4ff;
  border-radius: 99px;
  width: 9px;
  height: 6px;
  animation: 4.7s infinite companion-blink;
  box-shadow: 0 0 8px #0df, 0 0 17px #00c9ffcc;
}

.guardian-companion__core {
  justify-content: center;
  display: flex;
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
}

.guardian-companion__core span {
  background: linear-gradient(90deg, #a953ff, #0df);
  border-radius: 99px;
  width: 18px;
  height: 8px;
  box-shadow: 0 0 10px #6369ffcc;
}

.guardian-companion__neck {
  background: #1f1e5be6;
  border-left: 1px solid #ae55ff8c;
  border-right: 1px solid #00dbff80;
  width: 31px;
  height: 20px;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.guardian-companion__body {
  clip-path: polygon(19% 0, 81% 0, 100% 35%, 86% 100%, 14% 100%, 0 35%);
  background: linear-gradient(145deg, #404da9fa, #241768);
  width: 122px;
  height: 69px;
  position: absolute;
  top: 116px;
  left: 50%;
  transform: translateX(-50%);
}

.guardian-companion__chest {
  clip-path: polygon(50% 0, 100% 48%, 50% 100%, 0 48%);
  background: linear-gradient(145deg, #0b0c26fa, #0f1b41fa);
  place-items: center;
  display: grid;
  position: absolute;
  inset: 14px 40px;
}

.guardian-companion__chest span {
  width: 14px;
  height: 22px;
  clip-path: inherit;
  background: linear-gradient(#f1a2ff, #6c5dff 50%, #0df);
  animation: 1.8s ease-in-out infinite companion-core-pulse;
  box-shadow: 0 0 10px #9b55ff, 0 0 22px #00d3ff80;
}

.guardian-companion__platform {
  background: radial-gradient(circle, #5940ff4d, #0000 66%);
  border: 1px solid #00dcff6b;
  border-radius: 50%;
  width: 148px;
  height: 38px;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%)perspective(220px)rotateX(66deg);
  box-shadow: 0 0 20px #00d3ff38, inset 0 0 22px #9749ff33;
}

.guardian-companion__platform span {
  border-radius: inherit;
  border: 1px solid #a151ff66;
  position: absolute;
  inset: 8px;
}

.guardian-companion__platform span:last-child {
  border-color: #ffffff47;
  inset: 17px;
}

.guardian-companion__copy {
  z-index: 8;
  padding: 1px 18px 18px;
  position: relative;
}

.guardian-companion__status {
  color: #9a98aa;
  letter-spacing: 1.6px;
  align-items: center;
  gap: 7px;
  font-size: 6px;
  font-weight: 800;
  display: flex;
}

.guardian-companion__status span {
  background: #37f0a0;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 10px #37f0a0;
}

.guardian-companion__copy strong {
  color: #0000;
  letter-spacing: 4px;
  background: linear-gradient(90deg, #d76aff, #7275ff, #22dfff);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 7px;
  font-size: 23px;
  display: block;
}

.guardian-companion__copy p {
  color: #aaa8ba;
  margin: 6px 0 0;
  font-size: 10px;
  line-height: 1.5;
}

.intro-copy {
  -webkit-backdrop-filter: blur(17px);
  pointer-events: auto;
  background: linear-gradient(145deg, #070818bf, #03040eeb);
  border: 1px solid #9a65ff29;
  border-radius: 24px;
  justify-self: end;
  width: 100%;
  max-width: 590px;
  padding: 38px 40px 36px;
  position: relative;
  box-shadow: 0 30px 80px #0000007a, inset 0 1px #ffffff0d;
}

.intro-copy h1, .intro-copy__main-line, .intro-copy__accent-line {
  overflow: visible;
}

.intro-copy__main-line {
  white-space: nowrap;
  font-size: clamp(46px, 4.4vw, 65px);
  line-height: 1;
}

.intro-copy__accent-line {
  white-space: nowrap;
  margin-top: 5px;
  padding-bottom: 11px;
  font-size: clamp(39px, 3.9vw, 57px);
  line-height: 1.14;
}

.intro-copy__description {
  margin-top: 14px;
}

.hub-welcome {
  padding: 36px 40px 44px;
  overflow: visible;
}

.hub-welcome h2 {
  padding-bottom: 14px;
  line-height: 1;
  overflow: visible;
}

.hub-welcome__main-line, .hub-welcome__accent-line {
  display: block;
  overflow: visible;
}

.hub-welcome__accent-line {
  margin-top: 4px;
  padding: 0 8px 15px;
  line-height: 1.14;
}

@keyframes companion-scan {
  0% {
    opacity: 0;
    top: 7%;
  }

  12% {
    opacity: .58;
  }

  88% {
    opacity: .58;
  }

  100% {
    opacity: 0;
    top: 64%;
  }
}

@keyframes companion-orbit {
  from {
    transform: translate(-50%, -50%)rotate(0);
  }

  to {
    transform: translate(-50%, -50%)rotate(360deg);
  }
}

@keyframes companion-float {
  0%, 100% {
    transform: translateY(-3px);
  }

  50% {
    transform: translateY(6px);
  }
}

@keyframes companion-core-pulse {
  0%, 100% {
    opacity: .68;
    transform: scale(.88);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

@keyframes companion-blink {
  0%, 44%, 48%, 100% {
    transform: scaleY(1);
  }

  46% {
    transform: scaleY(.12);
  }
}

@media (max-width: 900px) {
  .guardian-companion {
    display: none !important;
  }

  .intro-scene .nexo-world {
    width: 100%;
    transform: scale(.82);
  }

  .intro-scene__layout {
    grid-template-columns: 1fr;
    align-content: end;
    width: calc(100% - 38px);
    padding-bottom: 24px;
  }

  .intro-copy {
    justify-self: center;
    max-width: 680px;
  }

  .intro-copy__main-line, .intro-copy__accent-line {
    white-space: normal;
  }
}

.mission-cinematic {
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #000;
  width: 100vw;
  height: 100dvh;
  transition: opacity .7s, visibility .7s;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.mission-cinematic--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mission-cinematic--hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.mission-cinematic__video {
  object-fit: cover;
  object-position: center center;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  -webkit-user-drag: none;
  background: #000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.mission-cinematic__vignette {
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(#0000001f, #0000 18% 79%, #00000057), radial-gradient(#0000 58%, #0000002e 100%);
  position: absolute;
  inset: 0;
}

.mission-cinematic__progress {
  z-index: 4;
  pointer-events: none;
  background: #ffffff1f;
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: 4vh;
  left: 4vw;
  right: 4vw;
  overflow: hidden;
}

.mission-cinematic__progress span {
  transform-origin: 0;
  background: linear-gradient(90deg, #a75cff, #5f74ff, #35dfff);
  width: 100%;
  height: 100%;
  animation: 20s linear forwards mission-cinematic-progress;
  display: block;
  box-shadow: 0 0 12px #46cdffa6;
}

.mission-cinematic--hidden .mission-cinematic__progress span {
  animation: none;
  transform: scaleX(0);
}

@keyframes mission-cinematic-progress {
  from {
    transform: scaleX(0);
  }

  to {
    transform: scaleX(1);
  }
}

body:not(.intro-active) .guardian-companion {
  display: none !important;
}

/*# sourceMappingURL=_1eku_3k._.css.map*/