.mega-card.zypher-card {
  cursor: default;
}

.mega-menu-grid.has-sakura-founder {
  gap: 16px;
  padding: 20px;
}

.mega-card.color-sakura {
  --theme: #ff5f9f;
}

.sakura-card {
  cursor: pointer;
}

.sakura-founder-chip {
  position: relative;
  width: 180px;
  height: 200px;
}

.sakura-chip-canvas {
  display: none;
  width: 180px;
  height: 200px;
  filter: hue-rotate(40deg) saturate(1.2) brightness(1.08);
}

.sakura-founder-chip.is-ready .sakura-chip-canvas {
  display: block;
}

.sakura-founder-chip.is-ready .sakura-chip-fallback {
  display: none;
}

.sakura-source-mask {
  position: absolute;
  inset: 0;
  z-index: 4;
  display: none;
  width: 180px;
  height: 200px;
  margin: auto;
  pointer-events: none;
}

.mega-card.is-sakura-animation-source .sakura-source-mask {
  display: block;
}

.mega-card.is-sakura-animation-source .mega-card-img-container canvas:not(.sakura-source-mask) {
  opacity: 0;
}

.sakura-chip-fallback {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 126px;
  height: 126px;
  padding: 8px;
  background: linear-gradient(135deg, #ff2f87 0 18%, #ff9fc6 18% 33%, #ff4e98 33% 44%, #151015 44% 100%);
  border-radius: 17px;
  box-shadow: 0 14px 24px #ff5f9f38;
  transform: translate(-50%, -50%) rotate(-7deg) skewY(-2deg);
}

.sakura-chip-fallback::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(145deg, #111 0%, #020202 72%);
  border-radius: 14px;
  box-shadow: inset 0 0 0 2px #ff5f9f80;
}

.sakura-chip-frame,
.sakura-chip-core {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 2px solid #ff5f9f;
  transform: translate(-50%, -50%);
}

.sakura-chip-frame {
  width: 50px;
  height: 50px;
  box-shadow: 0 0 14px #ff5f9f4d;
}

.sakura-chip-core {
  width: 26px;
  height: 26px;
  background: linear-gradient(135deg, #ff9fc6, #ff2f87);
  box-shadow: 0 0 16px #ff5f9f73;
}

.navbar nav .sakura-x-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  width: 34px;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 !important;
  color: #ede4cc;
  transition: color 0.2s ease, transform 0.2s ease;
}

.sakura-card:hover .sakura-x-link,
.navbar nav .sakura-x-link:hover,
.navbar nav .sakura-x-link:focus-visible {
  color: #141414;
  outline: none;
  transform: translateY(-2px);
}

.navbar nav .sakura-x-link:focus-visible {
  box-shadow: 0 0 0 3px #ff00554d;
}

.zypher-socials {
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  height: 34px;
  min-height: 34px;
}

.navbar nav .zypher-social-link {
  position: relative;
  z-index: 5;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  gap: 6px;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 9px !important;
  color: #141414;
  background: #fffdf5;
  border: 1px solid #ede4cc;
  border-radius: 999px;
  font-family: "Space Mono", monospace;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.navbar nav .zypher-social-link:first-child {
  flex: 0 0 34px;
  width: 34px;
  padding: 0 !important;
  color: #ede4cc;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
  font-size: 1.2rem;
}

.navbar nav .zypher-social-link:first-child span:last-child {
  display: none;
}

.navbar nav .zypher-social-link:first-child .zypher-social-platform {
  color: inherit;
}

.mega-card.zypher-card:hover .zypher-social-link:first-child,
.navbar nav .zypher-social-link:first-child:hover,
.navbar nav .zypher-social-link:first-child:focus-visible {
  color: #141414;
  background: transparent;
  border-color: transparent;
  transform: none;
}

.navbar nav .zypher-social-link:hover,
.navbar nav .zypher-social-link:focus-visible {
  color: #fffdf5;
  background: #141414;
  border-color: #141414;
  outline: none;
  transform: translateY(-2px);
}

.navbar nav .zypher-social-link:focus-visible {
  box-shadow: 0 0 0 3px #ff00554d;
}

.zypher-social-platform {
  color: #ff0055;
}

.navbar nav .zypher-social-link:hover .zypher-social-platform,
.navbar nav .zypher-social-link:focus-visible .zypher-social-platform {
  color: #ff7aa6;
}