/* Public brand tokens: friv.org.es. No image filters or artwork recoloring. */
:root{--site-brand-accent:#9de000;--gm-preset-accent:#9de000;--brand-panel:#202815;--brand-border:#5c763d;--brand-text:#eef5f7}
body #header,body #header>div,body #sidebar-menu{background-color:#14190d!important}
body .search-input{background:#324021!important;color:#fff!important;border:1px solid #5c763d!important}
body #sidebar-menu a:hover,body #sidebar-menu a:focus-visible{background-color:#2a361c!important;color:#fff!important}
body #sidebar-menu img{object-fit:contain}
.brand-subject-icon{display:inline-flex;width:28px;height:28px;min-width:28px;margin:0 12px 0 16px;align-items:center;justify-content:center}
.brand-subject-icon img{display:block;width:26px;height:26px}
body a:focus-visible,body button:focus-visible,body input:focus-visible{outline:2px solid #9de000;outline-offset:3px}
body .gm-description-toggle,body .gm-game-facts dt i,body .gm-taxonomy-copy a,body .blog-list-more{color:#9de000!important}
body .gm-language-toggle{background:var(--brand-border)!important}
body .gm-sidebar-language-icon{border-color:#9de000!important}
body #tags-container.tags-list-container .tag-page-card,body .category-tags-grid .categories-page-slider-card{background:#202815!important;border-color:#5c763d!important}
body #tags-container.tags-list-container .tag-page-card small,body .category-tags-grid .categories-page-slider-card small{color:#d4dfe4!important}
body #tags-container.tags-list-container .tag-page-card:hover,body .category-tags-grid .categories-page-slider-card:hover{border-color:#9de000!important;box-shadow:0 0 0 1px #9de000!important}

body{color:#eef5f7}body .gm-language-toggle{background:var(--brand-border)!important}

/* Subject icons remain visible in the collapsed rail: no hidden span wrapper. */
body #sidebar-menu a>img.brand-nav-icon{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 28px!important;width:28px!important;height:28px!important;margin-left:14px!important;margin-right:14px!important;object-fit:contain}

/* COMPLETE BRAND SURFACES 20261108: game toolbar, taxonomies, blog, static pages. */
:root{--brand-bg:#0d160c;--brand-panel:#152612;--brand-rail:#111f10;--brand-input:#294522;--brand-active:#315829;--brand-border:#4d703e;--site-brand-accent:#9de000;--gm-preset-accent:#9de000;--brand-muted:#b7c9a5;--brand-soft:#203a1b}
body{background:var(--brand-bg)!important;color:#eef5f7}
body #header,body #header>div{background:var(--brand-panel)!important;border-bottom-color:var(--brand-border)!important}
body #sidebar-menu,body #sidebar-menu>div:first-child{background:var(--brand-rail)!important;border-color:var(--brand-border)!important}
body #sidebar-menu a{color:#eef5f7!important;border-radius:10px;min-height:46px}
body #sidebar-menu a:hover,body #sidebar-menu a:focus-visible,body #sidebar-menu a[aria-current=page]{background:var(--brand-active)!important}
body #sidebar-menu a[aria-current=page]{border-left-color:var(--site-brand-accent)!important}
body #sidebar-menu a[href*="/tag/"],body #sidebar-menu a[href*="/category/"]{min-height:48px}
body .search-input,body .mobile-search-modern-input{background:var(--brand-input)!important;border:1px solid var(--brand-border)!important;border-radius:14px!important;color:#eef5f7!important}
body .search-input::placeholder,body .mobile-search-modern-input::placeholder{color:var(--brand-muted)!important;opacity:1}
body .search-form{position:relative}
body .search-form input[type=submit]{background-color:var(--brand-active)!important;border-radius:10px!important}
body #search-results-desktop,body #search-results-tablet,body #search-results{background:var(--brand-panel)!important}
body [class~="bg-[#1F1F30]"],body [class~="bg-[#1a1b28]"],body [class~="bg-[#212233]"],body [class~="bg-[#181925]"],body .bg-gray-800{background-color:var(--brand-panel)!important}
body .home-category-carousel-info,body .crazy-game-detail-panel,body .walkthrough-wrapper,body .gm-taxonomy-copy,body .crazy-blog-shell,body .crazy-static-page,body .blog-mobile-card,body .gm-updated-card,body .splide-container{background:var(--brand-panel)!important;border-color:var(--brand-border)!important}
body .blog-mobile-card:hover,body .blog-mobile-card:focus-visible,body .gm-updated-card:hover{background:var(--brand-soft)!important;border-color:var(--site-brand-accent)!important}
body #tags-container.tags-list-container .tag-page-card,body .category-tags-grid .categories-page-slider-card{background:var(--brand-panel)!important;border-color:var(--brand-border)!important;border-radius:14px!important}
body #tags-container.tags-list-container .tag-page-card small,body .category-tags-grid .categories-page-slider-card small,body .blog-mobile-date,body .crazy-blog-meta{color:var(--brand-muted)!important}
body .footer-description,body .footer-description-content,body .search-footer-description,body .play-game-desc,body .favorite-slider-head,body .favorite-empty-message,body .favorite-page-description-bottom,body .game-ai-statistics{background:var(--brand-soft)!important}
body .home-category-carousel-info .footer-description{background:transparent!important}
body .gm-collapsible-description:not(.is-expanded)::after{background:linear-gradient(transparent,var(--brand-soft))!important}
body .home-category-carousel-desc::after{background:linear-gradient(transparent,var(--brand-panel))!important}
body .play-game-page-container .vote-button,body .play-game-page-container .favorite-button,body .play-game-page-container .dropdown-toggle,body .play-game-page-container .game-zoom-btn,body .contact-form,body .crazy-blog-content th,body .crazy-static-page th{background:var(--brand-input)!important;border-color:var(--brand-border)!important}
body .play-game-page-container .vote-button:hover,body .play-game-page-container .favorite-button:hover,body .play-game-page-container .dropdown-toggle:hover,body .play-game-page-container .game-zoom-btn:hover{background:var(--brand-active)!important}
body .contact-form input:not([type=hidden]),body .contact-form textarea,body .contact-form select{background:var(--brand-soft)!important;border-color:var(--brand-border)!important;color:#eef5f7!important}
body .contact-form input::placeholder,body .contact-form textarea::placeholder{color:var(--brand-muted)!important}
body .contact-submit-btn,body .blog-load-more,body #load-more-tags,body .home-category-carousel-link{background:var(--brand-active)!important;border-color:var(--brand-border)!important;color:#eef5f7!important}
body .crazy-static-page a,body .crazy-blog-content a,body .crazy-blog-shell a:not(.blog-mobile-card),body .gm-description-toggle,body .gm-taxonomy-copy a,body .gm-game-facts a,body .crazy-game-breadcrumb a{color:var(--site-brand-accent)!important}
body .gm-game-facts .gm-game-tag-button{background:var(--brand-active)!important;border-color:var(--brand-border)!important}
body .modal-footer>div,body .report-dropdown,body .dropdown-menu{background:var(--brand-panel)!important;border-color:var(--brand-border)!important}
body .poki-recent-played>a{width:150px;min-height:78px;background:var(--brand-soft)!important;border:1px solid var(--brand-border);border-radius:14px!important;justify-content:space-between}
body .poki-recent-played>div{min-width:0;max-width:calc(100% - 158px)}
body .poki-recent-played>a svg{fill:var(--site-brand-accent)!important}
body .gm-language-toggle{background:var(--brand-active)!important}
body a:focus-visible,body button:focus-visible,body input:focus-visible,body textarea:focus-visible{outline-color:var(--site-brand-accent)!important}
@media(min-width:1024px){body #sidebar-menu:hover,body #sidebar-menu.poki-menu-open{width:264px!important;max-width:264px!important}body #sidebar-menu.poki-menu-open span,body #sidebar-menu.poki-menu-open .sidebar-text{opacity:1!important;visibility:visible!important}body #sidebar-menu.poki-menu-open #sidebar{overflow-y:auto!important}body #main-content{padding-left:80px!important}}
@media(max-width:767px){body .poki-recent-played>a{width:132px;min-height:68px}body .poki-recent-played>div{max-width:calc(100% - 140px)}}



/* Desktop toolbar has an ID-specific legacy override; cover both viewport rules. */
body .play-game-page-container #gameDiv>.flex.justify-between{--gm-preset-panel:var(--brand-panel)!important;background:var(--brand-panel)!important}
body .play-game-page-container .play-now-button,body .play-game-page-container #top-section .play-now-button{background:var(--brand-active)!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;border:1px solid var(--brand-border)!important}
body #main-content a.home-category-card,body .game-tags-grid .category-card-clean,body .category-card-clean{background:var(--brand-soft)!important}
body .report-dropdown .dropdown-content,body .report-dropdown-content{background:var(--brand-panel)!important;border-color:var(--brand-border)!important}

/* Recently Played: larger history cards and brand-coloured strip. */
body .poki-recent-played{background:var(--brand-soft)!important;padding:10px;border-radius:16px;gap:10px;align-items:center}
body .poki-recent-played>a{width:164px;min-height:84px;flex:0 0 164px;margin-right:0;background:var(--brand-active)!important}
body .poki-recent-played>a svg{width:20px;height:20px;flex-shrink:0}
body .poki-recent-played>div{min-width:0;max-width:none;flex:1 1 0%}
body .poki-recent-played .splide-items-container{align-items:center}
body .poki-recent-played .splide-items-container>a{width:96px;flex:0 0 96px}
body .poki-recent-played .splide-items-container>a>img{width:100%;height:72px;aspect-ratio:4/3;object-fit:cover}
@media(max-width:767px){
 body .poki-recent-played{padding:8px;gap:8px}
 body .poki-recent-played>a{width:144px;min-height:74px;flex-basis:144px}
 body .poki-recent-played .splide-items-container>a{width:80px;flex-basis:80px}
 body .poki-recent-played .splide-items-container>a>img{height:60px}
}

/* Tag/category detail panels use the site palette throughout. */
body .gm-taxonomy-panel,body .gm-taxonomy-body{background:var(--brand-panel)!important;border-color:var(--brand-border)!important}
body .gm-taxonomy-panel .gm-taxonomy-intro{background:transparent!important}
body .gm-taxonomy-panel .gm-seo-breadcrumbs a{color:var(--site-brand-accent)!important}
body .gm-taxonomy-panel .gm-taxonomy-date span{color:var(--brand-muted)!important;opacity:1}
body .gm-taxonomy-pagination a{background:var(--brand-active)!important;color:#eef5f7!important;border:1px solid var(--brand-border)}