/* G2U Games: screenshot-inspired mega menu, scoped to Games only. */
@media (min-width: 861px) {
  .g2u-games-dd::after { height: 30px; }
  .g2u-games-dd > .g2u-games-panel {
    position: fixed;
    top: 68px;
    left: 50%;
    transform: translateX(-50%);
    width: min(920px, calc(100vw - 28px));
    height: min(548px, calc(100dvh - 88px));
    min-width: 0;
    padding: 0;
    display: none;
    grid-template-columns: none;
    flex-direction: row;
    gap: 0;
    overflow: hidden;
    background: #0e131d;
    color: #eaf1ff;
    border: 1px solid #273547;
    border-radius: 14px;
    box-shadow: 0 22px 65px rgba(0,0,0,.55);
  }
  .g2u-games-dd:hover > .g2u-games-panel,
  .g2u-games-dd:focus-within > .g2u-games-panel,
  .g2u-games-dd.open > .g2u-games-panel { display: flex; }
}
.g2u-games-panel *, .g2u-games-panel *::before, .g2u-games-panel *::after { box-sizing: border-box; }
.g2u-games-panel .g2u-games-sidebar {
  flex: 0 0 206px;
  min-width: 0;
  background: #131720;
  border-right: 1px solid #2a3443;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #335786 #121b2a;
  scrollbar-width: thin;
  padding: 7px 9px 12px;
}
.g2u-games-sidebar-section + .g2u-games-sidebar-section { margin-top: 15px; border-top: 1px solid #2a3443; padding-top: 17px; }
.g2u-games-sidebar-heading {
  display: flex; align-items: center; gap: 8px;
  margin: 0 8px 8px;
  font-size: 13px; font-weight: 600; line-height: 1.4;
  color: #aab5c9;
}
.g2u-games-sidebar-heading .ico { width: 16px; height: 16px; opacity:.75; }
.g2u-games-side-link {
  display: flex; align-items: center; gap: 9px;
  min-height: 36px; padding: 7px 8px;
  border-radius: 9px; color: #e7edf9;
  font-size: 13px; font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}
.g2u-games-side-link > span:last-child,
.g2u-games-item > span:last-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g2u-games-side-link:hover,
.g2u-games-side-link:focus-visible { color: #fff; background: #212b3c; }
.g2u-games-panel .g2u-mega-icon,
.g2u-games-panel .gtile {
  flex: 0 0 22px;
  width: 22px; height: 22px; min-width: 22px;
  object-fit: cover;
  border-radius: 6px;
  font-size: 10px; line-height: 1;
}
.g2u-games-panel .gtile { display: grid; place-items: center; }
.g2u-games-empty-recent { margin: 5px 8px 14px; font-size: 12px; color: #76869d; line-height: 1.5; }
.g2u-games-panel .g2u-games-content { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; padding: 18px 17px 12px; }
.g2u-games-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.g2u-games-tabs { display: flex; gap: 7px; }
.g2u-games-panel .g2u-games-tab {
  font: inherit; font-size: 12px; font-weight: 600; color: #a9b5cc;
  border: 1px solid #2b3545; background: transparent;
  border-radius: 24px; padding: 7px 15px;
  white-space: nowrap; cursor: pointer;
}
.g2u-games-panel .g2u-games-tab.is-active,
.g2u-games-panel .g2u-games-tab:hover { background: #293141; color: #fff; border-color: #384458; }
.g2u-games-search-wrap {
  flex: 0 1 212px; min-width: 130px; display: flex; align-items: center; gap: 9px;
  height: 37px; padding: 0 12px;
  border: 1px solid #2b3545; border-radius: 22px;
  background: #111720; color: #9facbf;
}
.g2u-games-search-wrap .ico { width: 16px; height: 16px; flex: 0 0 auto; }
.g2u-games-panel .g2u-games-search-input {
  min-width: 0; width: 100%; height: 33px; padding: 0;
  background: transparent; border: 0 !important; outline: 0;
  color: #e8f0fe; font: inherit; font-size: 13px;
  box-shadow: none !important;
}
.g2u-games-search-input::placeholder { color: #8997aa; }
.g2u-games-search-wrap:focus-within { border-color: #447fff; box-shadow: 0 0 0 2px rgba(37,99,235,.16); }
.g2u-games-list-scroll { flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; min-height: 0; overscroll-behavior: contain; scrollbar-color: #335786 #121b2a; scrollbar-width: thin; }
.g2u-games-panel .g2u-games-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); column-gap: 9px; row-gap: 2px; align-content: start; }
.g2u-games-item {
  display: flex; align-items: center; gap: 9px;
  min-width: 0; height: 39px; padding: 6px 7px;
  color: #e7edf9; font-size: 13px; font-weight: 500;
  border-radius: 9px; text-decoration: none;
}
.g2u-games-item:hover,
.g2u-games-item:focus-visible { color: #fff; background: #202b3a; }
.g2u-games-item[hidden] { display: none !important; }
.g2u-games-no-results { color: #8fa3c1; font-size: 13px; text-align: center; padding: 32px 8px; }
.g2u-games-no-results[hidden] { display: none; }
.g2u-games-all {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  margin-top: 10px; padding: 9px 4px 0;
  border-top: 1px solid #293748; color: #83afff; font-size: 12px; font-weight: 600;
}
.g2u-games-all:hover { color: #c1d8ff; }
@media (max-width: 1040px) and (min-width: 861px) {
  .g2u-games-panel .g2u-games-sidebar { flex-basis: 190px; }
  .g2u-games-panel .g2u-games-content { padding: 14px 12px; }
  .g2u-games-panel .g2u-games-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
/* Existing hamburger-free mobile navigation remains unchanged. */
@media (max-width: 860px) {
  .g2u-games-dd > .g2u-games-panel { display: grid; grid-template-columns: 1fr; }
  .g2u-games-panel .g2u-games-sidebar { display: none; }
  .g2u-games-panel .g2u-games-content { padding: 9px 0; }
  .g2u-games-panel .g2u-games-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .g2u-games-panel .g2u-games-toolbar { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
 .g2u-games-panel * { scroll-behavior: auto !important; transition: none !important; }
}

/* Compact first sidebar heading and unobtrusive Ocean Blue scrollbars. */
.g2u-games-panel .g2u-games-sidebar-section:first-child { margin-top: 0; padding-top: 0; }
/* Override the global section { margin: 40px 0 } only for the Recent block. */
.g2u-games-panel .g2u-games-sidebar > .g2u-games-sidebar-section:first-child { margin-top: 0; }
.g2u-games-panel .g2u-games-sidebar::-webkit-scrollbar,
.g2u-games-panel .g2u-games-list-scroll::-webkit-scrollbar { width: 7px; height: 7px; }
.g2u-games-panel .g2u-games-sidebar::-webkit-scrollbar-track,
.g2u-games-panel .g2u-games-list-scroll::-webkit-scrollbar-track { background: #121b2a; border-radius: 99px; }
.g2u-games-panel .g2u-games-sidebar::-webkit-scrollbar-thumb,
.g2u-games-panel .g2u-games-list-scroll::-webkit-scrollbar-thumb {
  background: #335786; border: 1px solid #121b2a; border-radius: 99px;
}
.g2u-games-panel .g2u-games-sidebar:hover::-webkit-scrollbar-thumb,
.g2u-games-panel .g2u-games-list-scroll:hover::-webkit-scrollbar-thumb { background: #4c82cb; }
.g2u-games-popular-heading .ico {
  opacity: 1; color: #ff8c36; fill: rgba(255,112,40,.28);
  filter: drop-shadow(0 0 4px rgba(255,102,27,.3));
}


/* G2U hover category preview: desktop only, isolated from existing mobile menu. */
@media (min-width: 861px) {
  .g2u-games-dd > .g2u-games-panel { width: min(1160px, calc(100vw - 28px)); }
  .g2u-games-panel .g2u-games-content { flex: 1 1 0; }
  .g2u-games-panel .g2u-category-preview {
    display:flex; flex:0 0 236px; min-width:0; flex-direction:column;
    border-left:1px solid #273547; padding:16px 12px 12px;
    background:linear-gradient(145deg,#121b2b,#0d121b 72%);
  }
  .g2u-category-preview-title { display:flex; align-items:center; gap:9px; min-height:32px; margin-bottom:12px; color:#edf4ff; font-size:13px; }
  .g2u-category-preview-title strong { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  .g2u-category-preview-title img, .g2u-category-preview-title .gtile { width:26px; height:26px; min-width:26px; object-fit:cover; border-radius:7px; }
  .g2u-category-preview-links { display:flex; flex-direction:column; gap:7px; }
  .g2u-category-preview-link { display:flex; align-items:center; gap:9px; min-height:38px; padding:8px 9px; background:#1b2230; color:#e4edfc; border:1px solid #313c4e; border-radius:8px; font-size:12px; text-decoration:none; }
  .g2u-category-preview-link:hover, .g2u-category-preview-link:focus-visible { background:#233653; border-color:#4076bc; color:#fff; }
  .g2u-category-preview-icon { display:inline-grid; place-items:center; width:19px; height:19px; color:#85b8ff; font-size:17px; }
  .g2u-category-preview-link small { margin-left:auto; font-size:11px; color:#9aa9c0; }
  .g2u-category-preview-empty { color:#94a6bf; font-size:12px; padding:8px; }
  .g2u-games-panel .g2u-game-preview-active { background:#233047; color:#fff; }
}
@media (min-width:861px) and (max-width:1050px) {
  .g2u-games-panel .g2u-category-preview { flex-basis:198px; padding:12px 9px; }
}
@media (max-width:860px) { .g2u-games-panel .g2u-category-preview { display:none !important; } }

/* g2u-spacing-icons-v1: only the Games Mega Menu spacing and category icon appearance. */
.g2u-games-panel .g2u-games-side-link + .g2u-games-side-link { margin-top: 6px; }
.g2u-games-panel .g2u-games-list { row-gap: 6px; }
.g2u-games-panel .g2u-category-preview-icon { width: 20px; height: 20px; flex: 0 0 20px; }
.g2u-games-panel .g2u-category-preview-icon svg { display: block; width: 19px; height: 19px; stroke: currentColor; }

/* g2u-games-compact-columns-v1: compact Recent spacing and narrower 3-column layout. */
@media (min-width: 861px) {
  .g2u-games-panel .g2u-games-recent {
    min-height: 0 !important;
    display: grid;
    align-content: start;
    gap: 6px;
  }

  .g2u-games-panel .g2u-games-empty-recent { margin-bottom: 0; }

  .g2u-games-panel .g2u-games-sidebar-section:first-child {
    min-height: 0 !important;
    height: auto !important;
  }

  .g2u-games-panel .g2u-games-popular-block,
  .g2u-games-panel .g2u-games-sidebar-section + .g2u-games-sidebar-section {
    margin-top: 12px;
    padding-top: 14px;
  }

  .g2u-games-dd > .g2u-games-panel { width: min(1040px, calc(100vw - 24px)); }

  .g2u-games-panel .g2u-games-content {
    flex: 0 1 598px;
    max-width: 598px;
    padding-right: 14px;
  }

  .g2u-games-panel .g2u-games-list {
    grid-template-columns: repeat(3, minmax(0, 170px));
    justify-content: start;
    column-gap: 16px;
    row-gap: 8px;
  }

  .g2u-games-panel .g2u-games-item { width: 100%; }
}

@media (min-width: 861px) and (max-width: 1080px) {
  .g2u-games-dd > .g2u-games-panel { width: min(980px, calc(100vw - 18px)); }

  .g2u-games-panel .g2u-games-content {
    flex-basis: 520px;
    max-width: 520px;
    padding-right: 10px;
  }

  .g2u-games-panel .g2u-games-list {
    grid-template-columns: repeat(3, minmax(0, 150px));
    column-gap: 12px;
  }
}

/* g2u-recent-tight-spacing-v1: Recent entries closer together; divider closer to the 5th game. */
@media (min-width: 861px) {
  .g2u-games-panel .g2u-games-recent { gap: 2px; }
  .g2u-games-panel .g2u-games-recent > .g2u-games-side-link + .g2u-games-side-link { margin-top: 0; }
  .g2u-games-panel .g2u-games-recent > .g2u-games-side-link { min-height: 32px; padding-top: 5px; padding-bottom: 5px; }
  .g2u-games-panel .g2u-games-popular-block { margin-top: 3px; padding-top: 10px; }
}

/* g2u-recent-divider-and-hover-delay-v1: override the site's global section margin; tighten only Recent divider. */
@media (min-width: 861px) {
  .g2u-games-panel .g2u-games-sidebar > .g2u-games-sidebar-section:first-child {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  .g2u-games-panel .g2u-games-sidebar > .g2u-games-popular-block {
    margin: 5px 0 0 !important;
    padding-top: 9px;
  }
  .g2u-games-panel .g2u-games-recent { gap: 1px; }
  .g2u-games-panel .g2u-games-recent > .g2u-games-side-link + .g2u-games-side-link { margin-top: 0; }
}

/* g2u-games-ocean-background-v1: subtle decorative background, no overlays or interaction changes. */
@media (min-width: 861px) {
  .g2u-games-dd > .g2u-games-panel {
    background-color: #0e131d;
    background-image: linear-gradient(135deg, #121a29 0%, #0b111b 56%, #0d1624 100%);
  }
  .g2u-games-panel .g2u-games-sidebar {
    background-color: #111823;
    background-image: radial-gradient(ellipse at 12% 0%, rgba(49,103,184,.105), transparent 65%),
                      linear-gradient(165deg, #131b28, #10151e 72%);
  }
  .g2u-games-panel .g2u-games-content {
    background-color: #0e131d;
    background-image:
      radial-gradient(ellipse 70% 52% at 51% -10%, rgba(39,94,178,.12), transparent 83%),
      radial-gradient(ellipse 60% 43% at 97% 99%, rgba(20,76,144,.08), transparent 90%),
      repeating-radial-gradient(ellipse 280px 122px at 54% -73px, transparent 0px, transparent 53px, rgba(99,147,215,.035) 54px, transparent 55px, transparent 79px),
      linear-gradient(180deg, #0e141f, #0c111b);
  }
  .g2u-games-panel .g2u-category-preview {
    background-color: #101826;
    background-image: radial-gradient(ellipse at 85% 0%, rgba(41,98,180,.15), transparent 66%),
                      linear-gradient(160deg,#121d2e,#0e141e 76%);
  }
}

/* g2u-most-popular-tight-v1: keep Most popular compact like Recent. */
@media (min-width: 861px) {
  .g2u-games-panel .g2u-games-popular-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .g2u-games-panel .g2u-games-popular-block > a.g2u-games-side-link:nth-of-type(n + 7) {
    display: none !important;
  }

  .g2u-games-panel .g2u-games-popular-block > a.g2u-games-side-link:last-of-type {
    margin-bottom: 0 !important;
  }

  .g2u-games-panel .g2u-games-sidebar {
    padding-bottom: 4px;
  }
}

/* g2u-popular-six-equal-recent-v2: identical row density in Recent and Most popular. */
@media (min-width: 861px) {
  .g2u-games-panel .g2u-games-popular-block > .g2u-games-side-link {
    min-height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .g2u-games-panel .g2u-games-popular-block > .g2u-games-side-link + .g2u-games-side-link {
    margin-top: 1px !important;
  }
  .g2u-games-panel .g2u-games-popular-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .g2u-games-dd > .g2u-games-panel {
    height: min(450px, calc(100dvh - 88px));
  }
}


/* g2u-center-grid-compact-v1: closer columns and tighter game rows; other panels unchanged. */
@media (min-width: 861px) {
  .g2u-games-panel .g2u-games-list {
    grid-template-columns: repeat(3, minmax(0, 150px));
    column-gap: 10px;
    row-gap: 2px;
    justify-content: start;
  }
  .g2u-games-panel .g2u-games-item {
    height: 34px;
    min-height: 34px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}
@media (min-width: 861px) and (max-width: 1080px) {
  .g2u-games-panel .g2u-games-list {
    grid-template-columns: repeat(3, minmax(0, 142px));
    column-gap: 8px;
  }
}


/* g2u-center-reference-layout-v1: screenshot-proportioned middle Games pane only. */
@media (min-width: 861px) {
  .g2u-games-dd > .g2u-games-panel {
    width: min(1100px, calc(100vw - 18px));
  }
  .g2u-games-panel .g2u-games-content {
    flex: 1 1 0;
    max-width: none;
    min-width: 0;
    padding: 17px 14px 11px;
  }
  .g2u-games-panel .g2u-games-toolbar { margin-bottom: 14px; }
  .g2u-games-panel .g2u-games-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 8px;
    row-gap: 0;
    justify-content: stretch;
  }
  .g2u-games-panel .g2u-games-item {
    width: 100%;
    height: 36px;
    min-height: 36px;
    padding: 5px 7px;
  }
}
@media (min-width: 861px) and (max-width: 1080px) {
  .g2u-games-dd > .g2u-games-panel {
    width: min(1040px, calc(100vw - 16px));
  }
  .g2u-games-panel .g2u-games-content {
    flex: 1 1 0;
    max-width: none;
    padding: 15px 11px 10px;
  }
  .g2u-games-panel .g2u-games-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 6px;
  }
}
