/* The card-game home has its own navigation and hand-painted co-op emblems. */
body.duel-home { --header-h: 0px; }
body.duel-home .site-header { display: none; }
.dh-premium .dh-nav { padding-block: 3px; }
.dh-nav-tabs { display: flex; align-items: center; justify-content: center; gap: 4px; }
.dh-premium .dh-nav .dh-back { display: inline-flex; align-items: center; gap: 7px; margin-right: 7px; padding: 10px 15px 10px 3px; border-bottom: 0; border-right: 1px solid #bba77e; color: #695535; font-size: 11px; }
.dh-back svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2.2; }
.dh-premium .dh-versus { height: clamp(60px, 5vw, 88px); }
.dh-premium .dh-versus .dh-matchup { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: auto; height: 100%; filter: none; }
.dh-matchup > img { display: block; width: auto; height: 100%; aspect-ratio: 1; object-fit: contain; flex: none; }
.dh-coop-duo { filter: drop-shadow(0 2px 1px #071d55) drop-shadow(0 0 5px #6cd9ff55); animation: dh-allies-emblem 7s ease-in-out infinite; }
.dh-coop-boss { filter: drop-shadow(0 2px 1px #071d55) drop-shadow(0 0 6px #d68cff66); animation: dh-boss-emblem 6s ease-in-out -2s infinite; }
.dh-premium .dh-matchup .dh-matchup-divider { width: 17px; height: 70%; fill: none; stroke: #ffe5ab; stroke-width: 1.5; filter: drop-shadow(0 1px #08265a); }
@keyframes dh-allies-emblem { 0%, 100% { transform: translateY(1px) rotate(-2deg); } 50% { transform: translateY(-2px) rotate(1deg); } }
@keyframes dh-boss-emblem { 0%, 100% { transform: translateY(-1px) scale(1); } 50% { transform: translateY(2px) scale(1.025); } }
@media (max-width: 900px) {
  .dh-nav-tabs { gap: 1px; }
  .dh-premium .dh-nav .dh-back { padding-right: 9px; margin-right: 4px; font-size: 10px; gap: 5px; }
  .dh-premium .dh-versus { height: 66px; }
}
@media (max-width: 540px) {
  .dh-premium .dh-nav { flex-direction: column; align-items: stretch; gap: 3px; padding: 3px 6px 0; }
  .dh-nav-tabs { width: 100%; gap: 0; justify-content: space-between; }
  .dh-premium .dh-nav .dh-back { align-self: flex-start; border: 0; margin: 0; padding: 3px 5px; font-size: 11px; line-height: 18px; }
  .dh-back svg { width: 13px; height: 13px; }
  .dh-premium .dh-masthead { height: 278px; }
  .dh-premium .dh-play { height: 694px; }
  .dh-premium .dh-versus { height: 54px; }
  .dh-premium .dh-matchup .dh-matchup-divider { width: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .dh-coop-duo, .dh-coop-boss { animation: none; }
}