/* Fixed to the viewport: the header's backdrop must not clip this disclosure. */
#ha-games-trigger { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .025em; text-transform: uppercase; white-space: nowrap; color: var(--txt-mute); background: transparent; box-shadow: none; }
#ha-games-trigger:hover, #ha-games-trigger[aria-expanded="true"] { color: var(--txt); background: #ffffff06; }
#ha-games-trigger > svg { width: 16px; height: 16px; flex-shrink: 0; }
#ha-games-trigger > span { display: inline; font: inherit; letter-spacing: inherit; }
#ha-games-trigger > .ha-games-chevron { width: 8px; height: 8px; margin-left: 2px; transform: none; transition: transform .15s ease; }
#ha-games-trigger[aria-expanded="true"] > .ha-games-chevron { transform: rotate(180deg); }
@media(prefers-reduced-motion: reduce) { #ha-games-trigger > .ha-games-chevron { transition: none; } }
.ha-games-menu { position: fixed; z-index: 160; padding: 10px; overflow: auto; overscroll-behavior: contain; background: #10151c; border: 1px solid var(--edge); border-radius: 14px; box-shadow: 0 20px 65px #000b, inset 0 1px #ffffff0a; }
.ha-games-menu[hidden], .ha-games-backdrop[hidden] { display: none !important; }
.ha-games-sheet-header, .ha-games-handle { display: none; }
.ha-games-backdrop { position: fixed; inset: 0; z-index: 155; background: #030609b8; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
.ha-games-close { position: absolute; top: 16px; right: 16px; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--edge); border-radius: 10px; color: var(--txt-dim); background: var(--raise); }
.ha-games-close svg { width: 17px; height: 17px; }
.ha-game-link { display: flex; width: 100%; align-items: center; gap: 10px; padding: 8px 10px; margin: 3px 0; border: 1px solid transparent; border-radius: 9px; background: #ffffff03; color: var(--txt); text-align: left; cursor: pointer; }
.ha-game-link:hover { background: var(--raise); border-color: var(--edge); }
.ha-game-link[aria-current="page"] { background: #e8c07a0b; border-color: #e8c07a42; }
.ha-game-link-art { width: 52px; height: 52px; flex: 0 0 52px; display: grid; place-items: center; color: var(--txt-dim); background: #080b10; border-radius: 8px; }
.ha-game-link-art svg { width: 26px; height: 26px; }
.ha-game-link[aria-current="page"] .ha-game-link-art { color: var(--gold); }
.ha-game-link b { display: block; font-size: 14px; margin-bottom: 6px; }
.ha-game-link small { color: var(--txt-mute); font-size: 11px; }
.ha-game-link em { font: normal 8px var(--num); letter-spacing: .04em; margin-left: 5px; padding: 3px 5px; border-radius: 3px; color: var(--green); background: var(--green-dim); }
.ha-game-link:focus-visible, .ha-games-trigger:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.ha-games-close:focus-visible, #ha-mobile-games-trigger:focus-visible { outline: 2px solid var(--green); outline-offset: -3px; }
@media(max-width: 819px) {
  #ha-games-trigger { display: none; }
  body.ha-games-open { overflow: hidden; overscroll-behavior: none; }
  .ha-games-menu { left: 0; right: 0; top: auto; bottom: 0; width: 100%; max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 24px); display: flex; flex-direction: column; overflow: hidden; padding: 0 0 max(20px, env(safe-area-inset-bottom, 0px)); border: 0; border-top: 1px solid #ffffff12; border-radius: 20px 20px 0 0; background: #11171e; box-shadow: 0 -12px 60px #0008; }
  .ha-games-sheet-header { display: block; flex: none; position: relative; touch-action: none; user-select: none; cursor: grab; }
  .ha-games-menu.is-dragging .ha-games-sheet-header { cursor: grabbing; }
  .ha-games-handle { display: block; width: 36px; height: 4px; margin: 12px auto 0; border-radius: 4px; background: #64707d; }
  .ha-games-menu-heading { display: block; padding: 22px 72px 20px 24px; }
  .ha-games-menu-heading .ha-games-mobile-title { display: block; font: 700 21px/1.3 var(--font); }
  .ha-games-close { top: 25px; right: 16px; border: 0; background: #ffffff06; border-radius: 50%; }
  .ha-games-links { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 max(16px, env(safe-area-inset-right, 0px)) 0 max(16px, env(safe-area-inset-left, 0px)); }
  .ha-game-link { min-height: 76px; margin: 0; padding: 14px 12px; gap: 14px; border: 0; border-radius: 10px; background: transparent; }
  .ha-game-link + .ha-game-link { margin-top: 4px; }
  .ha-game-link[aria-current="page"] { background: #e8c07a0d; }
  .ha-game-link::after { content: ''; width: 7px; height: 7px; margin-left: auto; margin-right: 4px; border-top: 1.5px solid var(--txt-mute); border-right: 1.5px solid var(--txt-mute); transform: rotate(45deg); flex: none; }
  .ha-game-link-art { width: 44px; height: 44px; flex-basis: 44px; border-radius: 10px; }
  .ha-game-link b { margin-bottom: 4px; }
  .ha-game-link small { font-size: 11px; line-height: 1.5; }
  .ha-games-backdrop { background: #03060999; touch-action: none; -webkit-backdrop-filter: none; backdrop-filter: none; animation: ha-games-scrim-in .24s ease; }
  .ha-games-backdrop.is-closing { animation: none; opacity: 0; transition: opacity .2s ease; }
  .ha-bnav { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .ha-bnav > button { min-width: 0; }
  .ha-chat { bottom: calc(var(--bnav-h) + env(safe-area-inset-bottom, 0px)); }
}
@keyframes ha-games-scrim-in { from { opacity: 0; } to { opacity: 1; } }
@media(prefers-reduced-motion: reduce) { .ha-games-backdrop, .ha-games-backdrop.is-closing { animation: none; transition: none; } }
@media(max-width: 639px) {
  #ha-games-trigger { gap: 6px; padding: 0 8px; }
  .ha-top { gap: 6px; }
  .ha-top-logo { order: 0; }
  .ha-top-logo img { width: 65px; margin-right: 0; object-fit: contain; }
  .ha-topnav { order: 1; gap: 2px; }
  .ha-topnav .ha-topnav-item[data-nav="locker"], .ha-topnav .ha-topnav-item[data-nav="shop"] { width: 34px; padding: 0; justify-content: center; }
  .ha-topnav .ha-topnav-item[data-nav="locker"] span, .ha-topnav .ha-topnav-item[data-nav="shop"] span { display: none; }
  .ha-socials { order: 2; gap: 0; }
  .ha-social-link { width: 30px; }
  .ha-top-right { order: 3; }
  .ha-chainbadge { order: 4; flex-basis: 100%; justify-content: center; }
}
@media(min-width: 640px) and (max-width: 819px) {
  .ha-top { flex-wrap: wrap; height: auto; gap: 8px; padding-block: 8px; }
  .ha-top-right { flex: 1 0 100%; justify-content: flex-end; }
}
@media(max-width: 360px) {
  .ha-top-logo img { width: 58px; }
  .ha-topnav .ha-topnav-item[data-nav="locker"], .ha-topnav .ha-topnav-item[data-nav="shop"] { min-width: 32px; width: 32px; }
  .ha-social-link { width: 24px; }
}