/* Shared mouse hover for QUEST controls. Achievement colors stay at rest. */
:root {
  --quest-hover-blue: #72d5ff;
  --quest-hover-glow: rgba(48, 166, 255, .65);
}

@media (hover: hover) and (pointer: fine) {
  :is(a[href], button, [role="button"], input[type="button"], input[type="submit"], summary):not(.footer-link *):not(:disabled):not([aria-disabled="true"]):hover {
    border-color: var(--quest-hover-blue) !important;
    box-shadow: 0 0 0 1px rgba(114, 213, 255, .7),
                0 0 16px var(--quest-hover-glow),
                0 0 30px rgba(48, 166, 255, .3) !important;
  }

  /* Round navigation and sound icons sit inside transparent controls. */
  :is(a[href], button):not(.footer-link *):not(:disabled):not([aria-disabled="true"]):hover
  :is(.homeCircle, .soundCircle) {
    border-color: var(--quest-hover-blue) !important;
    background: rgba(25, 80, 140, .85) !important;
    box-shadow: 0 0 16px var(--quest-hover-glow) !important;
  }
}

/* Footer text links use an underline instead of the button glow. */
.footer-link a,
.footer-link button {
  text-decoration: none;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .footer-link a:hover,
  .footer-link button:hover {
    text-decoration: underline;
  }
}