/* Temporary prank palette: BABYSHIT GREEN nightmare. */
header {
  background: repeating-linear-gradient(
    45deg,
    #8fa80a 0 14px,
    #b4c406 14px 28px,
    #9fb300 28px 42px,
    #7b8c00 42px 56px,
    #556000 56px 70px
  );
  color: #1d2100;
  box-shadow:
    inset 0 0 0 5px #6c7500,
    inset 0 0 0 10px #9dae00,
    inset 0 0 0 15px #d1d700,
    0 20px 34px rgba(15, 20, 0, 0.65);
}

header .title {
  color: #e5ff6b !important;
  text-shadow: -3px -3px 0 #556000, 3px 3px 0 #d1d700;
  letter-spacing: 2px;
  font-style: italic;
  filter: saturate(4) brightness(1.1) hue-rotate(-10deg);
}

header > :last-child {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 10px;
  background: repeating-linear-gradient(
    90deg,
    rgba(135, 151, 0, 0.78) 0 12px,
    rgba(168, 180, 20, 0.78) 12px 24px,
    rgba(94, 109, 0, 0.78) 24px 36px
  );
  border: 6px groove #4a5200;
  box-shadow: inset 0 0 22px 8px #1a1f00;
}

header > :last-child a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 24px;
  color: #202100 !important;
  text-decoration: none;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  background: linear-gradient(135deg, #c7d20f, #9fad00 40%, #6c7500 75%, #d9e200 100%);
  border: 5px dotted #e9f200;
  box-shadow:
    0 0 0 4px #5b6200,
    0 12px 18px rgba(0, 0, 0, 0.7);
  transition: transform 0.12s ease, filter 0.12s ease, box-shadow 0.12s ease;
  animation: wobble 0.85s ease-in-out infinite alternate;
}

header > :last-child a:nth-child(2n) {
  background: linear-gradient(135deg, #9bae00, #b4c406 45%, #5a6200 90%);
  border-style: double;
}

header > :last-child a:hover {
  filter: hue-rotate(-20deg) saturate(4);
  transform: rotate(-4deg) scale(1.12);
  box-shadow:
    0 0 0 4px #d1d700,
    0 18px 26px rgba(0, 0, 0, 0.8);
}

header > :last-child a:active {
  transform: translateY(4px) rotate(4deg) scale(0.9);
  box-shadow:
    0 0 0 4px #b4c406,
    0 10px 14px rgba(0, 0, 0, 0.65);
}

header .pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  background: repeating-linear-gradient(
    35deg,
    #d1d700 0 10px,
    #758000 10px 20px,
    #c0cc00 20px 30px
  );
  border: 6px ridge #4f5600;
  color: #f2f7a0;
  box-shadow: 0 0 0 4px #9fb300, 0 10px 22px rgba(0, 0, 0, 0.65);
  text-transform: uppercase;
  animation: wobble 1.05s ease-in-out infinite alternate;
}

@keyframes wobble {
  from {
    transform: translateY(-3px) rotate(-3deg);
  }
  to {
    transform: translateY(3px) rotate(3deg);
  }
}