/* 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; }