/* Shared "Back to the Secret Level" button for every game page.
   Use in a game at games/<name>/index.html:
   <link rel="stylesheet" href="../../assets/css/back-to-arcade.css">
   <a class="arcade-back" href="../../index.html"><span class="ab-arrow" aria-hidden="true">&#9664;</span><span class="ab-full">BACK TO THE SECRET LEVEL</span><span class="ab-short">BACK</span></a> */
.arcade-back {
  --ab-pink: #ff4fa3; --ab-cyan: #4fd6ff; --ab-yellow: #ffe14a; --ab-deep: #060820;
  display: inline-flex; align-items: center; gap: 10px; flex: none;
  font-family: "Press Start 2P", ui-monospace, "Courier New", monospace;
  font-size: 10px; line-height: 1; letter-spacing: .04em; white-space: nowrap;
  color: var(--ab-yellow); text-decoration: none;
  background: var(--ab-deep); padding: 11px 16px 11px 12px;
  border: 2px solid var(--ab-pink); border-radius: 4px;
  text-shadow: 0 0 6px rgba(255, 225, 74, .7);
  box-shadow: 0 0 5px var(--ab-pink), 0 0 14px rgba(255, 79, 163, .4), inset 0 0 8px rgba(255, 79, 163, .3);
  animation: ab-hum 2.6s ease-in-out infinite;
  -webkit-tap-highlight-color: transparent; cursor: pointer;
}
.arcade-back .ab-arrow { color: var(--ab-cyan); font-size: 9px; text-shadow: 0 0 6px var(--ab-cyan); }
.arcade-back:hover, .arcade-back:focus-visible {
  animation: none; outline: none; color: #fff; border-color: var(--ab-cyan);
  box-shadow: 0 0 7px var(--ab-cyan), 0 0 20px rgba(79, 214, 255, .5), inset 0 0 10px rgba(79, 214, 255, .3);
}
.arcade-back:active { transform: translateY(1px); }
@keyframes ab-hum {
  0%, 100% { box-shadow: 0 0 5px var(--ab-pink), 0 0 14px rgba(255, 79, 163, .4), inset 0 0 8px rgba(255, 79, 163, .3); }
  50% { box-shadow: 0 0 8px var(--ab-pink), 0 0 22px rgba(255, 79, 163, .6), inset 0 0 12px rgba(255, 79, 163, .45); }
}
@media (prefers-reduced-motion: reduce) { .arcade-back { animation: none; } }
/* long label normally; just "BACK" where space is tight (phone held sideways, full screen) */
.arcade-back .ab-short { display: none; }
.cab-back-hh .ab-full, .cab-back-fs .ab-full { display: none; }
.cab-back-hh .ab-short, .cab-back-fs .ab-short { display: inline; }