/* Original Bloxera themes inspired by common web-design eras. */
html[data-bloxera-theme] {
  --theme-bg: #110d14;
  --theme-bg-effect: radial-gradient(circle at 85% 0%, rgba(184, 91, 208, .16), transparent 32rem);
  --theme-panel: #211827;
  --theme-panel-soft: #2a1f31;
  --theme-nav: #1b1320;
  --theme-sidebar: #18111d;
  --theme-border: rgba(231, 134, 240, .22);
  --theme-accent: #e786f0;
  --theme-accent-strong: #b85bd0;
  --theme-text: #fff8ff;
  --theme-muted: #bcaec2;
  --theme-radius: 14px;
  --theme-shadow: 0 14px 35px rgba(0, 0, 0, .24);
}

html[data-bloxera-theme="2016"] {
  --theme-bg: #f2f2f2; --theme-bg-effect: none; --theme-panel: #fff; --theme-panel-soft: #e9e9e9;
  --theme-nav: #0866a8; --theme-sidebar: #fff; --theme-border: #c8c8c8; --theme-accent: #168ccc;
  --theme-accent-strong: #0866a8; --theme-text: #292929; --theme-muted: #666; --theme-radius: 2px;
  --theme-shadow: 0 1px 3px rgba(0,0,0,.2);
}
html[data-bloxera-theme="2017"] {
  --theme-bg: #e9ebee; --theme-bg-effect: none; --theme-panel: #fff; --theme-panel-soft: #f5f5f5;
  --theme-nav: #00a2ff; --theme-sidebar: #f7f7f7; --theme-border: #d5d5d5; --theme-accent: #00a2ff;
  --theme-accent-strong: #0087d4; --theme-text: #191919; --theme-muted: #606060; --theme-radius: 4px;
  --theme-shadow: 0 1px 4px rgba(0,0,0,.16);
}
html[data-bloxera-theme="2018"] {
  --theme-bg: #f4f4f4; --theme-bg-effect: none; --theme-panel: #fff; --theme-panel-soft: #ededed;
  --theme-nav: #242424; --theme-sidebar: #fff; --theme-border: #d8d8d8; --theme-accent: #0074bd;
  --theme-accent-strong: #005f9c; --theme-text: #292929; --theme-muted: #757575; --theme-radius: 4px;
  --theme-shadow: 0 2px 5px rgba(0,0,0,.12);
}
html[data-bloxera-theme="2019"] {
  --theme-bg: #e7e9eb; --theme-bg-effect: none; --theme-panel: #fff; --theme-panel-soft: #f2f3f5;
  --theme-nav: #232527; --theme-sidebar: #f7f7f8; --theme-border: #d6d8da; --theme-accent: #00a2ff;
  --theme-accent-strong: #008bdc; --theme-text: #232527; --theme-muted: #6f7378; --theme-radius: 6px;
  --theme-shadow: 0 2px 8px rgba(0,0,0,.1);
}
html[data-bloxera-theme="2020"] {
  --theme-bg: #191b1d; --theme-bg-effect: none; --theme-panel: #232527; --theme-panel-soft: #303234;
  --theme-nav: #202224; --theme-sidebar: #232527; --theme-border: #45484c; --theme-accent: #00a2ff;
  --theme-accent-strong: #008bdc; --theme-text: #f7f7f8; --theme-muted: #b8b8b8; --theme-radius: 8px;
  --theme-shadow: 0 2px 10px rgba(0,0,0,.28);
}
html[data-bloxera-theme="2021"] {
  --theme-bg: #f2f4f5; --theme-bg-effect: none; --theme-panel: #fff; --theme-panel-soft: #e8eaec;
  --theme-nav: #dee1e3; --theme-sidebar: #fff; --theme-border: #c9cdd0; --theme-accent: #00a2ff;
  --theme-accent-strong: #008bdc; --theme-text: #393b3d; --theme-muted: #656668; --theme-radius: 8px;
  --theme-shadow: 0 1px 3px rgba(0,0,0,.12);
}
html[data-bloxera-theme="2022"] {
  --theme-bg: #f2f4f5; --theme-bg-effect: none; --theme-panel: #fff; --theme-panel-soft: #e7e9eb;
  --theme-nav: #dfe2e4; --theme-sidebar: #fff; --theme-border: #c7cbce; --theme-accent: #00a2ff;
  --theme-accent-strong: #007fc7; --theme-text: #393b3d; --theme-muted: #606266; --theme-radius: 8px;
  --theme-shadow: 0 1px 4px rgba(0,0,0,.13);
}

html[data-bloxera-theme] body,
html[data-bloxera-theme] body.modal-open {
  --bs-body-bg: var(--theme-bg) !important;
  --bs-body-color: var(--theme-text) !important;
  --bs-heading-color: var(--theme-text) !important;
  background: var(--theme-bg-effect), var(--theme-bg) !important;
  color: var(--theme-text) !important;
}
html[data-bloxera-theme] .navbar { background: var(--theme-nav) !important; border-color: var(--theme-border) !important; }
html[data-bloxera-theme] .sidebar { background: var(--theme-sidebar) !important; border-color: var(--theme-border) !important; }
html[data-bloxera-theme] .subnav-bar { background: var(--theme-panel) !important; border-color: var(--theme-border) !important; }
html[data-bloxera-theme] .card,
html[data-bloxera-theme] .card-container,
html[data-bloxera-theme] .modal-content,
html[data-bloxera-theme] .dropdown-menu,
html[data-bloxera-theme] .list-group-item,
html[data-bloxera-theme] .accordion-item,
html[data-bloxera-theme] .dark-container,
html[data-bloxera-theme] .settings-container,
html[data-bloxera-theme] .place-card {
  color: var(--theme-text) !important; background: var(--theme-panel) !important;
  border-color: var(--theme-border) !important; border-radius: var(--theme-radius) !important; box-shadow: var(--theme-shadow);
}
html[data-bloxera-theme] .bg-dark { background-color: var(--theme-panel-soft) !important; color: var(--theme-text) !important; }
html[data-bloxera-theme] .text-secondary,
html[data-bloxera-theme] .text-muted { color: var(--theme-muted) !important; }
html[data-bloxera-theme] a { color: var(--theme-accent); }
html[data-bloxera-theme] a:hover { color: var(--theme-accent-strong); }
html[data-bloxera-theme] .btn-primary,
html[data-bloxera-theme] .btn-success,
html[data-bloxera-theme] button[type="submit"] {
  background: var(--theme-accent-strong) !important; border-color: var(--theme-accent-strong) !important; box-shadow: none;
}
html[data-bloxera-theme] .form-control,
html[data-bloxera-theme] .form-select,
html[data-bloxera-theme] input,
html[data-bloxera-theme] textarea,
html[data-bloxera-theme] select {
  color: var(--theme-text) !important; background: var(--theme-panel-soft) !important;
  border-color: var(--theme-border) !important; border-radius: var(--theme-radius) !important;
}
html[data-bloxera-theme]:not([data-bloxera-theme="bloxera"]) .bloxera-wordmark { filter: drop-shadow(0 1px 1px rgba(0,0,0,.35)); }
html[data-bloxera-theme="2016"] .sidebar .nav-link,
html[data-bloxera-theme="2017"] .sidebar .nav-link,
html[data-bloxera-theme="2018"] .sidebar .nav-link,
html[data-bloxera-theme="2019"] .sidebar .nav-link { color: #333 !important; }

/* Era layouts: each preset changes the navigation shell as well as its palette. */
@media (min-width: 993px) {
  html[data-bloxera-theme="2016"],
  html[data-bloxera-theme="2017"] { --sidebar-width: 0px; }

  html[data-bloxera-theme="2016"] body,
  html[data-bloxera-theme="2017"] body { padding-top: 108px !important; }

  html[data-bloxera-theme="2016"] .sidebar,
  html[data-bloxera-theme="2017"] .sidebar {
    top: 60px; right: 0; bottom: auto; width: 100%; height: 48px; padding: 0;
    overflow-x: auto; overflow-y: hidden; border-right: 0; border-bottom: 1px solid var(--theme-border);
    box-shadow: 0 2px 4px rgba(0,0,0,.12); transform: none !important;
  }
  html[data-bloxera-theme="2016"] .sidebar-nav,
  html[data-bloxera-theme="2017"] .sidebar-nav {
    display: flex; align-items: stretch; width: max-content; min-width: 100%; height: 47px; padding: 0 14px;
  }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link,
  html[data-bloxera-theme="2017"] .sidebar-nav .nav-link {
    height: 47px; margin: 0; padding: 0 13px; gap: 6px; border-radius: 0;
    animation: none; white-space: nowrap; font-size: 14px; border-right: 1px solid var(--theme-border);
  }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link:hover,
  html[data-bloxera-theme="2017"] .sidebar-nav .nav-link:hover { transform: none; background: var(--theme-panel-soft); }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link::before,
  html[data-bloxera-theme="2017"] .sidebar-nav .nav-link::before { left: 0; right: 0; top: auto; bottom: 0; width: 100%; height: 3px; transform: scaleX(0); }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link:hover::before,
  html[data-bloxera-theme="2017"] .sidebar-nav .nav-link:hover::before { transform: scaleX(1); }
  html[data-bloxera-theme="2016"] .main-content,
  html[data-bloxera-theme="2017"] .main-content { margin-left: 0 !important; margin-top: 0 !important; padding-top: 18px; }
  html[data-bloxera-theme="2016"] #footer,
  html[data-bloxera-theme="2017"] #footer { margin-left: 0; }
  html[data-bloxera-theme="2016"] #websitewidemessage,
  html[data-bloxera-theme="2017"] #websitewidemessage { left: 0; top: 108px; }
  html[data-bloxera-theme="2016"] .toggle-sidebar,
  html[data-bloxera-theme="2017"] .toggle-sidebar { display: none !important; }
  html[data-bloxera-theme="2016"] .navbar { height: 60px; box-shadow: none; }
  html[data-bloxera-theme="2016"] .bloxera-wordmark { width: 132px !important; height: 36px !important; }
  html[data-bloxera-theme="2017"] .sidebar { background: #fff !important; }
  html[data-bloxera-theme="2017"] .sidebar-nav { justify-content: center; }

  html[data-bloxera-theme="2018"] { --sidebar-width: 190px; }
  html[data-bloxera-theme="2018"] .sidebar { width: 190px; box-shadow: 2px 0 5px rgba(0,0,0,.12); }
  html[data-bloxera-theme="2018"] .sidebar-nav { padding: 8px; }
  html[data-bloxera-theme="2018"] .sidebar-nav .nav-link { padding: 9px 10px; margin: 0; border-radius: 0; animation: none; }
  html[data-bloxera-theme="2018"] .sidebar-nav .nav-link:hover { transform: none; background: #e8e8e8; }
  html[data-bloxera-theme="2018"] .main-content { margin-left: 190px; margin-top: -50px !important; }
  html[data-bloxera-theme="2018"] #footer { margin-left: 190px; }
  html[data-bloxera-theme="2018"] #websitewidemessage { left: 190px; }

  html[data-bloxera-theme="2019"] { --sidebar-width: 220px; }
  html[data-bloxera-theme="2019"] .sidebar { width: 220px; box-shadow: 4px 0 12px rgba(0,0,0,.1); }
  html[data-bloxera-theme="2019"] .sidebar-nav { padding: 12px; }
  html[data-bloxera-theme="2019"] .sidebar-nav .nav-link { padding: 10px 12px; margin-bottom: 2px; border-radius: 4px; animation: none; }
  html[data-bloxera-theme="2019"] .sidebar-nav .nav-link:hover { transform: translateX(2px); background: #e9eef2; }
  html[data-bloxera-theme="2019"] .main-content { margin-left: 220px; margin-top: -50px !important; }
  html[data-bloxera-theme="2019"] #footer { margin-left: 220px; }
  html[data-bloxera-theme="2019"] #websitewidemessage { left: 220px; }

  html[data-bloxera-theme="2020"] { --sidebar-width: 78px; }
  html[data-bloxera-theme="2020"] .sidebar { width: 78px; box-shadow: 4px 0 14px rgba(0,0,0,.3); }
  html[data-bloxera-theme="2020"] .sidebar-nav { padding: 8px; }
  html[data-bloxera-theme="2020"] .sidebar-nav .nav-link {
    justify-content: center; width: 58px; height: 52px; padding: 0; margin: 3px 0;
    gap: 0; overflow: hidden; color: transparent !important; font-size: 0; border-radius: 8px; animation: none;
  }
  html[data-bloxera-theme="2020"] .sidebar-nav .nav-link i { color: var(--theme-text); font-size: 22px; margin: 0; }
  html[data-bloxera-theme="2020"] .sidebar-nav .nav-link .badge { position: absolute; top: 3px; right: 3px; font-size: 9px; }
  html[data-bloxera-theme="2020"] .sidebar-nav .nav-link:hover { transform: none; background: #35383b; }
  html[data-bloxera-theme="2020"] .main-content { margin-left: 78px; margin-top: -50px !important; }
  html[data-bloxera-theme="2020"] #footer { margin-left: 78px; }
  html[data-bloxera-theme="2020"] #websitewidemessage { left: 78px; }
}

.theme-settings { padding: 16px; background: var(--theme-panel); border: 1px solid var(--theme-border); border-radius: var(--theme-radius); }
.theme-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.theme-option { position: relative; display: flex; align-items: center; gap: 10px; min-height: 78px; padding: 10px;
  cursor: pointer; border: 2px solid var(--theme-border); border-radius: max(6px, var(--theme-radius)); background: var(--theme-panel-soft); }
.theme-option:hover { transform: translateY(-1px); border-color: var(--theme-accent); }
.theme-option:has(input:checked) { border-color: var(--theme-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-accent) 20%, transparent); }
.theme-option input { position: absolute; opacity: 0; pointer-events: none; }
.theme-swatch { flex: 0 0 54px; height: 44px; overflow: hidden; border: 1px solid rgba(128,128,128,.4); border-radius: 5px; background: var(--preview-bg, #17101d); }
.theme-swatch i { display: block; height: 10px; background: var(--preview-nav, #b85bd0); }
.theme-swatch b, .theme-swatch em { display: inline-block; margin: 6px 0 0 5px; height: 22px; background: var(--preview-panel, #2a1f31); }
.theme-swatch b { width: 12px; } .theme-swatch em { width: 28px; }
[data-theme-preview="2016"] { --preview-bg:#f2f2f2;--preview-nav:#0866a8;--preview-panel:#fff; }
[data-theme-preview="2017"] { --preview-bg:#e9ebee;--preview-nav:#00a2ff;--preview-panel:#fff; }
[data-theme-preview="2018"] { --preview-bg:#f4f4f4;--preview-nav:#242424;--preview-panel:#fff; }
[data-theme-preview="2019"] { --preview-bg:#e7e9eb;--preview-nav:#232527;--preview-panel:#fff; }
[data-theme-preview="2020"] { --preview-bg:#191b1d;--preview-nav:#202224;--preview-panel:#303234; }
[data-theme-preview="2021"] { --preview-bg:#f2f4f5;--preview-nav:#dee1e3;--preview-panel:#fff; }
[data-theme-preview="2022"] { --preview-bg:#f2f4f5;--preview-nav:#dfe2e4;--preview-panel:#fff; }
.theme-option-copy { min-width: 0; display: flex; flex-direction: column; }
.theme-option-copy small { color: var(--theme-muted); line-height: 1.15; }
.theme-check { margin-left: auto; color: var(--theme-accent); opacity: 0; }
.theme-option:has(input:checked) .theme-check { opacity: 1; }
@media (max-width: 760px) { .theme-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .theme-grid { grid-template-columns: 1fr; } }

/* Reference-accurate navigation structures for the supplied 2016–2022 examples. */
.era-top-links { display: none; flex: 1 1 auto; align-items: center; gap: 0; height: 100%; margin: 0 24px; }
.era-top-links > a { display: flex; align-items: center; justify-content: center; height: 100%; min-width: 105px; padding: 0 18px;
  color: inherit !important; text-decoration: none; font-weight: 600; border-radius: 0; }
.era-top-links > a:hover { background: rgba(0,0,0,.08); }
.era-search { display: flex; align-items: center; flex: 1 1 360px; max-width: 520px; height: 32px; margin-left: 12px;
  padding: 0 9px; color: #555; background: #fff; border: 1px solid rgba(0,0,0,.22); border-radius: 3px; }
.era-search input { width: 100%; height: 28px; padding: 0 7px; color: #333 !important; background: transparent !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.games-label-modern { display: none; }

@media (min-width: 993px) {
  html[data-bloxera-theme="2016"], html[data-bloxera-theme="2017"], html[data-bloxera-theme="2018"] { --navbar-height: 42px; }
  html[data-bloxera-theme="2016"] body, html[data-bloxera-theme="2017"] body,
  html[data-bloxera-theme="2018"] body { padding-top: 42px !important; }
  html[data-bloxera-theme="2016"] .navbar, html[data-bloxera-theme="2017"] .navbar,
  html[data-bloxera-theme="2018"] .navbar { height: 42px; padding: 0 12px; background: #087abc !important; color: #fff !important; }
  html[data-bloxera-theme="2016"] .navbar .toggle-sidebar, html[data-bloxera-theme="2017"] .navbar .toggle-sidebar,
  html[data-bloxera-theme="2018"] .navbar .toggle-sidebar { display: none !important; }
  html[data-bloxera-theme="2016"] .bloxera-wordmark, html[data-bloxera-theme="2017"] .bloxera-wordmark,
  html[data-bloxera-theme="2018"] .bloxera-wordmark { width: 125px !important; height: 34px !important; filter: grayscale(1) brightness(0) invert(1); }
  html[data-bloxera-theme="2016"] .era-top-links, html[data-bloxera-theme="2017"] .era-top-links,
  html[data-bloxera-theme="2018"] .era-top-links { display: flex; color: #fff; }
  html[data-bloxera-theme="2016"] .era-link-modern, html[data-bloxera-theme="2017"] .era-link-modern,
  html[data-bloxera-theme="2018"] .era-link-modern { display: none; }
  html[data-bloxera-theme="2016"] .sidebar, html[data-bloxera-theme="2017"] .sidebar,
  html[data-bloxera-theme="2018"] .sidebar {
    display: block !important; top: 42px; right: auto; bottom: 0; width: 176px; height: auto; padding: 8px 0;
    overflow-x: hidden; overflow-y: auto; background: #fff !important; border-right: 1px solid #d5d5d5; box-shadow: none; transform: none !important;
  }
  html[data-bloxera-theme="2016"] .sidebar-nav, html[data-bloxera-theme="2017"] .sidebar-nav,
  html[data-bloxera-theme="2018"] .sidebar-nav { display: block; width: auto; min-width: 0; height: auto; padding: 6px 8px; }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link, html[data-bloxera-theme="2017"] .sidebar-nav .nav-link,
  html[data-bloxera-theme="2018"] .sidebar-nav .nav-link {
    justify-content: flex-start; width: 100%; height: 34px; margin: 0; padding: 5px 7px; gap: 8px; color: #333 !important;
    border: 0; border-radius: 0; font-size: 14px; white-space: nowrap;
  }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link:hover, html[data-bloxera-theme="2017"] .sidebar-nav .nav-link:hover,
  html[data-bloxera-theme="2018"] .sidebar-nav .nav-link:hover { background: #ececec; transform: none; }
  html[data-bloxera-theme="2016"] .sidebar-nav .nav-link::before, html[data-bloxera-theme="2017"] .sidebar-nav .nav-link::before,
  html[data-bloxera-theme="2018"] .sidebar-nav .nav-link::before { display: none; }
  html[data-bloxera-theme="2016"] .main-content, html[data-bloxera-theme="2017"] .main-content,
  html[data-bloxera-theme="2018"] .main-content { margin-left: 176px !important; margin-top: 0 !important; padding: 22px; }
  html[data-bloxera-theme="2016"] #footer, html[data-bloxera-theme="2017"] #footer,
  html[data-bloxera-theme="2018"] #footer { margin-left: 176px; }
  html[data-bloxera-theme="2016"] #websitewidemessage, html[data-bloxera-theme="2017"] #websitewidemessage,
  html[data-bloxera-theme="2018"] #websitewidemessage { top: 42px; left: 176px; }

  html[data-bloxera-theme="2019"], html[data-bloxera-theme="2020"],
  html[data-bloxera-theme="2021"], html[data-bloxera-theme="2022"] { --sidebar-width: 0px; --navbar-height: 40px; }
  html[data-bloxera-theme="2019"] body, html[data-bloxera-theme="2020"] body,
  html[data-bloxera-theme="2021"] body, html[data-bloxera-theme="2022"] body { padding-top: 40px !important; }
  html[data-bloxera-theme="2019"] .sidebar, html[data-bloxera-theme="2020"] .sidebar,
  html[data-bloxera-theme="2021"] .sidebar, html[data-bloxera-theme="2022"] .sidebar { display: none !important; }
  html[data-bloxera-theme="2019"] .navbar, html[data-bloxera-theme="2020"] .navbar,
  html[data-bloxera-theme="2021"] .navbar, html[data-bloxera-theme="2022"] .navbar { height: 40px; padding: 0 12px; box-shadow: none; }
  html[data-bloxera-theme="2019"] .navbar { background: #087abc !important; color: #fff !important; }
  html[data-bloxera-theme="2020"] .navbar, html[data-bloxera-theme="2021"] .navbar,
  html[data-bloxera-theme="2022"] .navbar { background: var(--theme-nav) !important; color: #393b3d !important; }
  html[data-bloxera-theme="2019"] .era-top-links, html[data-bloxera-theme="2020"] .era-top-links,
  html[data-bloxera-theme="2021"] .era-top-links, html[data-bloxera-theme="2022"] .era-top-links { display: flex; }
  html[data-bloxera-theme="2019"] .era-link-legacy, html[data-bloxera-theme="2020"] .era-link-legacy,
  html[data-bloxera-theme="2021"] .era-link-legacy, html[data-bloxera-theme="2022"] .era-link-legacy { display: none; }
  html[data-bloxera-theme="2019"] .era-top-links { color: #fff; }
  html[data-bloxera-theme="2020"] .era-top-links, html[data-bloxera-theme="2021"] .era-top-links,
  html[data-bloxera-theme="2022"] .era-top-links { color: #393b3d; }
  html[data-bloxera-theme="2019"] .main-content, html[data-bloxera-theme="2020"] .main-content,
  html[data-bloxera-theme="2021"] .main-content, html[data-bloxera-theme="2022"] .main-content {
    width: 100%; max-width: none; margin-left: 0 !important; margin-top: 0 !important; padding: 18px 10px;
  }
  html[data-bloxera-theme="2019"] #footer, html[data-bloxera-theme="2020"] #footer,
  html[data-bloxera-theme="2021"] #footer, html[data-bloxera-theme="2022"] #footer { margin-left: 0; }
  html[data-bloxera-theme="2019"] #websitewidemessage, html[data-bloxera-theme="2020"] #websitewidemessage,
  html[data-bloxera-theme="2021"] #websitewidemessage, html[data-bloxera-theme="2022"] #websitewidemessage { top: 40px; left: 0; }
  html[data-bloxera-theme="2020"] .card, html[data-bloxera-theme="2021"] .card,
  html[data-bloxera-theme="2022"] .card { box-shadow: none; }
}

/* Discovery rows matching the supplied 2019–2022 references. */
@media (min-width: 993px) {
  html[data-bloxera-theme="2019"] .games-page,
  html[data-bloxera-theme="2020"] .games-page,
  html[data-bloxera-theme="2021"] .games-page,
  html[data-bloxera-theme="2022"] .games-page {
    max-width: none !important; margin-top: 0 !important; padding: 10px !important; overflow: hidden;
  }
  html[data-bloxera-theme="2019"] .games-label-default,
  html[data-bloxera-theme="2020"] .games-label-default,
  html[data-bloxera-theme="2021"] .games-label-default,
  html[data-bloxera-theme="2022"] .games-label-default { display: none; }
  html[data-bloxera-theme="2019"] .games-label-modern,
  html[data-bloxera-theme="2020"] .games-label-modern,
  html[data-bloxera-theme="2021"] .games-label-modern,
  html[data-bloxera-theme="2022"] .games-label-modern { display: inline; }
  html[data-bloxera-theme="2019"] .games-section-heading,
  html[data-bloxera-theme="2020"] .games-section-heading,
  html[data-bloxera-theme="2021"] .games-section-heading,
  html[data-bloxera-theme="2022"] .games-section-heading { min-height: 38px; margin-top: 8px; }
  html[data-bloxera-theme="2019"] .games-section-heading h1,
  html[data-bloxera-theme="2020"] .games-section-heading h1,
  html[data-bloxera-theme="2021"] .games-section-heading h1,
  html[data-bloxera-theme="2022"] .games-section-heading h1 { margin: 0; font-size: 21px; font-weight: 700; }
  html[data-bloxera-theme="2019"] .games-view-all,
  html[data-bloxera-theme="2020"] .games-view-all,
  html[data-bloxera-theme="2021"] .games-view-all,
  html[data-bloxera-theme="2022"] .games-view-all { margin-left: auto !important; color: var(--theme-text) !important; }
  html[data-bloxera-theme="2019"] .games-section-heading > form,
  html[data-bloxera-theme="2020"] .games-section-heading > form,
  html[data-bloxera-theme="2021"] .games-section-heading > form,
  html[data-bloxera-theme="2022"] .games-section-heading > form { display: none; }
  html[data-bloxera-theme="2019"] .games-page .place-card-container,
  html[data-bloxera-theme="2020"] .games-page .place-card-container,
  html[data-bloxera-theme="2021"] .games-page .place-card-container,
  html[data-bloxera-theme="2022"] .games-page .place-card-container {
    flex-wrap: nowrap; gap: 12px; padding: 5px 30px 18px !important; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x proximity; scrollbar-width: thin;
  }
  html[data-bloxera-theme="2019"] .games-page .place-card-container > a,
  html[data-bloxera-theme="2020"] .games-page .place-card-container > a,
  html[data-bloxera-theme="2021"] .games-page .place-card-container > a,
  html[data-bloxera-theme="2022"] .games-page .place-card-container > a {
    flex: 0 0 150px; width: 150px; padding: 0 !important; scroll-snap-align: start;
  }
  html[data-bloxera-theme="2019"] .games-page .place-card,
  html[data-bloxera-theme="2020"] .games-page .place-card,
  html[data-bloxera-theme="2021"] .games-page .place-card,
  html[data-bloxera-theme="2022"] .games-page .place-card {
    width: 150px !important; height: auto !important; min-height: 218px; background: transparent !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  }
  html[data-bloxera-theme="2019"] .games-page .place-card img,
  html[data-bloxera-theme="2020"] .games-page .place-card img,
  html[data-bloxera-theme="2021"] .games-page .place-card img,
  html[data-bloxera-theme="2022"] .games-page .place-card img { display: block; width: 150px !important; height: 150px; object-fit: cover; border-radius: 7px; }
  html[data-bloxera-theme="2019"] .games-page .place-card h5,
  html[data-bloxera-theme="2020"] .games-page .place-card h5,
  html[data-bloxera-theme="2021"] .games-page .place-card h5,
  html[data-bloxera-theme="2022"] .games-page .place-card h5 {
    margin-top: 5px; color: var(--theme-text); font-size: 16px !important; font-weight: 500; line-height: 1.25;
    white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  }
  html[data-bloxera-theme="2019"] .games-page .text-secondary,
  html[data-bloxera-theme="2020"] .games-page .text-secondary,
  html[data-bloxera-theme="2021"] .games-page .text-secondary,
  html[data-bloxera-theme="2022"] .games-page .text-secondary { color: #6f7378 !important; font-size: 12px !important; }
  html[data-bloxera-theme="2019"] .games-page .votePercentageBackground,
  html[data-bloxera-theme="2020"] .games-page .votePercentageBackground,
  html[data-bloxera-theme="2021"] .games-page .votePercentageBackground,
  html[data-bloxera-theme="2022"] .games-page .votePercentageBackground { height: 6px; margin-top: 5px; border: 0; border-radius: 0; background: #c5c8ca; }
  html[data-bloxera-theme="2019"] .games-page .votePercentageFill,
  html[data-bloxera-theme="2020"] .games-page .votePercentageFill,
  html[data-bloxera-theme="2021"] .games-page .votePercentageFill,
  html[data-bloxera-theme="2022"] .games-page .votePercentageFill { height: 6px; background: #777b7e; }
}