/* UI fix v3 */
@media (min-width: 1024px) {
  .hof-podium { max-width: 620px !important; margin: 0 auto !important; gap: 18px !important; }
  .hof-podium__col { min-width: 0 !important; }
  .hof-game-img { height: auto !important; aspect-ratio: 3 / 4 !important; background-size: cover !important; background-position: center !important; }
}
.hof-row__value { font-size: 15px !important; font-weight: 700 !important; }
.hof-row__name { font-size: 13px !important; }
.hof-coin--sm { width: 15px !important; height: 15px !important; }
.left-main .games-item { position: relative !important; background: transparent !important; }
.left-main .games-item > * { position: relative !important; z-index: 1 !important; }
.left-main .games-item::after { content: "" !important; position: absolute !important; left: 4px !important; right: 4px !important; top: 2px !important; bottom: 2px !important; border-radius: 10px !important; background: transparent !important; transition: background .15s ease !important; z-index: 0 !important; pointer-events: none !important; }
.left-main .games-item:hover::after { background: rgba(255,255,255,.07) !important; }
.left-main .games-item.isActive::after, .left-main .games-item.yellow::after { background: rgba(251,191,36,.14) !important; }
body:not(.light-theme) .left-main .games-item .games-title { color: #9aa3b5 !important; -webkit-text-fill-color: #9aa3b5 !important; transition: color .15s ease !important; }
body:not(.light-theme) .left-main .games-menu .games-item:hover .games-title { color: #e8ecf5 !important; -webkit-text-fill-color: #e8ecf5 !important; }
body .left-main .games-menu .games-item.isActive .games-title, body .left-main .games-menu .games-item.yellow .games-title { color: #fbbf24 !important; -webkit-text-fill-color: #fbbf24 !important; }

/* no white on hover */
.left-main .games-menu .menu-bubbles:hover .games-title, .left-main .games-menu .menu-dice:hover .games-title, .left-main .games-menu .menu-mines:hover .games-title, .left-main .games-menu .menu-plinko:hover .games-title, .left-main .games-menu .menu-tower:hover .games-title, .left-main .games-menu .menu-slots:hover .games-title, .left-main .games-menu .menu-lives:hover .games-title, .left-main .games-menu .menu-wheel:hover .games-title, .left-main .games-menu .menu-kenos:hover .games-title, .left-main .games-menu .menu-jack:hover .games-title { color: inherit !important; -webkit-text-fill-color: currentColor !important; }

/* hide scrollbars on main rows */
@media (min-width: 1024px) {
  .new-games, .new-games.v2, .new-games .flex.flex-row { scrollbar-width: none !important; -ms-overflow-style: none !important; }
  .new-games::-webkit-scrollbar, .new-games.v2::-webkit-scrollbar, .new-games .flex.flex-row::-webkit-scrollbar { display: none !important; height: 0 !important; width: 0 !important; }
}


/* dark inputs + autofill fix */
body:not(.light-theme) .field-input { background: #1f2633 !important; }
body:not(.light-theme) .field-input input { background: transparent !important; color: #e8ecf5 !important; -webkit-text-fill-color: #e8ecf5 !important; }
body:not(.light-theme) .field-input input:-webkit-autofill, body:not(.light-theme) .field-input input:-webkit-autofill:hover, body:not(.light-theme) .field-input input:-webkit-autofill:focus, body:not(.light-theme) .field-input input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #1f2633 inset !important; box-shadow: 0 0 0 1000px #1f2633 inset !important; -webkit-text-fill-color: #e8ecf5 !important; caret-color: #e8ecf5 !important; transition: background-color 9999s ease-in-out 0s !important; }




/* Ref PC layout v4 */
@media (min-width: 1024px) {
  .ref-container { max-width: 1080px !important; display: grid !important; grid-template-columns: minmax(0,1.55fr) minmax(0,1fr) !important; grid-template-rows: auto 1fr auto !important; gap: 16px 20px !important; align-items: start !important; }
  .ref-container > .ref-card { min-width: 0 !important; margin: 0 !important; }
  .ref-container > .ref-card:nth-of-type(1) { grid-column: 1 !important; grid-row: 1 !important; }
  .ref-container > .ref-card:nth-of-type(2) { grid-column: 1 !important; grid-row: 2 !important; align-self: start !important; }
  .ref-container > .ref-card:nth-of-type(3) { grid-column: 2 !important; grid-row: 1 / span 2 !important; align-self: stretch !important; }
  .ref-container > .ref-card:nth-of-type(4) { grid-column: 1 / -1 !important; grid-row: 3 !important; }
}


/* light theme: visible TG links in ConnectTG modal */
body.light-theme #connectTg a { color: #2563eb !important; text-decoration: underline !important; font-weight: 600 !important; }
body.light-theme #connectTg a:hover { color: #1d4ed8 !important; }


/* mobile capsule: no yellow bg on active item v2 */
@media (max-width: 768px) {
  .left-main .games-menu .games-item.isActive.isActive, .left-main .games-menu .games-item.yellow.yellow { background: transparent !important; background-color: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; }
  .left-main .games-menu .games-item.isActive .games-img, .left-main .games-menu .games-item.yellow .games-img { background-color: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
  .left-main .games-menu .games-item, .left-main .games-menu .games-item * { -webkit-tap-highlight-color: transparent !important; }
  .left-main .games-menu .games-item:active, .left-main .games-menu .games-item:focus { background: transparent !important; background-image: none !important; }
}


/* mobile: no amber active overlay in capsule */
@media (max-width: 1023px) {
  .left-main .games-item.isActive::after, .left-main .games-item.yellow::after, .left-main .games-item:hover::after, .left-main .games-item:active::after { background: transparent !important; }
  .left-main .games-menu .games-item, .left-main .games-menu .games-item * { -webkit-tap-highlight-color: transparent !important; }
}

/* mobile: hall of fame bottom row fit */
@media (max-width: 1023px) {
  body .hof-page-wrap .hof-card { overflow: hidden !important; }
  body .hof-page-wrap .hof-row { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; overflow: visible !important; }
  body .hof-page-wrap .hof-row__item { display: flex !important; flex-direction: column !important; align-items: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; }
  body .hof-page-wrap .hof-row .hof-game-img--sm { width: 100% !important; height: auto !important; aspect-ratio: 3 / 4 !important; background-size: cover !important; background-position: center !important; border-radius: 10px !important; margin: 0 0 6px !important; }
  body .hof-page-wrap .hof-row__name { width: 100% !important; margin: 0 0 2px !important; font-size: 10px !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
  body .hof-page-wrap .hof-row__value { width: 100% !important; margin: 0 !important; font-size: 11px !important; line-height: 1.2 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; white-space: nowrap !important; gap: 2px !important; }
  body .hof-page-wrap .hof-row__value .hof-coin, body .hof-page-wrap .hof-row__value .hof-coin--sm { width: 11px !important; height: 11px !important; min-width: 11px !important; flex: 0 0 auto !important; }
}