/* [project]/src/styles/journeyHeaderSky.css [app-client] (css) */
.jhs-root {
  pointer-events: none;
  z-index: 0;
  background-color: var(--j-bg-a, #141f33);
  background-image: radial-gradient(circle at 50% 0%, var(--j-glow-a, #38bdf838), transparent 38%),
    radial-gradient(circle at 85% 90%, var(--j-glow-b, #6366f126), transparent 32%),
    linear-gradient(180deg, var(--j-bg-a, #141f33) 0%, var(--j-bg-b, #1a2850) 42%, var(--j-bg-c, #243047) 100%);
  transition: background 1.4s;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.jhs-starfield {
  width: 100%;
  height: 100%;
  opacity: var(--j-stars, .85);
  position: absolute;
  inset: 0;
}

.jhs-stars, .jhs-starsBright {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.jhs-stars {
  opacity: calc(var(--j-stars, .85) * .9);
  background-image: radial-gradient(1.5px 1.5px at 8% 12%, #ffffffd9, #0000), radial-gradient(1px 1px at 15% 28%, #ffffff8c, #0000), radial-gradient(1px 1px at 22% 8%, #ffffffa6, #0000), radial-gradient(2px 2px at 31% 22%, #ffffff80, #0000), radial-gradient(1px 1px at 48% 14%, #ffffffb3, #0000), radial-gradient(1px 1px at 62% 6%, #fff9, #0000), radial-gradient(1px 1px at 78% 42%, #ffffff59, #0000), radial-gradient(2px 2px at 85% 10%, #ffffffbf, #0000);
}

.jhs-starsBright {
  opacity: calc(var(--j-stars, .85) * .55);
  background-image: radial-gradient(2px 2px at 25% 18%, #c8e6ffe6, #0000), radial-gradient(1.5px 1.5px at 52% 8%, #fffc, #0000), radial-gradient(2px 2px at 68% 36%, #fff8dcb3, #0000);
}

.jhs-nebula {
  filter: blur(24px);
  pointer-events: none;
  opacity: calc(var(--j-planets, 1) * .55);
  border-radius: 50%;
  position: absolute;
}

.jhs-nebula1 {
  background: radial-gradient(#6366f138, #0000 70%);
  width: 55%;
  height: 35%;
  top: 5%;
  left: -8%;
}

.jhs-nebula2 {
  background: radial-gradient(#38bdf826, #0000 68%);
  width: 45%;
  height: 30%;
  top: 12%;
  right: -5%;
}

.jhs-nebula3 {
  width: 70%;
  height: 20%;
  opacity: calc(var(--j-planets, 1) * .7);
  filter: blur(18px);
  background: radial-gradient(#b4643c1f, #0000 72%);
  bottom: 28%;
  left: 15%;
}

.jhs-planetWrap {
  aspect-ratio: 1;
  z-index: 2;
  opacity: 0;
  transition: opacity 1.4s;
  position: absolute;
}

.jhs-planetBody {
  background: radial-gradient(circle at 32% 28%, #ffffff24, #ffffff08 50%, #0000 72%);
  border: 1px solid #ffffff12;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
  box-shadow: inset -6px -5px 16px #00000059;
}

.jhs-planetRing {
  pointer-events: none;
  border: 1px solid #ffffff0f;
  border-radius: 50%;
  width: 128%;
  height: 26%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 1px #ffffff08;
}

.jhs-planetWrap--a {
  width: 88px;
  top: 4%;
  right: 4%;
}

.jhs-planetWrap--a .jhs-planetRing {
  transform: translate(-50%, -50%)rotate(-12deg);
}

.jhs-planetWrap--b {
  width: 58px;
  top: 16%;
  left: 6%;
}

.jhs-planetWrap--b .jhs-planetRing {
  transform: translate(-50%, -50%)rotate(18deg);
}

.jhs-planetWrap--c {
  width: 36px;
  top: 8%;
  left: 38%;
}

.jhs-planetWrap--c .jhs-planetRing {
  width: 135%;
  height: 30%;
  transform: translate(-50%, -50%)rotate(-22deg);
}

.jhs-planetWrap--d {
  width: 44px;
  top: 28%;
  right: 28%;
}

.jhs-planetWrap--d .jhs-planetRing {
  transform: translate(-50%, -50%)rotate(10deg);
}

.jhs-root[data-period="night"] .jhs-planetWrap--a {
  opacity: calc(var(--j-planets, 1) * .38);
}

.jhs-root[data-period="night"] .jhs-planetWrap--b {
  opacity: calc(var(--j-planets, 1) * .28);
}

.jhs-root[data-period="night"] .jhs-planetWrap--c {
  opacity: calc(var(--j-planets, 1) * .2);
}

.jhs-root[data-period="night"] .jhs-planetWrap--d {
  opacity: calc(var(--j-planets, 1) * .15);
}

.jhs-root[data-period="dusk"] .jhs-planetWrap--a {
  opacity: calc(var(--j-planets, 1) * .32);
}

.jhs-root[data-period="dusk"] .jhs-planetWrap--b {
  opacity: calc(var(--j-planets, 1) * .24);
}

.jhs-root[data-period="dusk"] .jhs-planetWrap--c {
  opacity: calc(var(--j-planets, 1) * .18);
}

.jhs-root[data-period="dusk"] .jhs-planetWrap--d {
  opacity: calc(var(--j-planets, 1) * .14);
}

.jhs-root[data-period="dawn"] .jhs-planetWrap--a {
  opacity: calc(var(--j-planets, 1) * .22);
}

.jhs-root[data-period="dawn"] .jhs-planetWrap--b {
  opacity: calc(var(--j-planets, 1) * .16);
}

.jhs-root[data-period="sunset"] .jhs-planetWrap--a {
  opacity: calc(var(--j-planets, 1) * .18);
}

.jhs-root[data-period="day_am"] .jhs-planetWrap--a, .jhs-root[data-period="day_pm"] .jhs-planetWrap--a {
  opacity: calc(var(--j-planets, 1) * .1);
}

.jhs-shootingLayer {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.jhs-shootingStar {
  transform-origin: 0%;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #fffffff2 0%, #ffffff59 35%, #0000 100%);
  border-radius: 2px;
  width: 52px;
  height: 2px;
  position: absolute;
}

@keyframes jhsShootStar {
  0% {
    opacity: 0;
    transform: rotate(var(--jhs-angle, 28deg)) translateX(0) scaleX(.4);
  }

  12% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: rotate(var(--jhs-angle, 28deg)) translateX(110px) translateY(62px) scaleX(1);
  }
}

.jhs-shootingStar.is-active {
  animation: 1.15s ease-out forwards jhsShootStar;
}

.jhs-moon {
  z-index: 3;
  opacity: 0;
  width: 28px;
  height: 28px;
  transition: opacity 1.4s;
  position: absolute;
  top: 10%;
  left: 10%;
}

.jhs-root[data-period="night"] .jhs-moon, .jhs-root[data-period="dusk"] .jhs-moon {
  opacity: 1;
}

.jhs-moon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.jhs-skyTowers {
  height: 42%;
  opacity: calc(var(--j-ridge, .9) * .95);
  z-index: 4;
  position: absolute;
  bottom: 18%;
  left: 0;
  right: 0;
}

.jhs-skyTowers svg {
  width: 100%;
  height: 100%;
  display: block;
}

.jhs-horizonGlow {
  background: linear-gradient(180deg,
    transparent 0%,
    var(--j-horizon, #c47a3a59) 55%,
    var(--j-horizon-deep, #502d1433) 100%);
  z-index: 3;
  pointer-events: none;
  height: 45%;
  position: absolute;
  bottom: 0;
  left: -10%;
  right: -10%;
}

.jhs-ridge {
  height: 56px;
  opacity: var(--j-ridge, .9);
  z-index: 5;
  position: absolute;
  bottom: 14%;
  left: 0;
  right: 0;
}

.jhs-ridge svg {
  width: 100%;
  height: 100%;
  display: block;
}

.jhs-dustBand {
  opacity: .4;
  z-index: 4;
  background: radial-gradient(1px 1px at 14%, #ffdca073, #0000), radial-gradient(1px 1px at 40% 58%, #ffdca073, #0000), radial-gradient(1px 1px at 70% 55%, #ffdca073, #0000);
  height: 20px;
  position: absolute;
  bottom: 22%;
  left: 5%;
  right: 5%;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 8% 92%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 8% 92%, #0000);
}

.jhs-aurora {
  opacity: 0;
  z-index: 1;
  filter: blur(14px);
  background: linear-gradient(105deg, #0000 12%, #50ffc82e 32%, #0000 62%), linear-gradient(75deg, #0000 22%, #a064ff1f 40%, #0000 58%);
  position: absolute;
  inset: 0 0 35%;
}

.jhs-root[data-weather="aurora"] .jhs-aurora {
  opacity: .85;
}

.jhs-clouds {
  opacity: 0;
  z-index: 2;
  transition: opacity 2s;
  position: absolute;
  inset: 0 0 35%;
}

.jhs-root[data-weather="clouds"] .jhs-clouds, .jhs-root[data-weather="rain"] .jhs-clouds {
  opacity: .85;
}

.jhs-cloud {
  filter: blur(10px);
  background: radial-gradient(at 40% 40%, #ffffff59 0%, #dce1eb1f 55%, #0000 72%);
  border-radius: 50%;
  position: absolute;
}

.jhs-cloud:first-child {
  width: 48%;
  height: 28%;
  top: 8%;
  left: -8%;
}

.jhs-cloud:nth-child(2) {
  width: 55%;
  height: 30%;
  top: 18%;
  left: 28%;
}

.jhs-cloud:nth-child(3) {
  width: 40%;
  height: 26%;
  top: 6%;
  right: -10%;
}

.jhs-particles {
  opacity: 0;
  z-index: 6;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.jhs-root[data-weather="rain"] .jhs-particles, .jhs-root[data-weather="snow"] .jhs-particles {
  opacity: 1;
}

.jhs-fog {
  opacity: 0;
  z-index: 2;
  background: linear-gradient(#0000 0%, #dce4f00f 45%, #ebf0f833 100%);
  transition: opacity 2s;
  position: absolute;
  inset: 0;
}

.jhs-root[data-weather="fog"] .jhs-fog, .jhs-root[data-weather="mist"] .jhs-fog {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .jhs-shootingStar.is-active {
    animation: none;
    opacity: 0 !important;
  }
}

/* [project]/src/components/main-app/greetingSection.module.css [app-client] (css) */
.greetingSection-module__iFnk3G__root {
  text-align: left;
  margin-bottom: .75rem;
  padding-right: 2.75rem;
  position: relative;
}

.greetingSection-module__iFnk3G__greetingLine {
  color: #ffffffd9;
  margin: 0;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.35;
}

.greetingSection-module__iFnk3G__nameLine {
  letter-spacing: -.02em;
  color: #fff;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  margin: 2px 0 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25;
  display: flex;
}

.greetingSection-module__iFnk3G__name {
  word-break: break-word;
  min-width: 0;
}

.greetingSection-module__iFnk3G__decoration {
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.greetingSection-module__iFnk3G__decorationSvg {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
}

@media (min-width: 640px) {
  .greetingSection-module__iFnk3G__root {
    margin-bottom: 1rem;
    padding-right: 3rem;
  }

  .greetingSection-module__iFnk3G__greetingLine {
    font-size: 1rem;
  }

  .greetingSection-module__iFnk3G__nameLine {
    font-size: 1.35rem;
  }

  .greetingSection-module__iFnk3G__decorationSvg {
    width: 1.75rem;
    height: 1.75rem;
  }
}

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