/* HH Solar Secret — a self-contained login easter egg. Decorative layers never capture input. */
.hh-solar-secret-layer {
  --solar-cyan: #62eaff;
  --solar-violet: #a989ff;
  --solar-pink: #ff4fb8;
  --solar-gold: #ffe66d;
  position: absolute;
  inset: 0;
  z-index: 35;
  pointer-events: none;
  isolation: isolate;
}

.hh-solar-secret__panel { z-index: 8; }
.hh-solar-secret__sun-hit { z-index: 9; }

/* Galaxy Resonance is a transient visual layer. The existing Three.js scene
   remains the only renderer; these DOM accents never receive pointer input. */
.hh-solar-resonance-fx,
.hh-solar-resonance-fx *,
.hh-solar-resonance-fx *::before,
.hh-solar-resonance-fx *::after {
  pointer-events: none !important;
}

.hh-solar-resonance-fx {
  position: absolute;
  inset: 0;
  z-index: 0;
  contain: layout paint;
  overflow: hidden;
  opacity: 0;
  transition: opacity .42s ease;
}

.hh-h-galaxy.is-solar-resonating .hh-solar-resonance-fx { opacity: 1; }

.hh-solar-resonance-fx > i {
  position: absolute;
  left: var(--galaxy-x, 27vw);
  top: var(--galaxy-y, 52%);
  display: block;
  opacity: 0;
  transform: translate(-50%, -50%);
  transform-origin: center;
}

.hh-solar-resonance-fx__wave {
  width: clamp(120px, 17vw, 280px);
  aspect-ratio: 1;
  border: 1px solid rgba(255, 225, 118, .7);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(255, 190, 84, .3), inset 0 0 14px rgba(98, 234, 255, .14);
}

.hh-h-galaxy.is-solar-resonating .hh-solar-resonance-fx__wave {
  animation: hh-solar-resonance-wave 2.7s cubic-bezier(.18, .72, .25, 1) infinite;
}

.hh-solar-resonance-fx__wave:nth-child(2) { animation-delay: -.9s !important; }
.hh-solar-resonance-fx__wave:nth-child(3) { animation-delay: -1.8s !important; }

.hh-solar-resonance-fx__corona {
  width: clamp(120px, 13vw, 208px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: repeating-conic-gradient(from 4deg, rgba(255, 231, 133, .33) 0 2deg, transparent 4deg 12deg), radial-gradient(circle, transparent 42%, rgba(255, 114, 48, .2) 62%, transparent 74%);
  filter: blur(2px) drop-shadow(0 0 20px rgba(255, 158, 66, .5));
  mix-blend-mode: screen;
}

.hh-h-galaxy.is-solar-resonating .hh-solar-resonance-fx__corona {
  opacity: .76;
  animation: hh-solar-resonance-corona 7s linear infinite;
}

.hh-solar-resonance-fx__lens {
  width: min(58vw, 760px);
  aspect-ratio: 1.9;
  border: 1px solid rgba(168, 217, 255, .12);
  border-radius: 50%;
  background: radial-gradient(ellipse, transparent 42%, rgba(105, 220, 255, .075) 48%, transparent 58%);
  filter: blur(.6px);
}

.hh-h-galaxy[data-solar-resonance-kind="pulse"] .hh-solar-resonance-fx__lens,
.hh-h-galaxy[data-solar-resonance-kind="ending"][data-solar-resonance-outcome="portal"] .hh-solar-resonance-fx__lens,
.hh-h-galaxy[data-solar-resonance-kind="ending"][data-solar-resonance-outcome="merge"] .hh-solar-resonance-fx__lens {
  opacity: .8;
  animation: hh-solar-gravitational-lens 3.8s ease-in-out infinite;
}

.hh-solar-resonance-fx__ribbon {
  width: min(62vw, 820px);
  height: clamp(42px, 8vw, 110px);
  border-radius: 50%;
  background: linear-gradient(90deg, transparent, rgba(98, 234, 255, .18), rgba(255, 79, 184, .2), rgba(255, 230, 109, .18), transparent);
  filter: blur(10px);
  mix-blend-mode: screen;
}

.hh-h-galaxy[data-solar-resonance-kind="rainbow"] .hh-solar-resonance-fx__ribbon,
.hh-h-galaxy[data-solar-resonance-preview="merge"] .hh-solar-resonance-fx__ribbon,
.hh-h-galaxy[data-solar-resonance-outcome="merge"] .hh-solar-resonance-fx__ribbon {
  opacity: .9;
  animation: hh-solar-plasma-ribbon 3.4s ease-in-out infinite alternate;
}

.hh-solar-resonance-fx__scan {
  left: 0;
  top: 8%;
  width: 58%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(98, 234, 255, .92), rgba(255, 255, 255, .7), transparent);
  box-shadow: 0 0 18px rgba(98, 234, 255, .55);
  transform: none;
}

.hh-h-galaxy[data-solar-resonance-kind="hologram"] .hh-solar-resonance-fx__scan {
  opacity: .8;
  animation: hh-solar-hologram-scan 3.6s ease-in-out infinite;
}

.hh-solar-resonance-fx__beam {
  width: min(48vw, 650px);
  height: 2px;
  background: linear-gradient(90deg, rgba(98, 234, 255, 0), rgba(98, 234, 255, .76), rgba(255, 255, 255, .9), rgba(98, 234, 255, 0));
  box-shadow: 0 0 18px rgba(98, 234, 255, .62);
  transform: translate(-50%, -50%) rotate(-16deg);
}

.hh-h-galaxy[data-solar-resonance-kind="ufo"] .hh-solar-resonance-fx__beam,
.hh-h-galaxy[data-solar-resonance-preview="ufo"] .hh-solar-resonance-fx__beam,
.hh-h-galaxy[data-solar-resonance-outcome="ufo"] .hh-solar-resonance-fx__beam {
  opacity: .72;
  animation: hh-solar-ufo-beam 2.8s ease-in-out infinite;
}

.hh-solar-resonance-fx__constellation {
  width: min(55vw, 720px);
  aspect-ratio: 1.45;
  background:
    linear-gradient(24deg, transparent 47%, rgba(255, 230, 109, .32) 49% 50%, transparent 52%),
    linear-gradient(-19deg, transparent 48%, rgba(98, 234, 255, .3) 49% 50%, transparent 52%),
    radial-gradient(circle at 22% 62%, #ffe66d 0 2px, transparent 3px),
    radial-gradient(circle at 54% 20%, #62eaff 0 2px, transparent 3px),
    radial-gradient(circle at 82% 70%, #ff4fb8 0 2px, transparent 3px);
  filter: drop-shadow(0 0 7px rgba(98, 234, 255, .45));
}

.hh-h-galaxy[data-solar-resonance-kind="symbols"] .hh-solar-resonance-fx__constellation,
.hh-h-galaxy[data-solar-resonance-kind="puzzle"] .hh-solar-resonance-fx__constellation {
  opacity: .62;
  animation: hh-solar-constellation-breathe 3.2s ease-in-out infinite;
}

.hh-solar-resonance-fx__mothership {
  left: 14%;
  top: 18%;
  width: clamp(90px, 16vw, 220px);
  height: clamp(22px, 4vw, 58px);
  border: 1px solid rgba(98, 234, 255, .42);
  border-radius: 52% 52% 42% 42%;
  background: radial-gradient(ellipse at 50% 0, rgba(255, 255, 255, .78), rgba(98, 234, 255, .24) 24%, rgba(14, 31, 58, .86) 56%, transparent 72%);
  box-shadow: 0 0 30px rgba(98, 234, 255, .24), 0 14px 32px rgba(0, 0, 0, .38);
}

.hh-h-galaxy[data-solar-resonance-kind="ending"][data-solar-resonance-outcome="ufo"] .hh-solar-resonance-fx__mothership {
  opacity: .72;
  animation: hh-solar-mothership-drift 8s ease-in-out infinite alternate;
}

.hh-solar-resonance-fx__afterglow {
  width: min(72vw, 940px);
  aspect-ratio: 1.6;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 230, 109, .1), rgba(98, 234, 255, .06) 34%, rgba(169, 137, 255, .05) 55%, transparent 72%);
  filter: blur(16px);
}

.hh-h-galaxy[data-solar-resonance-kind="summary"] .hh-solar-resonance-fx__afterglow {
  opacity: .85;
  animation: hh-solar-afterglow 5.5s ease-in-out infinite alternate;
}

/* CSS/mobile fallback: preserve offset-path/transform and react with light only. */
.hh-h-galaxy:not(.is-webgl-ready) .hh-galaxy-planet {
  transition: border-color .3s ease var(--solar-resonance-delay, 0ms), box-shadow .3s ease var(--solar-resonance-delay, 0ms), filter .3s ease var(--solar-resonance-delay, 0ms), opacity .3s ease;
}

.hh-h-galaxy.is-solar-resonating:not(.is-webgl-ready) .hh-galaxy-planet {
  border-color: color-mix(in srgb, var(--planet-a) 58%, #fff);
  filter: brightness(calc(1.12 + (1 - var(--solar-resonance-distance, .5)) * .2)) saturate(1.38);
  box-shadow: 0 0 5px rgba(255,255,255,.9), 0 0 15px var(--planet-a), 0 0 34px color-mix(in srgb, var(--planet-a) 64%, transparent), inset 5px 4px 8px rgba(255,255,255,.25), inset -8px -9px 13px rgba(0,0,0,.66);
}

.hh-h-galaxy[data-solar-resonance-kind="eclipse"]:not(.is-webgl-ready) .hh-galaxy-planet { filter: brightness(.72) saturate(.88); }
.hh-h-galaxy[data-solar-resonance-kind="red"]:not(.is-webgl-ready) .hh-galaxy-planet { filter: sepia(.28) hue-rotate(322deg) brightness(1.08) saturate(1.45); }
.hh-h-galaxy[data-solar-resonance-kind="confirm"]:not(.is-webgl-ready) .hh-galaxy-planet { filter: brightness(.94) saturate(.9); }
.hh-h-galaxy[data-solar-resonance-kind="rainbow"]:not(.is-webgl-ready) .hh-galaxy-planet,
.hh-h-galaxy[data-solar-resonance-preview="merge"]:not(.is-webgl-ready) .hh-galaxy-planet { filter: brightness(1.28) saturate(1.62) hue-rotate(calc(var(--solar-resonance-group, 0) * 28deg)); }
.hh-h-galaxy[data-solar-resonance-preview="sleep"]:not(.is-webgl-ready) .hh-galaxy-planet,
.hh-h-galaxy[data-solar-resonance-outcome="sleep"]:not(.is-webgl-ready) .hh-galaxy-planet { filter: brightness(.68) saturate(.7) hue-rotate(18deg); }
.hh-h-galaxy.is-solar-charging:not(.is-webgl-ready) .hh-galaxy-planet { border-color: #fff3a4; filter: brightness(1.34) saturate(1.3); }

@keyframes hh-solar-resonance-wave { 0% { opacity: .7; transform: translate(-50%, -50%) scale(.38); } 78%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(3.9); } }
@keyframes hh-solar-resonance-corona { to { transform: translate(-50%, -50%) rotate(360deg) scale(1.04); } }
@keyframes hh-solar-gravitational-lens { 0%, 100% { opacity: .34; transform: translate(-50%, -50%) scale(.98); } 50% { opacity: .82; transform: translate(-50%, -50%) scale(1.035); } }
@keyframes hh-solar-plasma-ribbon { 0% { transform: translate(-50%, -50%) rotate(-7deg) scaleX(.82); filter: blur(12px) hue-rotate(0); } 100% { transform: translate(-50%, -50%) rotate(7deg) scaleX(1.08); filter: blur(8px) hue-rotate(60deg); } }
@keyframes hh-solar-hologram-scan { 0% { top: 8%; opacity: 0; } 12% { opacity: .76; } 88% { opacity: .54; } 100% { top: 91%; opacity: 0; } }
@keyframes hh-solar-ufo-beam { 0%, 100% { transform: translate(-50%, -50%) rotate(-16deg) scaleX(.55); opacity: .2; } 50% { transform: translate(-50%, -50%) rotate(-11deg) scaleX(1); opacity: .78; } }
@keyframes hh-solar-constellation-breathe { 50% { opacity: .9; filter: drop-shadow(0 0 12px rgba(169, 137, 255, .62)); } }
@keyframes hh-solar-mothership-drift { to { transform: translate(24px, 9px) scale(1.04); filter: hue-rotate(18deg); } }
@keyframes hh-solar-afterglow { to { opacity: 1; transform: translate(-50%, -50%) scale(1.06); } }

.hh-solar-secret-layer[hidden],
.hh-solar-secret__red-veil[hidden] {
  display: none !important;
}

.hh-solar-secret__sun-hit {
  position: absolute;
  left: var(--galaxy-x, 27vw);
  top: var(--galaxy-y, 52%);
  width: clamp(84px, 8.4vw, 124px);
  aspect-ratio: 1;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

.hh-solar-secret__sun-hit::before {
  position: absolute;
  inset: -9px;
  border: 1px solid rgba(255, 230, 109, .0);
  border-radius: inherit;
  content: "";
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.hh-solar-secret__sun-hit:hover::before,
.hh-solar-secret__sun-hit:focus-visible::before {
  border-color: rgba(255, 230, 109, .62);
  box-shadow: 0 0 18px rgba(255, 230, 109, .35), inset 0 0 18px rgba(255, 79, 184, .18);
  transform: scale(1.06);
}

.hh-solar-secret__sun-hit:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 5px;
}

.hh-solar-secret__panel {
  position: absolute;
  left: var(--galaxy-x, 27vw);
  top: calc(var(--galaxy-y, 52%) + clamp(70px, 7vw, 112px));
  display: grid;
  justify-items: center;
  gap: 9px;
  width: min(300px, calc(100vw - 26px));
  padding: 13px 14px 12px;
  border: 1px solid rgba(98, 234, 255, .42);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(12, 18, 38, .95), rgba(10, 7, 26, .92)),
    radial-gradient(circle at 50% 0, rgba(255, 79, 184, .16), transparent 62%);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .52), 0 0 28px rgba(98, 234, 255, .16), inset 0 1px rgba(255, 255, 255, .13);
  backdrop-filter: blur(17px) saturate(140%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, -8px) scale(.96);
  transition: opacity .24s ease, visibility .24s ease, transform .24s ease;
}

.hh-solar-secret-layer.is-open .hh-solar-secret__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0) scale(1);
}

.hh-solar-secret__eyebrow {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--solar-cyan);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .13em;
}

.hh-solar-secret__eyebrow i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--solar-gold);
  box-shadow: 0 0 10px var(--solar-gold);
}

.hh-solar-secret__message {
  min-height: 30px;
  margin: 0;
  color: rgba(239, 246, 255, .88);
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}

.hh-solar-secret__trigger,
.hh-solar-secret__confirm button,
.hh-solar-secret__close {
  min-height: 35px;
  border: 1px solid rgba(255, 230, 109, .58);
  border-radius: 10px;
  background: linear-gradient(105deg, rgba(255, 230, 109, .95), rgba(255, 79, 184, .92));
  color: #100b1d;
  font: 900 10px/1 inherit;
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.hh-solar-secret__trigger {
  min-width: 148px;
  padding: 0 18px;
  box-shadow: 0 8px 22px rgba(255, 79, 184, .24), 0 0 16px rgba(255, 230, 109, .17);
}

.hh-solar-secret__trigger:hover,
.hh-solar-secret__trigger:focus-visible,
.hh-solar-secret__confirm button:hover,
.hh-solar-secret__confirm button:focus-visible,
.hh-solar-secret__close:hover,
.hh-solar-secret__close:focus-visible {
  filter: brightness(1.12) saturate(1.1);
  box-shadow: 0 0 22px rgba(255, 230, 109, .38);
  transform: translateY(-1px);
}

.hh-solar-secret__trigger:focus-visible,
.hh-solar-secret__confirm button:focus-visible,
.hh-solar-secret__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

.hh-solar-secret__confirm {
  display: grid;
  justify-items: center;
  gap: 8px;
  width: 100%;
  padding: 9px 0 1px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.hh-solar-secret__confirm strong {
  color: #fff4ca;
  font-size: 11px;
}

.hh-solar-secret__confirm > div {
  display: flex;
  gap: 7px;
}

.hh-solar-secret__confirm button {
  min-width: 100px;
  min-height: 31px;
  padding: 0 10px;
  border-color: rgba(98, 234, 255, .55);
  background: rgba(12, 26, 45, .9);
  color: #eaf8ff;
  box-shadow: none;
}

.hh-solar-secret__confirm button:first-child {
  border-color: rgba(255, 230, 109, .62);
  background: linear-gradient(105deg, rgba(255, 230, 109, .94), rgba(169, 137, 255, .92));
  color: #120d23;
}

.hh-solar-secret__unlock {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  width: 100%;
  padding: 9px;
  border: 1px solid rgba(98, 234, 255, .35);
  border-radius: 11px;
  background: rgba(98, 234, 255, .08);
}

.hh-solar-secret__glyph {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: radial-gradient(circle, #fff, var(--solar-cyan) 37%, var(--solar-violet));
  color: #10102a;
  box-shadow: 0 0 20px rgba(98, 234, 255, .5);
}

.hh-solar-secret__unlock strong,
.hh-solar-secret__unlock small {
  display: block;
}

.hh-solar-secret__unlock strong {
  color: #fff;
  font-size: 10px;
}

.hh-solar-secret__unlock small {
  margin-top: 3px;
  color: rgba(226, 238, 250, .72);
  font-size: 9px;
  line-height: 1.35;
}

.hh-solar-secret__close {
  min-height: 27px;
  padding: 0 10px;
  border-color: rgba(151, 188, 218, .28);
  background: rgba(9, 17, 31, .62);
  color: rgba(224, 239, 255, .75);
  font-size: 9px;
  box-shadow: none;
}

.hh-solar-secret__ufo,
.hh-solar-secret__spark {
  position: fixed;
  z-index: 3;
  pointer-events: none;
}

.hh-solar-secret__ufo {
  left: -90px;
  top: 26%;
  width: 72px;
  height: 28px;
  border: 1px solid rgba(98, 234, 255, .75);
  border-radius: 50% 50% 45% 45%;
  background: radial-gradient(ellipse at 50% 18%, #fff 0 6%, var(--solar-cyan) 16%, var(--solar-violet) 52%, rgba(169, 137, 255, .08) 72%);
  box-shadow: 0 0 16px var(--solar-cyan), 0 0 42px rgba(169, 137, 255, .64);
  opacity: 0;
  transform: rotate(-7deg);
}

.hh-solar-secret__ufo::after {
  position: absolute;
  left: 50%;
  top: 82%;
  width: 42px;
  height: 18px;
  border: 1px solid rgba(98, 234, 255, .52);
  border-top: 0;
  border-radius: 0 0 50% 50%;
  background: linear-gradient(180deg, rgba(98, 234, 255, .26), transparent);
  content: "";
  transform: translateX(-50%);
}

.hh-solar-secret__spark {
  left: var(--galaxy-x, 27vw);
  top: var(--galaxy-y, 52%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 14px #fff, 0 0 35px var(--solar-pink), 0 0 70px var(--solar-cyan);
  opacity: 0;
  transform: translate(-50%, -50%) scale(.1);
}

.hh-solar-secret-layer.is-stage-shake .hh-solar-secret__trigger { animation: hh-solar-shake .34s ease-in-out 2; }
.hh-solar-secret-layer.is-stage-escape .hh-solar-secret__trigger { transform: translate(var(--solar-escape-x, 42px), var(--solar-escape-y, -7px)); }
.hh-solar-secret-layer.is-stage-red .hh-solar-secret__panel { border-color: rgba(255, 118, 109, .68); box-shadow: 0 18px 46px rgba(0, 0, 0, .58), 0 0 34px rgba(255, 74, 73, .32); }
.hh-solar-secret-layer.is-stage-ufo .hh-solar-secret__ufo { animation: hh-solar-ufo 2.2s cubic-bezier(.2, .75, .2, 1) both; }
.hh-solar-secret-layer.is-stage-orbit .hh-solar-secret__panel { animation: hh-solar-orbit-wobble 1.1s ease-in-out 2; }
.hh-solar-secret-layer.is-stage-glitch .hh-solar-secret__panel { animation: hh-solar-glitch .55s steps(2, end) 2; }
.hh-solar-secret-layer.is-stage-rainbow .hh-solar-secret__panel { border-color: rgba(169, 137, 255, .72); background: linear-gradient(145deg, rgba(12, 18, 38, .94), rgba(35, 8, 46, .92)); }
.hh-solar-secret-layer.is-stage-supernova .hh-solar-secret__spark { animation: hh-solar-supernova .85s cubic-bezier(.16, .84, .22, 1) both; }
.hh-solar-secret-layer.is-stage-signal .hh-solar-secret__eyebrow i { background: var(--solar-cyan); box-shadow: 0 0 13px var(--solar-cyan); animation: hh-solar-signal 1s ease-in-out infinite alternate; }
.hh-solar-secret-layer.is-stage-portal .hh-solar-secret__panel { border-color: rgba(255, 79, 184, .72); box-shadow: 0 18px 46px rgba(0, 0, 0, .58), 0 0 34px rgba(255, 79, 184, .3); }
.hh-solar-secret-layer.is-stage-unlock .hh-solar-secret__panel { border-color: rgba(98, 234, 255, .78); box-shadow: 0 18px 46px rgba(0, 0, 0, .58), 0 0 42px rgba(98, 234, 255, .34); }

.hh-solar-secret__red-veil {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: radial-gradient(circle at 28% 52%, rgba(255, 37, 48, .42), transparent 34%), linear-gradient(110deg, rgba(145, 8, 27, .38), rgba(255, 43, 62, .12), transparent 76%);
  mix-blend-mode: screen;
  animation: hh-solar-red-alert .72s ease-in-out 2;
}

@keyframes hh-solar-shake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-5px) rotate(-1deg); } 75% { transform: translateX(5px) rotate(1deg); } }
@keyframes hh-solar-ufo { 0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(-7deg) scale(.72); } 16% { opacity: 1; } 82% { opacity: .94; } 100% { opacity: 0; transform: translate3d(calc(100vw + 190px), 18vh, 0) rotate(7deg) scale(1.08); } }
@keyframes hh-solar-orbit-wobble { 0%, 100% { transform: translate(-50%, 0) rotate(0); } 30% { transform: translate(-50%, 0) rotate(-1.6deg); } 70% { transform: translate(-50%, 0) rotate(1.6deg); } }
@keyframes hh-solar-glitch { 0%, 100% { filter: none; } 25% { filter: hue-rotate(32deg) saturate(1.4); transform: translate(calc(-50% + 2px), 0); } 50% { filter: contrast(1.4); transform: translate(calc(-50% - 2px), 0); } }
@keyframes hh-solar-supernova { 0% { opacity: .98; transform: translate(-50%, -50%) scale(.1); } 65% { opacity: .85; transform: translate(-50%, -50%) scale(6.8); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(15); } }
@keyframes hh-solar-signal { to { transform: scale(1.55); opacity: .5; } }
@keyframes hh-solar-red-alert { 0%, 100% { opacity: .08; } 45% { opacity: .62; } }

@media (max-width: 1100px) {
  .hh-solar-secret__sun-hit,
  .hh-solar-secret__panel,
  .hh-solar-secret__spark { --galaxy-x: 50vw; }

  .hh-solar-secret__panel {
    top: calc(var(--galaxy-y, 39%) + 65px);
  }
}

@media (max-width: 760px) {
  .hh-solar-secret-layer {
    z-index: 45;
  }

  .hh-solar-secret__sun-hit {
    left: 50%;
    top: 39%;
    width: 74px;
  }

  .hh-solar-secret__panel {
    left: 50%;
    top: 116px;
    width: min(292px, calc(100vw - 22px));
  }

  .hh-solar-secret__red-veil {
    background: linear-gradient(180deg, rgba(164, 15, 34, .24), transparent 58%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hh-solar-secret-layer *,
  .hh-solar-secret-layer *::before,
  .hh-solar-secret-layer *::after,
  .hh-solar-secret__red-veil {
    animation: none !important;
    transition-duration: .001ms !important;
  }

  .hh-solar-secret-layer.is-stage-escape .hh-solar-secret__trigger {
    transform: none;
  }
}

@media (forced-colors: active) {
  .hh-solar-secret__panel,
  .hh-solar-secret__trigger,
  .hh-solar-secret__confirm button,
  .hh-solar-secret__close {
    border: 1px solid CanvasText;
    background: Canvas;
    color: CanvasText;
  }
}

/* Solar Secret v2: readable progress, branching choices and restrained extra layers. */
.hh-solar-secret__panel {
  width: min(360px, calc(100vw - 26px));
  gap: 8px;
  overflow: hidden;
}

.hh-solar-secret__eyebrow {
  width: 100%;
  justify-content: space-between;
  font-size: 9px;
}

.hh-solar-secret__eyebrow b {
  padding: 3px 7px;
  border: 1px solid rgba(255, 230, 109, .34);
  border-radius: 999px;
  color: #fff2bd;
  font-size: 8px;
  letter-spacing: .02em;
  white-space: nowrap;
}

.hh-solar-secret__progressbar {
  display: block;
  width: 100%;
  height: 5px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  accent-color: var(--solar-cyan);
}

.hh-solar-secret__progressbar::-webkit-progress-bar {
  border-radius: inherit;
  background: rgba(255, 255, 255, .1);
}

.hh-solar-secret__progressbar::-webkit-progress-value {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--solar-cyan), var(--solar-violet), var(--solar-pink));
  box-shadow: 0 0 12px rgba(98, 234, 255, .45);
}

.hh-solar-secret__progressbar::-moz-progress-bar {
  border-radius: inherit;
  background: linear-gradient(90deg, var(--solar-cyan), var(--solar-violet), var(--solar-pink));
}

.hh-solar-secret__hint {
  min-height: 22px;
  margin: -3px 0 0;
  color: rgba(220, 232, 255, .62);
  font-size: 9px;
  line-height: 1.35;
  text-align: center;
}

.hh-solar-secret__choices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  width: 100%;
}

.hh-solar-secret__choices button {
  display: grid;
  justify-items: center;
  gap: 3px;
  min-width: 0;
  min-height: 62px;
  padding: 7px 5px;
  border: 1px solid rgba(98, 234, 255, .34);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(20, 25, 54, .9), rgba(11, 10, 31, .9));
  color: #ecf8ff;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.hh-solar-secret__choices button:hover,
.hh-solar-secret__choices button:focus-visible {
  border-color: rgba(255, 230, 109, .76);
  background: linear-gradient(145deg, rgba(50, 35, 70, .95), rgba(14, 26, 48, .94));
  box-shadow: 0 0 18px rgba(169, 137, 255, .28);
  transform: translateY(-2px);
}

.hh-solar-secret__choices button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.hh-solar-secret__choices span {
  color: var(--solar-gold);
  font-size: 17px;
  line-height: 1;
}

.hh-solar-secret__choices strong {
  font-size: 9px;
}

.hh-solar-secret__choices small {
  color: rgba(221, 235, 253, .64);
  font-size: 8px;
  line-height: 1.2;
  text-align: center;
}

.hh-solar-secret__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  border: 1px solid rgba(98, 234, 255, .25);
  border-radius: 10px;
  background: rgba(8, 17, 37, .5);
}

.hh-solar-secret__summary div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 5px;
  text-align: center;
}

.hh-solar-secret__summary div + div {
  border-left: 1px solid rgba(255, 255, 255, .1);
}

.hh-solar-secret__summary span {
  color: rgba(204, 223, 247, .58);
  font-size: 7px;
  letter-spacing: .1em;
}

.hh-solar-secret__summary strong {
  overflow: hidden;
  color: #fff5c9;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hh-solar-secret__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
}

.hh-solar-secret__reset,
.hh-solar-secret__replay {
  min-height: 27px;
  padding: 0 10px;
  border: 1px solid rgba(98, 234, 255, .3);
  border-radius: 10px;
  background: rgba(15, 24, 45, .76);
  color: rgba(226, 241, 255, .8);
  font: 800 9px/1 inherit;
  cursor: pointer;
  transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.hh-solar-secret__reset:hover,
.hh-solar-secret__reset:focus-visible,
.hh-solar-secret__replay:hover,
.hh-solar-secret__replay:focus-visible {
  border-color: rgba(255, 230, 109, .7);
  color: #fff4be;
  transform: translateY(-1px);
}

.hh-solar-secret__reset:focus-visible,
.hh-solar-secret__replay:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.hh-solar-secret-layer::before,
.hh-solar-secret-layer::after {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: 0;
}

.hh-solar-secret-layer.is-stage-eclipse::before {
  background: radial-gradient(circle at var(--galaxy-x, 27vw) var(--galaxy-y, 52%), rgba(0, 0, 0, .74) 0 5%, rgba(38, 18, 70, .22) 12%, transparent 32%);
  animation: hh-solar-eclipse 1.3s ease-in-out both;
}

.hh-solar-secret-layer.is-stage-eclipse::after {
  background: conic-gradient(from 0deg at var(--galaxy-x, 27vw) var(--galaxy-y, 52%), transparent, rgba(255, 230, 109, .25), transparent 18% 82%, rgba(98, 234, 255, .18), transparent);
  animation: hh-solar-eclipse-ring 1.6s ease-out both;
}

.hh-solar-secret-layer.is-stage-hologram .hh-solar-secret__panel {
  border-color: rgba(98, 234, 255, .82);
  background: linear-gradient(145deg, rgba(12, 32, 52, .94), rgba(20, 8, 46, .92));
  box-shadow: 0 0 0 1px rgba(98, 234, 255, .12), 0 18px 46px rgba(0, 0, 0, .55), 0 0 35px rgba(98, 234, 255, .3);
}

.hh-solar-secret-layer.is-stage-hologram .hh-solar-secret__panel::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(180deg, transparent 0 4px, rgba(98, 234, 255, .08) 5px 6px);
  content: "";
  mix-blend-mode: screen;
}

.hh-solar-secret-layer.is-stage-hover.is-hovering .hh-solar-secret__trigger,
.hh-solar-secret-layer.is-stage-pulse .hh-solar-secret__trigger {
  box-shadow: 0 0 0 5px rgba(98, 234, 255, .08), 0 0 28px rgba(98, 234, 255, .5), 0 0 46px rgba(255, 79, 184, .32);
}

.hh-solar-secret-layer.is-stage-portal .hh-solar-secret__panel {
  background: radial-gradient(circle at 50% 110%, rgba(255, 79, 184, .18), transparent 45%), linear-gradient(145deg, rgba(12, 18, 38, .94), rgba(35, 8, 46, .92));
}

.hh-solar-secret-layer.is-stage-secret .hh-solar-secret__panel,
.hh-solar-secret-layer.is-stage-orbit-end .hh-solar-secret__panel,
.hh-solar-secret-layer.is-stage-unlock .hh-solar-secret__panel {
  animation: hh-solar-finale 1s ease-out both;
}

.hh-solar-secret-layer.is-stage-secret .hh-solar-secret__panel { border-color: rgba(255, 79, 184, .86); }
.hh-solar-secret-layer.is-stage-orbit-end .hh-solar-secret__panel { border-color: rgba(169, 137, 255, .86); }

.hh-solar-secret__meteor {
  position: fixed;
  left: -18vw;
  top: 16vh;
  z-index: 3;
  width: 130px;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, #fff, var(--solar-cyan), transparent);
  box-shadow: 0 0 12px var(--solar-cyan), 0 0 28px rgba(255, 255, 255, .7);
  opacity: 0;
  transform: rotate(28deg);
}

.hh-solar-secret-layer.is-stage-meteor .hh-solar-secret__meteor { animation: hh-solar-meteor 1.25s cubic-bezier(.2, .72, .18, 1) both; }
.hh-solar-secret-layer.is-stage-hold .hh-solar-secret__trigger { position: relative; overflow: hidden; }
.hh-solar-secret-layer.is-stage-hold .hh-solar-secret__trigger::after {
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--solar-hold-progress, 0) * 100%);
  border-radius: inherit;
  background: rgba(255, 255, 255, .22);
  content: "";
  pointer-events: none;
}

@keyframes hh-solar-eclipse { 0% { opacity: 0; transform: scale(.7); } 35%, 70% { opacity: 1; } 100% { opacity: 0; transform: scale(1.25); } }
@keyframes hh-solar-eclipse-ring { 0% { opacity: 0; transform: rotate(0) scale(.35); } 45% { opacity: .82; } 100% { opacity: 0; transform: rotate(110deg) scale(1.12); } }
@keyframes hh-solar-meteor { 0% { opacity: 0; transform: translate3d(0, 0, 0) rotate(28deg); } 12% { opacity: 1; } 100% { opacity: 0; transform: translate3d(140vw, 72vh, 0) rotate(28deg); } }
@keyframes hh-solar-finale { 0% { transform: translate(-50%, 0) scale(.97); filter: brightness(.9); } 45% { transform: translate(-50%, 0) scale(1.025); filter: brightness(1.18); } 100% { transform: translate(-50%, 0) scale(1); filter: brightness(1); } }

@media (max-width: 760px) {
  .hh-solar-secret__panel { width: min(320px, calc(100vw - 22px)); }
  .hh-solar-secret__choices { grid-template-columns: 1fr; }
  .hh-solar-secret__choices button { grid-template-columns: auto minmax(0, 1fr); justify-items: start; min-height: 47px; padding-inline: 10px; text-align: left; }
  .hh-solar-secret__choices small { text-align: left; }
  .hh-solar-secret__choices span { grid-row: span 2; align-self: center; }
}

@media (prefers-reduced-motion: reduce) {
  .hh-solar-secret-layer::before,
  .hh-solar-secret-layer::after,
  .hh-solar-secret__meteor { animation: none !important; }
}

@media (forced-colors: active) {
  .hh-solar-secret__progressbar { forced-color-adjust: none; accent-color: Highlight; }
  .hh-solar-secret__choices button,
  .hh-solar-secret__reset,
  .hh-solar-secret__replay { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
}

/* Solar Secret v3 — puzzle, five real endings, local journal and opt-in procedural sound. */
.hh-solar-secret__panel {
  width: min(390px, calc(100vw - 28px));
  max-height: min(690px, calc(100svh - 150px));
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: rgba(98, 234, 255, .5) rgba(7, 13, 30, .45);
}

.hh-solar-secret__panel [hidden] { display: none !important; }

.hh-solar-secret__header {
  display: grid;
  gap: 7px;
  width: 100%;
}

.hh-solar-secret__tools,
.hh-solar-secret__volume {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
}

.hh-solar-secret__tools button,
.hh-solar-secret__volume,
.hh-solar-secret__puzzle button,
.hh-solar-secret__branch-again {
  min-height: 30px;
  border: 1px solid rgba(98, 234, 255, .3);
  border-radius: 9px;
  background: rgba(11, 22, 43, .76);
  color: rgba(230, 244, 255, .85);
  font: 800 9px/1 inherit;
}

.hh-solar-secret__tools button,
.hh-solar-secret__puzzle button,
.hh-solar-secret__branch-again {
  padding: 0 10px;
  cursor: pointer;
}

.hh-solar-secret__tools button[aria-pressed="true"] {
  border-color: rgba(255, 230, 109, .72);
  color: #fff0a8;
  box-shadow: 0 0 15px rgba(255, 230, 109, .15);
}

.hh-solar-secret__tools button:hover,
.hh-solar-secret__tools button:focus-visible,
.hh-solar-secret__puzzle button:hover,
.hh-solar-secret__puzzle button:focus-visible,
.hh-solar-secret__branch-again:hover,
.hh-solar-secret__branch-again:focus-visible {
  border-color: rgba(255, 230, 109, .75);
  color: #fff4bd;
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, .8);
}

.hh-solar-secret__volume {
  justify-content: space-between;
  padding: 5px 9px;
  color: rgba(219, 235, 251, .72);
}

.hh-solar-secret__volume label { font-size: 9px; font-weight: 800; }
.hh-solar-secret__volume input { width: min(210px, 66%); accent-color: var(--solar-cyan); }

.hh-solar-secret__symbols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  width: 100%;
}

.hh-solar-secret__symbols span {
  display: grid;
  place-items: center;
  min-height: 48px;
  border: 1px solid rgba(98, 234, 255, .34);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 255, 255, .2), rgba(169, 137, 255, .12) 46%, transparent 70%);
  color: #fff4b8;
  font-size: 25px;
  text-shadow: 0 0 14px currentColor;
  animation: hh-solar-symbol-float 1.8s ease-in-out infinite alternate;
}

.hh-solar-secret__symbols span:nth-child(2) { color: var(--solar-cyan); animation-delay: -.55s; }
.hh-solar-secret__symbols span:nth-child(3) { color: var(--solar-pink); animation-delay: -1.1s; }

.hh-solar-secret__puzzle {
  display: grid;
  gap: 8px;
  width: 100%;
  padding: 9px;
  border: 1px solid rgba(169, 137, 255, .36);
  border-radius: 12px;
  background: radial-gradient(circle at 50% 50%, rgba(98, 234, 255, .08), transparent 65%), rgba(7, 13, 31, .58);
}

.hh-solar-secret__orbits { display: grid; gap: 6px; }

.hh-solar-secret__orbit-slot {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 4px 5px 4px 9px;
  border: 1px dashed rgba(98, 234, 255, .28);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(98, 234, 255, .05), rgba(169, 137, 255, .08));
}

.hh-solar-secret__orbit-slot > span {
  color: rgba(212, 231, 249, .64);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.hh-solar-secret__orbit-slot button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 32px;
  padding-inline: 9px;
  border-radius: 999px;
  touch-action: manipulation;
}

.hh-solar-secret__orbit-slot button b { color: var(--solar-gold); font-size: 16px; }
.hh-solar-secret__puzzle > p { margin: 0; color: rgba(226, 239, 252, .72); font-size: 9px; line-height: 1.35; text-align: center; }
.hh-solar-secret__puzzle > div:last-child { display: flex; justify-content: center; gap: 7px; }
.hh-solar-secret__puzzle button:disabled { cursor: not-allowed; filter: grayscale(.8); opacity: .42; }
.hh-solar-secret__puzzle.is-solved { border-color: rgba(130, 255, 177, .66); box-shadow: inset 0 0 24px rgba(74, 255, 155, .08); }
.hh-solar-secret__puzzle.is-solved > p { color: #aaffcb; }

.hh-solar-secret__choices {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.hh-solar-secret__choices button:last-child { grid-column: 1 / -1; }
.hh-solar-secret__choices button:disabled { cursor: not-allowed; filter: grayscale(.8); opacity: .46; transform: none; }
.hh-solar-secret__choices button.is-discovered { border-color: rgba(130, 255, 177, .52); background: linear-gradient(145deg, rgba(12, 52, 51, .84), rgba(13, 19, 43, .9)); }
.hh-solar-secret__choices button.is-discovered small { color: #9fffc9; }

.hh-solar-secret__journal {
  display: grid;
  gap: 7px;
  width: 100%;
  padding: 9px;
  border: 1px solid rgba(255, 230, 109, .24);
  border-radius: 12px;
  background: rgba(8, 13, 29, .62);
}

.hh-solar-secret__journal-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.hh-solar-secret__journal-grid div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 6px 4px;
  border-radius: 8px;
  background: rgba(98, 234, 255, .06);
  text-align: center;
}

.hh-solar-secret__journal-grid span { color: rgba(205, 225, 244, .55); font-size: 7px; }
.hh-solar-secret__journal-grid strong { color: #fff2b0; font-size: 10px; }
.hh-solar-secret__journal p,
.hh-solar-secret__journal > small { margin: 0; color: rgba(212, 230, 247, .67); font-size: 8px; line-height: 1.4; text-align: center; }
.hh-solar-secret__journal > small { color: rgba(150, 239, 255, .72); }

.hh-solar-secret__badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.hh-solar-secret__badges span,
.hh-solar-secret__badges em {
  padding: 4px 6px;
  border: 1px solid rgba(169, 137, 255, .28);
  border-radius: 999px;
  background: rgba(169, 137, 255, .08);
  color: rgba(238, 230, 255, .76);
  font-size: 7px;
  font-style: normal;
}

.hh-solar-secret__branch-again { min-height: 27px; }

.hh-solar-secret-layer.is-stage-aware .hh-solar-secret__sun-hit::before,
.hh-solar-secret-layer.is-stage-pulse .hh-solar-secret__sun-hit::before {
  border-color: rgba(255, 230, 109, .72);
  box-shadow: 0 0 20px rgba(255, 230, 109, .48), 0 0 52px rgba(255, 79, 184, .28);
  animation: hh-solar-corona 1.5s ease-in-out infinite alternate;
}

.hh-solar-secret-layer.is-stage-symbols .hh-solar-secret__panel,
.hh-solar-secret-layer.is-stage-puzzle .hh-solar-secret__panel { border-color: rgba(169, 137, 255, .72); }
.hh-solar-secret-layer.is-stage-ending .hh-solar-secret__panel,
.hh-solar-secret-layer.is-stage-summary .hh-solar-secret__panel { animation: hh-solar-finale 1s ease-out both; }
.hh-solar-secret__panel[data-outcome="portal"] { border-color: rgba(255, 79, 184, .85); box-shadow: 0 18px 46px rgba(0, 0, 0, .58), 0 0 42px rgba(255, 79, 184, .3); }
.hh-solar-secret__panel[data-outcome="orbit"] { border-color: rgba(169, 137, 255, .85); }
.hh-solar-secret__panel[data-outcome="ufo"] { border-color: rgba(98, 234, 255, .85); }
.hh-solar-secret__panel[data-outcome="sleep"] { border-color: rgba(120, 154, 232, .72); filter: saturate(.78); }
.hh-solar-secret__panel[data-outcome="merge"] { border-color: rgba(255, 230, 109, .9); box-shadow: 0 18px 46px rgba(0, 0, 0, .58), 0 0 48px rgba(255, 230, 109, .3), 0 0 70px rgba(98, 234, 255, .18); }
.hh-solar-secret-layer.is-paused *,
.hh-solar-secret-layer.is-paused *::before,
.hh-solar-secret-layer.is-paused *::after { animation-play-state: paused !important; }

@keyframes hh-solar-symbol-float { to { transform: translateY(-4px) scale(1.04); filter: brightness(1.18); } }
@keyframes hh-solar-corona { from { transform: scale(.98); opacity: .62; } to { transform: scale(1.1); opacity: 1; } }

@media (max-width: 760px) {
  .hh-solar-resonance-fx__lens,
  .hh-solar-resonance-fx__ribbon,
  .hh-solar-resonance-fx__mothership { display: none; }
  .hh-solar-resonance-fx__wave:nth-child(3) { display: none; }
  .hh-solar-resonance-fx__scan { width: 100%; }
  .hh-solar-resonance-fx__constellation { width: 92vw; }
  .hh-h-galaxy.is-solar-resonating:not(.is-webgl-ready) .hh-galaxy-planet:nth-of-type(n + 3) {
    transition-delay: 0ms;
  }

  .hh-solar-secret__panel {
    position: fixed;
    left: 50%;
    top: calc(100svh - max(10px, env(safe-area-inset-bottom)));
    bottom: auto;
    width: min(348px, calc(100vw - 20px));
    max-height: 58svh;
    padding: 11px;
    border-radius: 18px;
    transform: translate(-50%, calc(-100% + 8px)) scale(.96);
  }

  .hh-solar-secret-layer.is-open .hh-solar-secret__panel { transform: translate(-50%, -100%) scale(1); }
  .hh-solar-secret__tools button,
  .hh-solar-secret__puzzle button,
  .hh-solar-secret__branch-again,
  .hh-solar-secret__trigger,
  .hh-solar-secret__confirm button,
  .hh-solar-secret__reset,
  .hh-solar-secret__replay,
  .hh-solar-secret__close { min-height: 44px; }
  .hh-solar-secret__choices { grid-template-columns: 1fr; }
  .hh-solar-secret__choices button:last-child { grid-column: auto; }
  .hh-solar-secret__orbit-slot { grid-template-columns: 82px minmax(0, 1fr); }
  .hh-solar-secret__orbit-slot button { min-height: 44px; }
  .hh-solar-secret__actions { flex-wrap: wrap; }
}

@media (max-height: 690px) and (min-width: 761px), (min-resolution: 1.8dppx) and (min-width: 761px) {
  .hh-solar-secret__panel { top: 72px; max-height: calc(100svh - 88px); }
}

@media (prefers-reduced-motion: reduce) {
  .hh-solar-resonance-fx > i,
  .hh-h-galaxy.is-solar-resonating .hh-solar-resonance-fx > i {
    animation: none !important;
  }
  .hh-solar-resonance-fx__wave:nth-child(n + 2),
  .hh-solar-resonance-fx__scan,
  .hh-solar-resonance-fx__beam,
  .hh-solar-resonance-fx__mothership { display: none !important; }
  .hh-h-galaxy.is-solar-resonating .hh-solar-resonance-fx__wave { opacity: .2; transform: translate(-50%, -50%) scale(2.2); }
  .hh-h-galaxy.is-solar-resonating .hh-solar-resonance-fx__corona { opacity: .46; }
  .hh-h-galaxy:not(.is-webgl-ready) .hh-galaxy-planet { transition-delay: 0ms !important; }
  .hh-solar-secret__symbols span,
  .hh-solar-secret-layer.is-stage-aware .hh-solar-secret__sun-hit::before,
  .hh-solar-secret-layer.is-stage-pulse .hh-solar-secret__sun-hit::before { animation: none !important; }
}

#authGate[data-motion-level="off"] .hh-solar-resonance-fx__lens,
#authGate[data-motion-level="off"] .hh-solar-resonance-fx__ribbon,
#authGate[data-motion-level="off"] .hh-solar-resonance-fx__scan,
#authGate[data-motion-level="off"] .hh-solar-resonance-fx__beam,
#authGate[data-motion-level="off"] .hh-solar-resonance-fx__constellation,
#authGate[data-motion-level="off"] .hh-solar-resonance-fx__mothership { display: none !important; }
#authGate[data-motion-level="off"] .hh-solar-resonance-fx > i { animation: none !important; }
#authGate[data-motion-level="soft"] .hh-solar-resonance-fx__wave:nth-child(3),
#authGate[data-motion-level="soft"] .hh-solar-resonance-fx__lens,
#authGate[data-motion-level="soft"] .hh-solar-resonance-fx__mothership { display: none; }

@media (prefers-contrast: more) {
  .hh-solar-secret__panel,
  .hh-solar-secret__puzzle,
  .hh-solar-secret__journal { border-width: 2px; }
  .hh-solar-secret__message,
  .hh-solar-secret__hint { color: #fff; }
}

@media (forced-colors: active) {
  .hh-solar-resonance-fx { display: none !important; }
  .hh-solar-secret__tools button,
  .hh-solar-secret__puzzle,
  .hh-solar-secret__puzzle button,
  .hh-solar-secret__orbit-slot,
  .hh-solar-secret__journal,
  .hh-solar-secret__branch-again { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  .hh-solar-secret__choices button.is-discovered { outline: 2px solid Highlight; }
}