/* Private preview skin only: existing page content, ads and loading remain intact. */
html.gx-page-preview,
html.gx-page-preview body { background: #f8f8f8; color: #202020; }
.gx-page-nav-shell {
    position: fixed; z-index: 1000; inset: 0 0 auto;
    min-height: 0 !important; height: 0; overflow: visible;
    background: transparent !important; pointer-events: none;
}
.gx-page-nav-shell .gx-header,
.gx-page-nav-shell .gx-login-overlay,
.gx-page-nav-shell .gx-left-sidebar { pointer-events: auto; }
.gx-page-nav-shell .gx-header { position: relative; }
.gx-page-nav-shell .gx-left-sidebar { position: fixed; top: 84px; left: 10px; }
html.gx-page-preview #main-content {
    width: 100%; min-width: 0; margin: 0 auto !important;
    padding: 96px 20px 42px 88px !important;
}
html.gx-page-preview.gx-sidebar-hidden #main-content { padding-left: 20px !important; }
html.gx-page-preview .footer-description,
html.gx-page-preview .search-footer-description,
html.gx-page-preview .search-results-grid,
html.gx-page-preview #main-content:has(.search-results-grid) .gamemonetize-main > h1,
html.gx-page-preview .gm-taxonomy-panel,
html.gx-page-preview .crazy-static-page,
html.gx-page-preview .crazy-blog-shell,
html.gx-page-preview .crazy-blog-article .splide-container,
html.gx-page-preview #main-content .bg-gray-800 {
    border: 1px solid #eee1e2; border-radius: 12px;
    background: linear-gradient(145deg, rgba(246,246,246,.99), rgba(248,248,248,.995));
    box-shadow: inset 0 1px 0 rgba(210,22,32,.18), inset 0 -1px 0 rgba(210,22,32,.12);
}
/* Compact taxonomy summary: one rail-height card directly above the games. */
html.gx-page-preview #main-content .gm-taxonomy-panel {
    margin: 8px 0 12px !important;
    padding: 14px 16px !important;
}
html.gx-page-preview .gx-taxonomy-meta {
    display: flex; align-items: center; justify-content: space-between;
    gap: 6px 16px; min-width: 0;
}
html.gx-page-preview .gx-taxonomy-meta .gm-seo-breadcrumbs {
    min-width: 0; margin: 0 !important; font-size: 13px; line-height: 1.4;
}
html.gx-page-preview .gx-taxonomy-meta .gm-taxonomy-dates {
    flex: 0 0 auto; margin: 0 !important; gap: 8px 18px;
    font-size: 12px; line-height: 1.4; white-space: nowrap;
}
html.gx-page-preview .gx-taxonomy-meta .gm-taxonomy-date { gap: 6px; }
html.gx-page-preview .gm-taxonomy-panel .gm-taxonomy-heading {
    margin-top: 8px; gap: 10px; flex-wrap: nowrap;
}
html.gx-page-preview .gm-taxonomy-panel .gm-taxonomy-heading img {
    width: 36px; height: 36px; border-radius: 8px;
}
html.gx-page-preview .gm-taxonomy-panel .gm-taxonomy-heading h1 {
    font-size: clamp(22px, 2vw, 28px); line-height: 1.15;
}
html.gx-page-preview .gm-taxonomy-panel .gx-taxonomy-intro {
    margin-top: 8px; font-size: 15px; line-height: 1.5;
}
html.gx-page-preview .gm-taxonomy-panel .gx-taxonomy-intro :is(p, div) { margin: 0; }
html.gx-page-preview .footer-description a { color: #d21620; }
html.gx-page-preview .gm-taxonomy-copy.footer-description h2.gx-taxonomy-subheading {
    margin: 20px 0 8px; font-size: 19px; line-height: 1.3; font-weight: 900;
}
html.gx-page-preview .contact-submit-btn,
html.gx-page-preview #load-more-tags-btn,
html.gx-page-preview .blog-load-more {
    border: 1px solid #d21620; border-radius: 10px;
    background: linear-gradient(105deg, #d21620, #d21620); color: #202020;
}
html.gx-page-preview .contact-form input:not([type="hidden"]),
html.gx-page-preview .contact-form textarea {
    border-color: #eee1e2; background: #f5f5f5; color: #202020;
}
html.gx-page-preview #game-list-container > a,
html.gx-page-preview .search-results-grid > a {
    border-radius: 10px; box-shadow: 0 0 0 1px #eee1e2;
}
html.gx-page-preview .category-tags-grid .categories-page-slider-card,
html.gx-page-preview #tags-container .tag-page-card {
    border-radius: 10px !important; box-shadow: 0 0 0 1px #eee1e2 !important;
}
html.gx-page-preview #game-list-container > a:hover,
html.gx-page-preview #game-list-container > a:focus-visible,
html.gx-page-preview .search-results-grid > a:hover,
html.gx-page-preview .search-results-grid > a:focus-visible,
html.gx-page-preview .categories-page-slider-card:hover,
html.gx-page-preview .categories-page-slider-card:focus-visible,
html.gx-page-preview #tags-container .tag-page-card:hover,
html.gx-page-preview #tags-container .tag-page-card:focus-visible {
    outline: 2px solid #d21620; outline-offset: 2px;
}
html.gx-page-preview #game-list-container > a img { border-radius: 10px; }
/* Keep the search engine, mixed game/tag ordering and responsive grid intact. */
html.gx-page-preview .search-results-grid { padding: 12px; }
html.gx-page-preview .search-results-grid > a > img { border-radius: 10px; }
html.gx-page-preview .search-results-grid > .search-related-tag-card {
    border-radius: 10px !important; box-shadow: 0 0 0 1px #eee1e2 !important;
}
html.gx-page-preview #main-content:has(.search-results-grid) .gamemonetize-main > h1 {
    padding: 14px 16px; font-size: clamp(18px, 1.7vw, 24px); line-height: 1.4;
}
html.gx-page-preview #main-content:has(.search-results-grid) .gamemonetize-main > h1 strong,
html.gx-page-preview .search-footer-description a { color: #d21620; }
html.gx-page-preview .search-footer-description {
    margin-top: 20px; padding: 18px; color: #272727; line-height: 1.7;
}
html.gx-page-preview .blog-mobile-card {
    border-color: #eee1e2 !important; border-radius: 12px !important;
    background: linear-gradient(145deg, #f4f4f4, #f6f6f6) !important;
}
html.gx-page-preview .blog-mobile-card:hover,
html.gx-page-preview .blog-mobile-card:focus-visible {
    border-color: #d21620 !important;
    outline: 2px solid #d21620; outline-offset: 2px;
}
/* The article template nests a second main; reserve header space only once. */
html.gx-page-preview #main-content .crazy-blog-main {
    padding: 0 !important;
}
@media(max-width:900px) {
    .gx-page-nav-shell .gx-left-sidebar { top: 70px; left: 8px; }
    html.gx-page-preview #main-content { padding: 78px 10px 30px !important; }
}
@media(max-width:680px) {
    .gx-page-nav-shell .gx-brand { font-size: 17px; letter-spacing: -.7px; }
    .gx-page-nav-shell .gx-brand > i { font-size: 23px; }
    .gx-page-nav-shell .gx-brand > small { display: none; }
    .gx-page-nav-shell .gx-header-main { padding-inline: 10px; }
    .gx-page-nav-shell .gx-account > a:not(.gx-login) { display: none; }
    .gx-page-nav-shell .gx-login { max-width: 104px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    html.gx-page-preview #main-content .gm-taxonomy-panel {
        margin: 6px 0 10px !important; padding: 12px 14px !important;
    }
    html.gx-page-preview .gx-taxonomy-meta { align-items: flex-start; gap: 5px 8px; }
    html.gx-page-preview .gx-taxonomy-meta .gm-seo-breadcrumbs { font-size: 12px; }
    html.gx-page-preview .gx-taxonomy-meta .gm-taxonomy-dates { font-size: 11px; }
    html.gx-page-preview .gm-taxonomy-panel .gm-taxonomy-heading { margin-top: 7px; }
    html.gx-page-preview .gm-taxonomy-panel .gm-taxonomy-heading img { width: 32px; height: 32px; }
    html.gx-page-preview .gm-taxonomy-panel .gm-taxonomy-heading h1 { font-size: 21px; }
    html.gx-page-preview .gm-taxonomy-panel .gx-taxonomy-intro { margin-top: 7px; font-size: 14px; line-height: 1.45; }
}

/* Updated-page feature cards span the only explicit column on very narrow
   screens instead of creating a second, compressed implicit grid column. */
@media(max-width:340px) {
    html.gx-page-preview #game-list-container > .gm-updated-wide-card {
        grid-column: 1 / -1 !important;
    }
}

/* Keep stored descriptions readable and consistent with the game page. */
html.gx-page-preview .footer-description,
html.gx-page-preview .search-footer-description {
    font-size: 15px;
    line-height: 1.75;
}