/* Private preview skin only: existing page content, ads and loading remain intact. */
html.gx-page-preview,
html.gx-page-preview body { background: #02050d; color: #f7f8ff; }
.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-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 #6536a4; border-radius: 12px;
    background: linear-gradient(145deg, rgba(8,11,28,.99), rgba(3,6,16,.995));
    box-shadow: inset 0 1px 0 rgba(198,87,255,.18), inset 0 -1px 0 rgba(51,199,255,.12);
}
html.gx-page-preview .footer-description a { color: #c37cff; }
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 #a540ff; border-radius: 10px;
    background: linear-gradient(105deg, #7014ec, #cb20f4); color: #fff;
}
html.gx-page-preview .contact-form input:not([type="hidden"]),
html.gx-page-preview .contact-form textarea {
    border-color: #493078; background: #0b0b22; color: #f7f8ff;
}
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 #352067;
}
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 #6536a4 !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 #a540ff; 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 #6536a4 !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: #c37cff; }
html.gx-page-preview .search-footer-description {
    margin-top: 20px; padding: 18px; color: #d5d7e8; line-height: 1.7;
}
html.gx-page-preview .blog-mobile-card {
    border-color: #493078 !important; border-radius: 12px !important;
    background: linear-gradient(145deg, #101027, #080b1c) !important;
}
html.gx-page-preview .blog-mobile-card:hover,
html.gx-page-preview .blog-mobile-card:focus-visible {
    border-color: #a540ff !important;
    outline: 2px solid #a540ff; 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; }
}