/* play4geek-inter */
/* Inter — self-host (latin + latin-ext, 400–700). */
/**
 * Chemins absolus : WP Rocket inline la feuille et casse les url() relatives.
 */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://play4geek.com/wp-content/themes/play4geek-theme-stable/assets/fonts/inter/inter-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(https://play4geek.com/wp-content/themes/play4geek-theme-stable/assets/fonts/inter/inter-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* play4geek-style */
/*
Theme Name: Play4Geek Theme Stable
Description: Thème personnalisé optimisé et responsive pour Play4Geek (fork production-safe)
Version: 2.0
Author: Jérémy Mathéossian
Text Domain: play4geek
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
*/

:root {
    --bg-dark: #442127;
    --bg-blue: #c2410c;
    --bg-accent: #9a3412;
    --bg-light: #f2f4f7;
    --text-light: #ffffff;
    --text-dark: #111827;
    --border: rgba(255,255,255,0.08);
    --border-color: #ead9cf;
    --surface-card: #ffffff;
    --surface-panel: #fff8f5;
    --muted-text: #56463f;
    --text-accent: #9a3412;
    --text-on-accent: #ffffff;
    --link-color: #9a3412;
    --link-hover-color: #7c2d12;
    --button-bg: #fc5f20;
    --button-hover-bg: #e04f12;
    --badge-text: #9a3412;
    --theme-blue-light: color-mix(in srgb, var(--bg-blue) 62%, #ffffff);
    --theme-blue-soft: color-mix(in srgb, var(--bg-blue) 12%, transparent);
    --theme-blue-muted: color-mix(in srgb, var(--bg-blue) 22%, transparent);
    --theme-blue-deep: color-mix(in srgb, var(--bg-blue) 88%, var(--bg-dark));
    --theme-blue-shadow: color-mix(in srgb, var(--bg-blue) 35%, transparent);
    --theme-accent-soft: color-mix(in srgb, var(--bg-accent) 18%, transparent);
    --theme-gradient-hero: linear-gradient(135deg, var(--bg-dark), var(--bg-blue));
    --theme-gradient-vertical: linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-accent) 100%);
    --theme-gradient-btn: linear-gradient(180deg, var(--bg-accent) 0%, var(--bg-blue) 100%);
    --theme-gradient-progress: linear-gradient(90deg, var(--bg-blue), var(--theme-blue-light));
    --theme-surface-deep: color-mix(in srgb, var(--bg-dark) 82%, var(--bg-blue));
    --font-sans: var(--wp--preset--font-family--roboto, Roboto, Arial, sans-serif);
    --p4g-sticky-site-header-height: 8.5rem;
}

/* Tokens mode sombre : html.theme-dark (+ play4geek_get_theme_dark_css_block). Pas de vars sur body.theme-dark seul. */
html.theme-dark body {
    background: #07172b;
    color: #dbe8ff;
}

* {
    box-sizing: border-box;
}

html {
    margin: 0;
    padding: 0;
    margin-top: 0 !important;
}

body {
    font-family: var(--font-sans);
    margin: 0;
    padding: 0;
    background: var(--bg-light);
    color: var(--text-dark);
}

body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#wpadminbar {
    display: none !important;
}

.site-header {
    background: var(--header-topbar-bg, var(--bg-blue));
    color: var(--text-light);
    position: sticky;
    top: 0;
    z-index: 200;
    margin-top: 0;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.header-topbar {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.header-left,
.header-right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left {
    justify-content: flex-start;
    min-width: 0;
}

.header-right {
    justify-content: flex-end;
    overflow: visible;
}

.header-brand {
    justify-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.menu-toggle,
.search-toggle,
.drawer-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 50%;
    background: transparent;
    color: var(--text-light);
    font-size: 1rem;
    cursor: pointer;
}

.topbar-menu,
.category-menu,
.drawer-menu,
.header-right .social-links {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.topbar-menu li,
.category-menu li,
.drawer-menu li {
    margin: 0;
}

/* Liens header : palette orange lisible (fond topbar, texte clair, pilules) */
.header-topbar .topbar-menu > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.header-topbar .topbar-menu > li > a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-1px);
}

.topbar-menu > li > a.has-nav-menu-icon,
.header-drawer .drawer-menu > li > a.has-nav-menu-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.topbar-menu .sub-menu li > a.has-nav-menu-icon,
.category-menu .sub-menu li > a.has-nav-menu-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.62rem;
}

.topbar-menu .sub-menu li > a .nav-menu-icon,
.category-menu .sub-menu li > a .nav-menu-icon {
    width: 1rem;
    min-width: 1rem;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.header-drawer .drawer-menu .sub-menu li > a.has-nav-menu-icon {
    display: flex;
    align-items: center;
    gap: 0.48rem;
}

.nav-menu-icon {
    flex-shrink: 0;
    width: 1.05em;
    text-align: center;
    line-height: 1;
    opacity: 0.94;
}

.nav-menu-icon::before {
    line-height: 1;
}

.header-topbar .topbar-menu .nav-menu-icon {
    font-size: 0.82rem;
}

.header-drawer .drawer-menu > li > a .nav-menu-icon {
    width: 1.15rem;
    font-size: 0.92rem;
    opacity: 1;
}

.header-drawer .drawer-menu > li > a.has-nav-menu-icon {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.62rem 0.72rem;
    border-radius: 12px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.header-drawer .drawer-menu > li.menu-item-has-children > a.has-nav-menu-icon,
.header-drawer .drawer-menu > li.menu-item-has-children > a {
    padding-right: 2.85rem;
}

.header-drawer .drawer-menu .menu-item-has-children {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    position: relative;
    width: 100%;
}

.header-drawer .drawer-menu .menu-item-has-children > a {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    box-sizing: border-box;
}

.header-drawer .drawer-menu .menu-item-has-children > .submenu-toggle {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    z-index: 2;
    margin: 0 0.55rem 0 0;
    flex-shrink: 0;
}

.header-drawer .drawer-menu .menu-item-has-children > .sub-menu {
    grid-column: 1 / -1;
    grid-row: 2;
}

.header-drawer .drawer-menu > li > a.has-nav-menu-icon .nav-menu-label {
    line-height: 1.2;
}

.header-drawer .drawer-menu .sub-menu li > a .nav-menu-icon {
    width: 1rem;
    min-width: 1rem;
    font-size: 0.82rem;
    opacity: 0.88;
    margin-right: 0;
}

.header-drawer .drawer-menu .sub-menu li > a.has-nav-menu-icon .nav-menu-label {
    line-height: 1.25;
}

.header-secondary .category-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0.45rem 0.72rem;
    border-radius: 999px;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.header-secondary .category-menu > li > a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}

.header-drawer .drawer-menu > li > a {
    color: #f1f5f9;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    transition: color 0.2s ease;
}

.header-drawer .drawer-menu > li > a:hover {
    color: #ffffff;
}

.header-topbar .topbar-menu > li > a:focus-visible,
.header-secondary .category-menu > li > a:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
    border-radius: 4px;
}

.custom-logo-link img,
.logo-mark {
    max-height: 56px;
    width: auto;
}

.header-brand [data-p4g-easter-tap="logo"],
.header-brand .custom-logo,
.header-brand .site-logo-image,
.header-brand .logo-mark {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

/* Fix: prevent double logo (light+dark) rendering */
.custom-logo-link img + img {
    display: none !important;
}

.site-logo-link--switchable img + img,
.site-logo-link--dual img + img {
    display: none !important;
}

/* Hard guard: if an optimizer injects duplicate nodes, keep only first logo node */
.header-brand .custom-logo-link > :not(:first-child),
.header-brand .site-logo-link > :not(:first-child),
.drawer-brand .custom-logo-link > :not(:first-child),
.drawer-brand .site-logo-link > :not(:first-child) {
    display: none !important;
}

/* Ancien markup dual (2 img light/dark) : un seul visible selon le mode */
.site-logo-link--dual .site-logo-image--dark {
    display: none !important;
}

html.theme-dark .site-logo-link--dual .site-logo-image--light,
body.theme-dark .site-logo-link--dual .site-logo-image--light {
    display: none !important;
}

html.theme-dark .site-logo-link--dual .site-logo-image--dark,
body.theme-dark .site-logo-link--dual .site-logo-image--dark {
    display: block !important;
}

.site-logo-link--switchable,
.site-logo-link--dual {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 0;
    max-width: 100%;
}

.site-logo-link--switchable .site-logo-image--switchable,
.site-logo-link--dual .site-logo-image {
    display: block !important;
    max-height: 56px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.header-brand .site-logo-link--switchable {
    height: 48px;
    max-width: min(240px, 100%);
}

.header-brand .site-logo-link--switchable .site-logo-image--switchable,
.header-brand .site-logo-link--dual .site-logo-image {
    max-height: 48px;
}

.drawer-brand .site-logo-link--switchable {
    height: 34px;
    max-width: min(200px, 100%);
}

.drawer-brand .site-logo-link--switchable .site-logo-image--switchable,
.header-drawer .drawer-brand .custom-logo,
.header-drawer .drawer-brand .site-logo-image--switchable {
    max-height: 34px;
}

.member-auth-logo .site-logo-image--switchable,
.member-auth-logo .site-logo-image {
    display: block !important;
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--bg-blue);
    font-weight: 700;
}

.logo-text {
    margin-left: 0.85rem;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
}

/* Fond pleine largeur ; contenu aligné comme .hero-fullpage-inner / .site-main (1600px). */
.header-secondary {
    background: var(--header-secondary-bg, var(--bg-blue));
    padding: 0;
    min-width: 0;
    display: block;
}

.header-secondary-inner {
    max-width: 1600px;
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    min-width: 0;
    box-sizing: border-box;
}

.header-tendances-shortcut {
    flex: 0 0 auto;
    flex-shrink: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: none;
}

.header-secondary .category-menu-nav {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.header-secondary .category-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    width: max-content;
    min-width: max-content;
}

.header-secondary .category-menu li {
    flex: 0 0 auto;
}

.header-secondary .category-menu a {
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.09);
    transition: background 0.2s ease;
}

.header-secondary .category-menu a:hover {
    background: rgba(255,255,255,0.16);
}

.header-drawer {
    position: fixed;
    inset: 0;
    background: rgba(var(--drawer-overlay-rgb, 7, 21, 35), var(--drawer-overlay-opacity, 0.92));
    z-index: 9999;
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
}

.header-drawer.is-open {
    transform: translateX(0);
    pointer-events: auto;
}

.drawer-panel {
    width: min(320px, 90vw);
    height: 100%;
    padding: 1.5rem;
    background: var(--bg-dark);
    box-shadow: 24px 0 80px color-mix(in srgb, var(--drawer-shadow-color, #000000) 32%, transparent), 8px 0 28px color-mix(in srgb, var(--drawer-shadow-color, #000000) 18%, transparent);
    overflow-y: auto;
}

.drawer-close {
    margin-bottom: 1.25rem;
}

.drawer-brand {
    margin-bottom: 2rem;
}

.drawer-nav {
    display: grid;
    gap: 1rem;
}

.drawer-menu {
    flex-direction: column;
    gap: 0.85rem;
    list-style: disc inside;
}

.drawer-menu.secondary {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.drawer-menu li {
    margin-left: 0.5rem;
}

.drawer-menu li a {
    display: block;
    padding: 0.95rem 1rem;
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
}

.drawer-menu.secondary li a {
    background: transparent;
}

.header-right .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.75rem;
}

/* ≤ ~27" (1920px) : masquer le menu horizontal du header ; au-dessus, menu horizontal + ☰ peuvent coexister. */
@media (max-width: 1920px) {
    .header-topbar .header-left .topbar-menu-nav,
    .header-topbar .header-left > nav.topbar-menu,
    .header-topbar .header-left nav .topbar-menu {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .header-topbar {
        grid-template-columns: auto 1fr auto;
    }

    .header-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-width: 720px) {
    .header-topbar {
        display: flex;
        justify-content: space-between;
    }

    .header-secondary-inner {
        padding: 0.65rem 1rem;
    }

    .header-secondary .category-menu > li {
        display: inline-flex;
    }
}

.category-menu {
    flex-wrap: wrap;
}

/* Barre « jeux tendances » : une seule ligne, défilement horizontal si besoin (voir bloc .header-secondary plus bas). */

.category-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.category-menu li {
    list-style: none;
}

.category-menu a {
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.07);
}

.site-main {
    /* width:100% : body est display:flex (header-global) ; sans ça, margin:auto
       shrink-wrap au contenu (ex. agenda qui se rétrécit quand le guide est masqué). */
    width: 100%;
    max-width: 1600px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 1.25rem 1.5rem 4rem;
}

.error-404-page {
    max-width: 920px;
}

.error-404-card {
    background: #fff;
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 20px;
    box-shadow: 0 18px 55px rgba(15, 23, 42, 0.08);
    padding: 2rem 1.5rem;
    text-align: center;
}

.error-404-code {
    margin: 0;
    font-size: clamp(2.4rem, 8vw, 4.4rem);
    line-height: 1;
    font-weight: 800;
    color: var(--text-accent, var(--link-color));
}

.error-404-card h1 {
    margin: 0.4rem 0 0.6rem;
}

.error-404-text {
    margin: 0 auto;
    max-width: 620px;
    color: rgba(14, 32, 56, 0.78);
}

.error-404-actions {
    margin-top: 1rem;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.55rem;
}

.error-404-btn {
    min-height: 40px;
    padding: 0.45rem 0.9rem;
    border-radius: 10px;
    border: 1px solid rgba(20, 89, 130, 0.2);
    background: #fff;
    color: #1f2937;
    font-weight: 700;
}

.error-404-btn.is-primary {
    border-color: color-mix(in srgb, var(--bg-blue) 35%, transparent);
    background: color-mix(in srgb, var(--bg-blue) 12%, transparent);
    color: #0f3f76;
}

.error-404-search {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(20, 89, 130, 0.12);
}

.error-404-search h2 {
    margin: 0 0 0.55rem;
    font-size: 1rem;
}

.error-404-search form {
    display: inline-flex;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: center;
}

.single-article-page .article-layout,
.game-term-page .game-term-posts-inner {
    display: grid;
    grid-template-columns: 1.8fr 0.9fr;
    gap: 2.5rem;
}

.single-article-page .article-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 1.7rem;
    align-items: start;
}

.single-article {
    background: var(--text-light);
    border-radius: 30px;
    box-shadow: 0 32px 100px rgba(15, 23, 42, 0.08);
    overflow: visible;
}

.single-article-cover img {
    width: 100%;
    max-height: 380px;
    object-fit: cover;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    display: block;
}

.featured-image-figure {
    margin: 0;
    position: relative;
}

.article-cover-platforms {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 4;
    max-width: min(72%, calc(100% - 8rem));
    pointer-events: none;
}

.article-cover-platforms .game-sheet-platform-icons {
    margin: 0;
    justify-content: flex-start;
}

.article-cover-category {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 3;
    max-width: calc(100% - 2rem);
}

.single-article-category-badge--cover {
    margin: 0;
    box-shadow: 0 4px 16px rgba(8, 20, 38, 0.28);
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--text-accent, var(--link-color)) !important;
    border-color: var(--bg-accent) !important;
}

.article-cover-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.6rem 1.8rem 1.2rem;
    background: linear-gradient(180deg, rgba(4, 10, 21, 0) 0%, rgba(4, 10, 21, 0.9) 80%);
}

.article-cover-overlay .single-article-title {
    margin: 0;
    color: #fff;
    text-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
}

.single-article-header {
    padding: 2.2rem 2rem 1.8rem;
}

.single-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.article-game-label {
    display: inline-block;
    color: var(--text-accent, var(--link-color));
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.article-game-link {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.08);
    color: var(--text-accent, var(--link-color));
    font-size: 0.88rem;
}

.single-article-title {
    margin: 0 0 1rem;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.05;
}

.single-article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    color: var(--muted-text, #56463f);
    font-size: 0.95rem;
}

.single-article-content {
    padding: 0 2rem 2.5rem;
    line-height: 1.95;
    color: rgba(15, 23, 42, 0.88);
    font-size: 1rem;
}

/* Blocs Gutenberg : colonne de contenu (theme.json) sans casser les alignements. */
.single-article-content .entry-content,
.single-article-content .wp-block-post-content,
.single-review-content .entry-content,
.single-review-content .wp-block-post-content {
    max-width: var(--wp--style--global--content-size, 920px);
    margin-left: auto;
    margin-right: auto;
}

.single-article-content .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.single-review-content .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size, 920px);
    margin-left: auto;
    margin-right: auto;
}

.single-article-content > .alignwide,
.single-review-content > .alignwide,
.single-article-content .alignwide,
.single-review-content .alignwide {
    max-width: var(--wp--style--global--wide-size, 1280px);
    margin-left: auto;
    margin-right: auto;
}

/* Images centrées (Gutenberg). */
.single-article-content .wp-block-image.aligncenter,
.single-review-content .wp-block-image.aligncenter,
.single-article-content figure.wp-block-image.aligncenter,
.single-review-content figure.wp-block-image.aligncenter {
    display: table;
    width: auto;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.single-article-content .wp-block-image.aligncenter img,
.single-review-content .wp-block-image.aligncenter img,
.single-article-content figure.wp-block-image.aligncenter img,
.single-review-content figure.wp-block-image.aligncenter img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.single-article-content .wp-block-image:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull),
.single-review-content .wp-block-image:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull) {
    max-width: 100%;
}

.single-article-content p {
    margin-bottom: 1.3rem;
}

.related-articles {
    padding: 0 2rem 2rem;
}

.related-articles h2 {
    margin: 0 0 1.25rem;
    font-size: 1.5rem;
}

.related-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}

.related-card {
    background: var(--bg-light);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08);
}

.related-card img {
    width: 100%;
    height: 170px;
    object-fit: cover;
}

.related-card-body {
    padding: 1rem;
}

.related-card-body h3 {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    line-height: 1.4;
}

.related-card-body p {
    margin: 0;
    color: #475569;
    font-size: 0.95rem;
    line-height: 1.6;
}

.article-sidebar {
    display: grid;
    gap: 1.25rem;
    align-items: start;
}

.single-article-page .article-sidebar {
    position: sticky;
    top: calc(var(--p4g-sticky-site-header-height, 8.5rem) + 0.75rem);
    align-self: start;
}

.game-sidebar-cover {
    width: 100%;
    overflow: hidden;
    border-radius: 22px;
    margin-bottom: 1rem;
}

.game-sidebar-cover img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    display: block;
}

.game-sidebar-card {
    background: var(--bg-dark);
    color: var(--text-light);
    border-radius: 28px;
    padding: 1.5rem;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
}

.game-sidebar-card-header {
    margin-bottom: 1.25rem;
}

.game-sidebar-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.12);
    color: var(--text-light);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.game-sidebar-card h2 {
    margin: 0.75rem 0 0;
    font-size: 1.6rem;
    line-height: 1.15;
}

.game-sidebar-description {
    margin: 0 0 1.4rem;
    color: rgba(255,255,255,0.8);
    line-height: 1.85;
}

.game-sidebar-meta {
    margin: 0 0 1.5rem;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 0.9rem;
}

.game-sidebar-meta > li {
    display: flex;
    justify-content: space-between;
    color: rgba(255,255,255,0.8);
    font-size: 0.95rem;
}

.game-sidebar-meta > li strong {
    font-weight: 700;
}

.game-sidebar-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 1.1rem;
    border-radius: 999px;
    background: var(--bg-blue);
    color: var(--text-light);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.game-sidebar-button:hover {
    opacity: 0.95;
    transform: translateY(-1px);
}

.game-term-hero {
    background: var(--text-light);
    padding: 2.5rem 0;
}

.game-term-hero-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.game-term-hero-grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 2.5rem;
    align-items: start;
}

.game-term-hero-image {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.game-term-cover-featured {
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.15);
}

.game-term-cover-featured img {
    width: 100%;
    height: auto;
    display: block;
}

.game-term-hero-content {
    padding: 1rem;
}

.game-term-hero-title {
    margin: 1rem 0 0.75rem;
    font-size: clamp(2rem, 4vw, 2.8rem);
    line-height: 1.1;
}

.game-term-label {
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-size: 0.75rem;
    opacity: 0.8;
}

.game-term-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.2rem;
}

.game-term-badge {
    display: inline-block;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.1);
    color: var(--text-accent, var(--link-color));
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.game-term-badge-hype {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.18), rgba(239, 68, 68, 0.16));
    color: #c2410c;
    border: 1px solid rgba(234, 88, 12, 0.3);
}

.game-term-hero-description {
    margin-bottom: 1.5rem;
    color: rgba(15, 23, 42, 0.8);
    line-height: 1.85;
}

/* Info Cards Grid */
.game-info-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.info-card {
    display: flex;
    gap: 0.85rem;
    padding: 0.95rem;
    background: rgba(30, 115, 190, 0.05);
    border-radius: 14px;
    border: 1px solid rgba(30, 115, 190, 0.1);
}

.info-card-icon {
    font-size: 1.6rem;
    flex-shrink: 0;
}

.info-card-content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--muted-text, #56463f);
    font-weight: 600;
}

.info-value {
    font-size: 0.95rem;
    color: rgba(15, 23, 42, 0.9);
    font-weight: 600;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1rem;
    border-radius: 10px;
    font-weight: 700;
    text-transform: none;
    border: none;
    cursor: pointer;
}

.btn-primary {
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, var(--text-light));
}

.btn-primary:hover {
    background: var(--button-hover-bg, var(--bg-accent));
    color: var(--button-text, var(--text-light));
}

.btn-outline {
    background: transparent;
    border: 1px solid color-mix(in srgb, var(--bg-blue) 35%, transparent);
    color: var(--text-accent, var(--link-color));
}

.btn-outline:hover {
    background: color-mix(in srgb, var(--bg-blue) 10%, transparent);
    border-color: var(--bg-blue);
    color: var(--text-accent, var(--link-color));
}

@media (max-width: 1200px) {
    .game-term-hero-grid {
        grid-template-columns: 1fr;
    }
    .game-info-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 720px) {
    .game-info-cards {
        grid-template-columns: 1fr;
    }
}

.game-term-posts {
    padding: 2.5rem 0;
}

.game-term-posts-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.game-term-posts h2 {
    margin: 0 0 0.5rem;
    font-size: 1.8rem;
}

.section-subtitle {
    color: var(--muted-text, #56463f);
    margin-bottom: 1.5rem;
}

.game-term-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 1.5rem;
}

.game-term-post-card {
    background: var(--surface-card);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(15, 23, 42, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
}

.game-term-post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 50px rgba(15, 23, 42, 0.12);
}

.post-card-image {
    position: relative;
    overflow: hidden;
    background: #f0f4f8;
    width: 100%;
    height: 200px;
}

.post-card-image img,
.post-card-image a {
    width: 100%;
    height: 100%;
    max-width: 100%;
    display: block;
    object-fit: cover;
}

.post-card-image img {
    max-height: 100%;
}

.post-card-meta-overlay {
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.post-date {
    display: inline-block;
    padding: 0.4rem 0.75rem;
    background: rgba(30, 115, 190, 0.9);
    color: var(--text-light);
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.game-term-post-body {
    padding: 1.25rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.game-term-post-body h3 {
    margin: 0 0 0.75rem;
    font-size: 1.05rem;
    line-height: 1.35;
}

.game-term-post-body h3 a {
    color: var(--text-dark);
    transition: color 0.2s ease;
}

.game-term-post-card .post-read-more.game-term-post-read-more {
    margin-top: 0.5rem;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    font-size: 0.82rem;
    color: var(--text-accent, var(--link-color));
}

.game-term-post-body h3 a:hover {
    color: var(--text-accent, var(--link-color));
}

.post-excerpt {
    margin: 0 0 1rem;
    color: rgba(15, 23, 42, 0.72);
    font-size: 0.95rem;
    line-height: 1.6;
    flex: 1;
}

.post-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    padding-top: 0.85rem;
    margin-top: auto;
}

.post-author {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    color: rgba(15, 23, 42, 0.7);
}

.post-author img {
    border-radius: 50%;
}

.read-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--bg-blue);
    color: var(--text-light);
    font-weight: 700;
    transition: opacity 0.2s ease;
}

.read-more:hover {
    opacity: 0.9;
}

.no-posts-message {
    grid-column: 1 / -1;
    padding: 2rem;
    text-align: center;
    color: var(--muted-text);
}

.game-term-gallery,
.game-term-videos {
    padding: 2rem 0 0;
}

.game-term-gallery-inner,
.game-term-videos-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Media Featured Section */
.game-term-media-featured {
    padding: 2.5rem 0;
    background: transparent;
}

.game-term-media-featured h2 {
    margin: 0 0 0.5rem;
    font-size: 1.8rem;
}

.game-gallery-grid,
.game-video-grid {
    display: grid;
    gap: 1rem;
}

.game-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.game-gallery-item {
    overflow: hidden;
    border-radius: 20px;
    background: var(--surface-card);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

.game-gallery-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.game-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.game-video-card {
    border-radius: 20px;
    overflow: hidden;
    background: #141c2d;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
    min-height: 260px;
}

/* Media collection styles */
.game-term-media-collection {
    padding: 2rem 0 0;
}
.media-gallery-grid,
.media-video-grid {
    display: grid;
    gap: 0.85rem;
}
.media-gallery-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.media-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.media-thumb {
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
}
.media-gallery-grid .media-thumb img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
}
.media-thumb img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.media-video .video-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 16 / 9;
    min-height: 200px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), rgba(15, 23, 42, 0.18));
    overflow: hidden;
    border-radius: 12px;
}
.media-video .video-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.media-video .video-placeholder::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.22);
    pointer-events: none;
}
.media-video .video-play-icon {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}
.media-video .video-play-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--text-accent, var(--link-color));
    font-size: 1rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.28);
    padding-left: 0.12rem;
}
.media-video .video-title-label {
    display: -webkit-box;
    margin-top: 0.5rem;
    font-size: 0.84rem;
    line-height: 1.35;
    font-weight: 600;
    color: var(--text-dark);
    text-align: left;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.media-thumb .video-url-label {
    display: none;
}

/* Lightbox modal */
.p4g-lightbox {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(7, 12, 20, 0.78);
    z-index: 99999;
}
.p4g-lightbox.is-open { display: flex; }
.p4g-lightbox .lb-content {
    max-width: 1200px;
    width: 95%;
    max-height: 90vh;
    background: transparent;
}
.p4g-lightbox img,
.p4g-lightbox iframe {
    width: 100%;
    max-height: 80vh;
    display: block;
}
.p4g-lightbox img {
    height: auto;
}
.p4g-lightbox iframe {
    aspect-ratio: 16 / 9;
    height: min(72vh, calc(92vw * 0.5625));
}
.p4g-lightbox .lb-close {
    position: absolute;
    top: 18px;
    right: 22px;
    background: rgba(255,255,255,0.06);
    border: none;
    color: #fff;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    z-index: 3;
    line-height: 1;
}

.p4g-lightbox .lb-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 48px;
    height: 48px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, transform 0.15s ease;
}

.p4g-lightbox .lb-nav:hover,
.p4g-lightbox .lb-nav:focus-visible {
    background: rgba(255, 255, 255, 0.22);
    outline: none;
}

.p4g-lightbox .lb-prev {
    left: max(12px, env(safe-area-inset-left, 0px));
}

.p4g-lightbox .lb-next {
    right: max(12px, env(safe-area-inset-right, 0px));
}

.p4g-lightbox .lb-counter {
    position: absolute;
    left: 50%;
    bottom: max(18px, env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    margin: 0;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    z-index: 3;
}

.p4g-lightbox .lb-content {
    position: relative;
    z-index: 2;
}

@media (max-width: 640px) {
    .p4g-lightbox .lb-nav {
        width: 42px;
        height: 42px;
        font-size: 1.15rem;
    }
}

@media (max-width: 900px) {
    .media-gallery-grid { grid-template-columns: repeat(2, 1fr); }
    .media-video-grid { grid-template-columns: repeat(2, 1fr); }
    .media-gallery-grid .media-thumb img { height: 156px; }
    .media-video .video-placeholder { min-height: 168px; }
}

.game-video-card iframe,
.game-video-card embed,
.game-video-card object {
    width: 100%;
    height: 100%;
}

@media (max-width: 1080px) {
    .game-gallery-grid,
    .game-video-grid {
        grid-template-columns: 1fr;
    }
}

.game-module-section {
    width: 100%;
    background: var(--bg-light);
    padding: 2rem 0 1.5rem;
}

.game-module-inner {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.game-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 1.25rem;
}

.game-card {
    background: var(--text-light);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.game-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
}

.game-card-image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}

.game-card-body {
    padding: 1.2rem 1.25rem 1.5rem;
}

.game-card-meta {
    display: inline-block;
    margin-bottom: 0.85rem;
    color: var(--text-accent, var(--link-color));
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.game-card-body h3 {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    line-height: 1.35;
}

.game-card-body p {
    margin: 0;
    color: #526675;
    line-height: 1.7;
    font-size: 0.95rem;
}

.hero-fullpage {
    width: 100%;
    background: var(--bg-light);
    padding: 0 0 1.5rem;
}

/* Hero accueil — slider pleine largeur */
.hero-fullpage.hero-fullpage--slider {
    --hero-slider-height: min(70vh, 620px);
    --hero-interval: 6500ms;
    --hero-blend: var(--bg-light, #f2f4f7);
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    background: var(--hero-blend);
}

html.theme-dark .hero-fullpage.hero-fullpage--slider,
body.theme-dark .hero-fullpage.hero-fullpage--slider {
    --hero-blend: #07172b;
}

body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage.hero-fullpage--slider,
body.home .ad-slot-under-header + .hero-fullpage.hero-fullpage--slider {
    padding: 0;
}

.hero-slider {
    position: relative;
    width: 100%;
    height: var(--hero-slider-height);
    min-height: 380px;
    overflow: hidden;
    background: var(--hero-blend, var(--bg-light, #f2f4f7));
    isolation: isolate;
}

.hero-slider::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 28%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--hero-blend, var(--bg-light, #f2f4f7)) 40%, transparent) 42%, var(--hero-blend, var(--bg-light, #f2f4f7)) 100%);
}

.hero-slider-viewport {
    position: absolute;
    inset: 0;
}

.hero-slide {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
    transition: opacity 0.55s ease;
}

.hero-slide.is-active {
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
}

.hero-fullpage--slider .hero-slide[hidden] {
    display: block !important;
}

.hero-slide-media {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
}

.hero-slide-image,
.hero-slide-image--fallback {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center 28%;
    display: block;
}

.hero-slide-image--fallback {
    background: linear-gradient(135deg, var(--bg-dark, #0e2038), var(--bg-blue, #fc5f20));
}

.hero-slide-copy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: clamp(1.2rem, 4vh, 2.8rem) clamp(1rem, 4vw, 3.5rem) 7rem;
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(11, 18, 32, 0.38) 30%,
        rgba(11, 18, 32, 0.58) 58%,
        color-mix(in srgb, var(--hero-blend, var(--bg-light, #f2f4f7)) 45%, rgba(11, 18, 32, 0.4)) 86%,
        var(--hero-blend, var(--bg-light, #f2f4f7)) 100%
    );
    color: #ffffff;
    box-sizing: border-box;
}

.hero-slide-copy .hero-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.7rem;
    min-height: 0;
    padding: 0.5em 0.78em 0.28em 0.92em;
    line-height: 1;
    letter-spacing: 0.08em;
    color: #ffffff;
}

.hero-slide-title {
    margin: 0 0 0.55rem;
    max-width: min(46rem, 86%);
    font-size: clamp(1.28rem, 2.45vw, 2.2rem);
    font-weight: 800;
    line-height: 1.18;
    letter-spacing: -0.03em;
    color: #ffffff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}

.hero-slide-title a {
    color: #ffffff;
    text-decoration: none;
}

.hero-slide-title a:hover,
.hero-slide-title a:focus-visible {
    color: #ffffff;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

.hero-slide-excerpt {
    margin: 0;
    max-width: min(42rem, 72%);
    color: #ffffff;
    font-size: clamp(0.92rem, 1.4vw, 1.08rem);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 2px 16px rgba(0, 0, 0, 0.7);
}

.hero-slider-ui {
    position: absolute;
    right: clamp(0.75rem, 3vw, 2rem);
    bottom: 1rem;
    z-index: 4;
    display: flex;
    align-items: flex-end;
    gap: 0.7rem;
    max-width: calc(100% - 1.5rem);
}

.hero-thumbs {
    display: flex;
    gap: 0.4rem;
    overflow-x: auto;
    scrollbar-width: none;
}

.hero-thumbs::-webkit-scrollbar {
    display: none;
}

.hero-thumb {
    position: relative;
    flex: 0 0 auto;
    width: 84px;
    height: 54px;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, 0.38);
    border-radius: 10px;
    overflow: hidden;
    background: #0b1726;
    cursor: pointer;
    appearance: none;
}

.hero-thumb.is-active {
    border-color: #ffffff;
    box-shadow: 0 0 0 2px var(--bg-blue, #fc5f20);
}

.hero-thumb:focus-visible,
.hero-slider-btn:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

.hero-thumb-image,
.hero-thumb-image--fallback {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hero-thumb-image--fallback {
    background: linear-gradient(135deg, var(--bg-dark, #0e2038), var(--bg-accent, #e04f12));
}

.hero-thumb::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: var(--bg-blue, #fc5f20);
}

.hero-thumb.is-progressing::after {
    animation: play4geek-hero-thumb-progress var(--hero-interval, 6500ms) linear forwards;
}

@keyframes play4geek-hero-thumb-progress {
    from { width: 0; }
    to { width: 100%; }
}

.hero-slider-controls {
    display: flex;
    gap: 0.35rem;
}

.hero-slider-btn {
    width: 2.35rem;
    height: 2.35rem;
    min-width: 2.35rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: rgba(7, 21, 35, 0.62);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.hero-slider-btn:hover {
    background: rgba(7, 21, 35, 0.86);
}

.hero-slider.is-paused .hero-thumb.is-progressing::after {
    animation: none;
    width: 100%;
}

.hero-fullpage--slider + .site-main {
    padding-top: 0.35rem;
}

body.theme-dark .hero-fullpage--slider .hero-slide-title a,
body.theme-dark .hero-fullpage--slider .hero-slide-excerpt,
body.theme-dark .hero-fullpage--slider .hero-slide-copy {
    color: #ffffff;
}

@media (max-width: 820px) {
    .hero-fullpage.hero-fullpage--slider {
        padding-top: 0;
    }
}

@media (max-width: 720px) {
    .hero-fullpage.hero-fullpage--slider {
        --hero-slider-height: min(56vh, 480px);
    }

    .hero-slider {
        min-height: 280px;
    }

    .hero-slide-excerpt {
        display: none;
    }

    .hero-slide-copy {
        padding: 1rem 1rem 5.15rem;
    }

    .hero-slide-title {
        max-width: 100%;
        font-size: 1.2rem;
        line-height: 1.22;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .hero-slider-ui {
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
        justify-content: space-between;
    }

    .hero-thumb {
        width: 56px;
        height: 40px;
        border-radius: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-slide {
        transition: none;
    }

    .hero-thumb.is-progressing::after {
        animation: none;
        width: 100%;
    }
}

body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage .hero-article-module,
body.home .ad-slot-under-header + .hero-fullpage .hero-article-module {
    padding-top: 0;
}

.hero-fullpage-inner {
    max-width: 1600px;
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 0 1.5rem;
}

.hero-intro-bar {
    text-align: center;
    margin: 0 auto 1.5rem;
    color: var(--muted-text, #56463f);
    font-size: 0.95rem;
}

.home-footer-quote {
    padding: 0.8rem 1rem 1.25rem;
}

.home-footer-quote .hero-intro-bar {
    margin-bottom: 0;
}

.footer-quote-share-form {
    margin-top: 0.7rem;
}

.footer-quote-share-btn {
    min-height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(20, 89, 130, 0.24);
    background: rgba(20, 89, 130, 0.08);
    color: #1f2937;
    font-weight: 700;
    padding: 0.3rem 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.36rem;
    cursor: pointer;
}

.footer-quote-share-btn:hover {
    background: rgba(20, 89, 130, 0.16);
}

.hero-quote {
    display: inline-grid;
    flex-direction: column;
    gap: 0.4rem;
    max-width: min(980px, 95vw);
    padding: 1.05rem 1.5rem;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255,255,255,0.85), rgba(255,255,255,0.72));
    border: 1px solid rgba(20, 89, 130, 0.15);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
    position: relative;
    justify-items: center;
}

.hero-quote-text {
    margin: 0;
    color: var(--bg-dark);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.02rem, 2.2vw, 1.22rem);
    font-weight: 600;
    line-height: 1.6;
    text-transform: none;
    letter-spacing: 0.01em;
    padding: 0 2rem;
    position: relative;
    text-align: center;
    max-width: 60ch;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hero-quote-author {
    color: #355477;
    font-size: 0.78rem;
    text-transform: none;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 0.9;
    position: relative;
    padding-top: 0.55rem;
}

.hero-quote-author::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(20, 89, 130, 0), rgba(20, 89, 130, 0.65), rgba(20, 89, 130, 0));
}

.hero-quote-text::before,
.hero-quote-text::after {
    position: absolute;
    top: -0.15rem;
    color: rgba(20, 89, 130, 0.3);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 2.2rem;
    line-height: 1;
}

.hero-quote-text::before {
    content: "“";
    left: 0;
}

.hero-quote-text::after {
    content: "”";
    right: 0;
}

.hero-article-module {
    --hero-main-height: 620px;
    --hero-side-row-height: 290px;
    display: grid;
    grid-template-columns: 1.7fr 1.3fr;
    gap: 2.4rem;
    width: 100%;
    padding: 1.25rem;
    box-sizing: border-box;
    align-items: stretch;
}

.hero-main-card,
.hero-side-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: var(--bg-dark);
    color: var(--text-light);
    isolation: isolate;
}

.hero-main-card {
    width: 100%;
    height: var(--hero-main-height, 620px);
    min-height: var(--hero-main-height, 620px);
    max-height: var(--hero-main-height, 620px);
    flex-shrink: 0;
}

.hero-main-card > a {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
    margin: 0;
}

.hero-side-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
    height: var(--hero-main-height, 620px);
    min-height: var(--hero-main-height, 620px);
    max-height: var(--hero-main-height, 620px);
    padding: 0.75rem 0 0.25rem;
    box-sizing: border-box;
    align-self: stretch;
}

.hero-side-card {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    display: block;
    padding: 0;
}

.hero-side-card > a {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
    margin: 0;
}

.hero-main-card .hero-main-image,
.hero-side-card .hero-side-image,
.hero-side-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hero-side-card .hero-side-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
}

.hero-main-meta,
.hero-side-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 1.5rem;
    background: linear-gradient(180deg, transparent 0%, rgba(7,21,35,0.95) 85%);
}

.hero-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    padding: 0.45em 0.9em;
    min-height: 2rem;
    background: var(--bg-blue);
    border-radius: 999px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    box-sizing: border-box;
}

.hero-main-meta h1 {
    margin: 0 0 0.75rem;
    font-size: clamp(1.9rem, 2vw, 2.5rem);
    line-height: 1.08;
}

.hero-main-meta p {
    margin: 0;
    max-width: 620px;
    color: rgba(255,255,255,0.88);
}

.hero-side-meta > span:not(.post-category) {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    opacity: 0.9;
}

.hero-side-meta .hero-side-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.08;
}

.section-heading {
    margin-bottom: 1.5rem;
}

.section-heading span {
    display: block;
    font-size: 0.8rem;
    color: var(--text-accent, var(--link-color));
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin-bottom: 0.5rem;
}

.section-heading h2 {
    margin: 0;
    font-size: 2rem;
    letter-spacing: -0.05em;
}

.news-grid {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 0.9fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
    align-items: start;
}

.news-main {
    display: grid;
    gap: 1.5rem;
}

.cards-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.post-card {
    background: var(--bg-dark);
    color: var(--text-light);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.post-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.22);
}

.post-card img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.post-card-body {
    padding: 1.5rem;
}

.post-category,
.post-card .post-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    background: var(--badge-bg, #eef5ff);
    color: var(--badge-text);
    border: 1px solid color-mix(in srgb, var(--badge-text) 62%, transparent);
    border-radius: 999px;
    padding: 0.45em 0.95em;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.9rem;
    line-height: 1;
    box-shadow: none;
    min-height: 2rem;
    box-sizing: border-box;
    vertical-align: middle;
}

.post-category.has-platform i {
    font-size: 0.95em;
    opacity: 0.95;
}

.post-category-label,
.post-category a {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 1.15;
    letter-spacing: inherit;
}

.post-category a:hover {
    text-decoration: underline;
}

.category-mag-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0 0 0.35rem;
}

.category-mag-hero-badge {
    font-size: 0.82rem;
}

.hero-label.post-category,
.hero-side-label.post-category {
    margin-bottom: 0.55rem;
}

.hero-main-meta .post-category.hero-label,
.hero-main-meta .hero-label,
.hero-side-meta .post-category.hero-side-label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--bg-blue) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.38) !important;
    box-shadow: none !important;
    min-height: 2rem;
    padding: 0.45em 0.95em !important;
    line-height: 1 !important;
    letter-spacing: 0.1em !important;
    margin-bottom: 0.55rem !important;
}

.hero-main-meta .post-category .post-category-label,
.hero-main-meta .post-category a,
.hero-side-meta .post-category .post-category-label,
.hero-side-meta .post-category a {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
    letter-spacing: inherit !important;
    opacity: 1 !important;
    font-size: inherit !important;
    color: inherit !important;
    text-transform: inherit !important;
}

.related-card-category.post-category,
.game-sheet-news-category {
    margin-bottom: 0.45rem;
}

.single-article-category-badge {
    margin-bottom: 0.65rem;
}

.single-article-header .single-article-category-badge {
    margin-bottom: 0.65rem;
}

.post-promo-code {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 24px;
    margin: 0 0 0.7rem;
    padding: 0.14rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(234, 88, 12, 0.26);
    background: rgba(251, 146, 60, 0.14);
    color: #9a3412;
    font-size: 0.72rem;
    font-weight: 700;
}

.post-game-tag {
    display: inline-flex;
    align-items: center;
    background: rgba(255,255,255,0.08);
    color: var(--text-accent, var(--link-color));
    border-radius: 999px;
    padding: 0.35rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: 0.9rem;
}

.post-card h2 {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.35;
}

.post-card p {
    margin: 0.9rem 0 1.2rem;
    color: rgba(255,255,255,0.75);
    line-height: 1.7;
}

.post-meta {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
}

.post-meta i {
    margin-right: 0.32rem;
    opacity: 0.85;
}

.post-views {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    font-weight: 400;
    color: inherit;
}

.post-views i {
    margin-right: 0;
    color: currentColor;
    opacity: 0.88;
    font-size: 1em;
    text-shadow: none;
    filter: none;
}

.news-sidebar {
    display: grid;
    gap: 1rem;
    min-width: 0;
    max-width: 100%;
}

.post-card {
    background: var(--bg-dark);
    color: var(--text-light);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.post-card img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

.post-card-body {
    padding: 1.25rem;
}

.post-card .post-category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--badge-bg, #eef5ff);
    color: var(--badge-text);
    border: 1px solid color-mix(in srgb, var(--badge-text) 62%, transparent);
    border-radius: 999px;
    padding: 0.45em 0.95em;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 0.85rem;
    line-height: 1;
    min-height: 2rem;
    box-shadow: none;
    box-sizing: border-box;
}

.post-card-body > .post-category .post-category-label,
.post-card-body > .post-category a {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    line-height: 1.15;
    color: inherit;
}

.post-card h2 {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.3;
}

.post-card p {
    margin: 0.8rem 0 1rem;
    color: rgba(255,255,255,0.75);
}

.post-meta {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: rgba(255,255,255,0.65);
}

.meta-separator {
    color: rgba(255,255,255,0.3);
}

.blog-sidebar {
    display: grid;
    gap: 1rem;
}

.sidebar-panel {
    background: var(--bg-blue);
    color: var(--text-light);
    padding: 1.5rem;
    border-radius: 24px;
}

.sidebar-live {
    background: var(--theme-gradient-vertical);
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

.sidebar-live-more {
    margin: 0.75rem 0 0;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.sidebar-live-more-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: 100%;
    min-height: 38px;
    padding: 0.45rem 0.7rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.14);
    color: #fff !important;
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
    transition: background 0.16s ease;
}

.sidebar-live-more-link:hover,
.sidebar-live-more-link:focus-visible {
    background: rgba(255, 255, 255, 0.24);
}

.sidebar-live .streamer-list,
.sidebar-live .streamer-item {
    min-width: 0;
    max-width: 100%;
}

.sidebar-live .streamer-card-head {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.35rem 0.5rem;
}

.sidebar-live .streamer-meta {
    flex: 1 1 10rem;
    min-width: 0;
}

.sidebar-live .streamer-card-aside {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    margin-left: auto;
    white-space: normal;
    text-align: right;
    word-break: break-word;
}

.sidebar-live .streamer-metric {
    font-size: 0.78rem;
    line-height: 1.3;
}

.sidebar-live h3 {
    margin: 0 0 0.65rem;
    font-size: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.streamer-live-player {
    margin-bottom: 0.9rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 16px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.2);
}

.streamer-inline-details {
    margin-top: 0.35rem;
}

.streamer-player-toggle {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.streamer-inline-player.is-collapsed {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

.streamer-inline-player:not(.is-collapsed) {
    display: block;
    margin-top: 0.55rem;
}

.streamer-inline-player:not(.is-collapsed) .member-twitch-embed--player {
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
}

.sidebar-live .streamer-inline-player {
    margin-top: 0.55rem;
    border: 0;
    padding: 0;
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.sidebar-live .streamer-inline-player:not(.is-collapsed) {
    display: block !important;
    height: auto !important;
    min-height: 0;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.sidebar-live .streamer-inline-player .member-twitch-embed--player {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    aspect-ratio: 16 / 9;
    height: auto;
    border-color: rgba(255, 255, 255, 0.14);
    background: #0e0e10;
}

.sidebar-live .streamer-inline-player .member-twitch-embed--player iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.sidebar-live label.streamer-play-button,
.sidebar-live button.streamer-play-button {
    cursor: pointer;
    font-family: inherit;
    line-height: 1.2;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

.streamer-inline-details > summary {
    list-style: none;
    cursor: pointer;
}

.streamer-inline-details > summary::-webkit-details-marker {
    display: none;
}

.streamer-inline-details:not([open]) .streamer-inline-player {
    display: none;
}

.streamer-inline-details[open] > summary {
    margin-bottom: 0.45rem;
}

.streamer-inline-details[open] .streamer-inline-player {
    display: block;
}

.streamer-inline-player {
    margin-top: 0.2rem;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.streamer-inline-player.is-collapsed {
    border: 0;
}

.streamer-inline-player:not(.is-collapsed) .streamer-live-embed {
    min-height: 180px;
}

.streamer-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.streamer-card-aside {
    flex: 0 0 auto;
    text-align: right;
    max-width: 42%;
}

.streamer-metric {
    display: block;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.35;
    color: rgba(255, 255, 255, 0.92);
}

.streamer-metric--viewers {
    color: var(--text-accent, var(--link-color));
}

.streamer-metric--followers {
    color: rgba(255, 255, 255, 0.88);
}

.streamer-item.is-offline .streamer-status.is-offline {
    color: rgba(255, 255, 255, 0.62);
}

.streamer-item.is-live .streamer-avatar {
    border: 2.5px solid #e11d48;
    box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.28), 0 0 12px rgba(225, 29, 72, 0.4);
}

.streamer-item.is-live .streamer-status.is-live {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.35);
}

.streamer-status.is-live .streamer-live-dot {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #e11d48;
    color: #e11d48;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(225, 29, 72, 0.55);
    animation: streamer-live-pulse 1.4s ease-in-out infinite;
}

@keyframes streamer-live-pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(0.78);
    }
}

.streamer-actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
}

.streamer-game {
    flex: 1 1 auto;
    min-width: 0;
}

.play4geek-ad-slot {
    margin: 1rem auto;
    display: block;
    max-width: 100%;
    text-align: center;
}

/* Adsterra retiré du thème : tout fallback / slot Adsterra reste masqué. */
.play4geek-adsterra-fallback,
.play4geek-ad-slot--adsterra {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.play4geek-ad-label {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #374151;
}

.play4geek-ad-inner {
    display: inline-block;
    max-width: 100%;
    border: 1px dashed var(--border-color);
    border-radius: 10px;
    padding: 0.4rem;
    background: var(--surface-panel);
    width: min(100%, 100%);
    overflow: hidden;
}

.play4geek-ad-slot iframe,
.play4geek-ad-slot img,
.play4geek-ad-slot ins {
    max-width: 100%;
}

.play4geek-ad-slot iframe,
.play4geek-ad-slot img {
    width: 100%;
    height: auto;
}

/* Sidebar : pavé IAB 300×250. Sans ça l’iframe s’étire en bannière paysage. */
.play4geek-ad-slot-sidebar,
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"],
.ad-slot-sidebar {
    width: 300px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

.play4geek-ad-slot-sidebar .play4geek-ad-inner,
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"] .play4geek-ad-inner,
.ad-slot-sidebar .play4geek-ad-inner {
    width: 300px;
    max-width: 100%;
    height: 250px;
    min-height: 250px;
    max-height: 250px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.play4geek-ad-slot-sidebar .p4g-sidebar-ad-300x250__unit,
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"] .p4g-sidebar-ad-300x250__unit,
.ad-slot-sidebar .p4g-sidebar-ad-300x250__unit,
.play4geek-ad-slot-sidebar [id^="141500-"],
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"] [id^="141500-"] {
    display: block;
    width: 300px;
    height: 250px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.play4geek-ad-slot-sidebar iframe,
.play4geek-ad-slot-sidebar img,
.play4geek-ad-slot-sidebar ins,
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"] iframe,
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"] img,
.play4geek-ad-slot[data-p4g-ad-slot="sidebar"] ins,
.ad-slot-sidebar iframe,
.ad-slot-sidebar img,
.ad-slot-sidebar ins {
    width: 300px !important;
    height: 250px !important;
    max-width: 100% !important;
    max-height: 250px !important;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}

.play4geek-ad-slot ins {
    display: block;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .play4geek-ad-slot {
        margin: 0.85rem auto;
        width: min(100%, calc(100% - 1rem));
    }

    .play4geek-ad-inner {
        padding: 0.3rem;
        border-radius: 8px;
    }
}

@media (max-width: 560px) {
    .play4geek-ad-label {
        font-size: 0.62rem;
        letter-spacing: 0.09em;
    }

    .play4geek-ad-slot {
        width: calc(100% - 0.6rem);
    }
}

/* Bannières sous le header et au-dessus du footer : format leaderboard 729×90 (toutes les pages, comme l’accueil) */
.ad-slot-under-header,
.ad-slot-above-footer {
    width: min(729px, 100% - 2rem);
    margin-left: auto;
    margin-right: auto;
}

.ad-slot-under-header .play4geek-ad-inner,
.ad-slot-above-footer .play4geek-ad-inner {
    width: min(729px, calc(100% - 2rem));
    max-width: 729px;
    height: 90px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ad-slot-under-header .play4geek-ad-inner iframe,
.ad-slot-under-header .play4geek-ad-inner img,
.ad-slot-under-header .play4geek-ad-inner ins,
.ad-slot-above-footer .play4geek-ad-inner iframe,
.ad-slot-above-footer .play4geek-ad-inner img,
.ad-slot-above-footer .play4geek-ad-inner ins {
    width: 100%;
    height: 100%;
    max-width: 729px;
    max-height: 90px;
    object-fit: contain;
}

/* Moneytizer (thème) — doublon du CSS critique inline pour pages RUCSS (jeux, rubriques, avis…) */
.play4geek-moneytizer-slot {
    margin: 0 auto 1rem;
    max-width: min(728px, calc(100% - 2rem));
    text-align: center;
    clear: both;
}

.play4geek-moneytizer-slot-header_below.ad-slot-under-header,
.ad-slot-under-header.play4geek-moneytizer-slot-header_below,
.ad-slot-under-header.play4geek-moneytizer-slot {
    margin: 0 auto;
    padding: 0.4rem 0;
}

.play4geek-moneytizer-slot-header_below.ad-slot-under-header .play4geek-moneytizer-label {
    margin: 0 0 0.15rem;
    line-height: 1.1;
}

/* Espace réduit sous la bannière pub — toutes les pages */
.play4geek-moneytizer-slot-header_below.ad-slot-under-header + .site-main,
.play4geek-moneytizer-slot-header_below.ad-slot-under-header + main,
.play4geek-moneytizer-slot-header_below.ad-slot-under-header + section,
.ad-slot-under-header + .site-main,
.ad-slot-under-header + main,
.ad-slot-under-header + section {
    padding-top: 0;
}

body.home .ad-slot-under-header + .hero-fullpage,
body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage {
    padding: 0 0 1.5rem;
}

body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage .hero-article-module,
body.home .ad-slot-under-header + .hero-fullpage .hero-article-module {
    padding-top: 0;
}

.play4geek-moneytizer-slot-header_below .play4geek-moneytizer-inner,
.ad-slot-under-header .play4geek-moneytizer-inner {
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.play4geek-moneytizer-slot-header_below .play4geek-moneytizer-mount,
.ad-slot-under-header .play4geek-moneytizer-mount {
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    width: min(728px, 100%);
    max-width: 728px;
    min-width: 0;
    min-height: 0;
    position: relative;
    overflow: visible;
}

/* Classe posée par JS (évite :has — recalcul style trop coûteux avec les iframes pubs). */
.play4geek-moneytizer-slot-header_below .play4geek-moneytizer-mount.p4g-ad-filled,
.ad-slot-under-header .play4geek-moneytizer-mount.p4g-ad-filled {
    min-width: 320px;
    min-height: 90px;
}

.play4geek-moneytizer-slot-header_below .play4geek-moneytizer-mount iframe[src]:not([src=""]):not([src="about:blank"]),
.ad-slot-under-header .play4geek-moneytizer-mount iframe[src]:not([src=""]):not([src="about:blank"]),
.play4geek-moneytizer-mount iframe[id^="sas_iframe_"][src]:not([src=""]):not([src="about:blank"]) {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center;
    width: min(728px, 100%);
    max-width: 728px;
    min-width: 320px;
    min-height: 90px;
}

/* Iframes SAS vides + barre de chargement 5px = « charge dans le vide »
   Skyrail : ne pas réduire l’iframe about:blank (l’enchère s’y joue encore). */
.play4geek-moneytizer-mount:not(.play4geek-review-skyrail-mount) iframe:not([src]),
.play4geek-moneytizer-mount:not(.play4geek-review-skyrail-mount) iframe[src=""],
.play4geek-moneytizer-mount:not(.play4geek-review-skyrail-mount) iframe[src="about:blank"] {
    min-height: 0 !important;
    height: 0 !important;
    width: 0 !important;
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

.play4geek-moneytizer-mount div[id^="sas_"] > div[style*="height: 5px"],
.play4geek-moneytizer-mount div[id^="sas_"] > div[style*="height:5px"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

.play4geek-moneytizer-mount script[id^="sas_"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Coquille vide / pending / fallback : attributs + classes seulement (pas de :has). */
html.p4g-ads-ready .play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
html.p4g-ads-ready .ad-slot-under-header.play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
html.p4g-ads-ready .ad-slot-above-footer.play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
html.p4g-ads-ready .play4geek-moneytizer-slot-header_below.ad-slot-under-header[data-p4g-ad-unfilled="1"],
html.p4g-ads-ready .play4geek-moneytizer-slot-home_footer.ad-slot-above-footer[data-p4g-ad-unfilled="1"],
body.p4g-ads-ready .play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
body.p4g-ads-ready .ad-slot-under-header.play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
body.p4g-ads-ready .ad-slot-above-footer.play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
.play4geek-moneytizer-slot[data-p4g-ad-unfilled="1"],
.play4geek-moneytizer-slot[data-p4g-ad-pending="1"],
.play4geek-moneytizer-slot[hidden],
html.p4g-ads-ready .play4geek-moneytizer-slot[data-p4g-ad-pending="1"],
html.p4g-ads-ready .play4geek-moneytizer-slot[hidden],
body.p4g-ads-ready .play4geek-moneytizer-slot[data-p4g-ad-pending="1"],
body.p4g-ads-ready .play4geek-moneytizer-slot[hidden],
.play4geek-moneytizer-slot.p4g-ad-fallback-active {
    display: none !important;
    visibility: hidden !important;
    min-height: 0 !important;
    max-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    border: 0 !important;
}

.play4geek-moneytizer-slot.p4g-ad-filled:not([data-p4g-ad-unfilled="1"]):not([data-p4g-ad-pending="1"]):not([hidden]),
html.p4g-ads-ready .play4geek-moneytizer-slot.p4g-ad-filled:not([data-p4g-ad-unfilled="1"]):not([data-p4g-ad-pending="1"]):not([hidden]),
body.p4g-ads-ready .play4geek-moneytizer-slot.p4g-ad-filled:not([data-p4g-ad-unfilled="1"]):not([data-p4g-ad-pending="1"]):not([hidden]) {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.play4geek-moneytizer-slot-home_footer.ad-slot-above-footer {
    max-width: min(729px, calc(100% - 2rem));
    margin: 1.5rem auto 1.25rem;
}

.play4geek-moneytizer-slot-home_footer .play4geek-moneytizer-inner,
.ad-slot-above-footer .play4geek-moneytizer-inner {
    width: 100%;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.play4geek-moneytizer-slot-article_sidebar.ad-slot-sidebar {
    max-width: 300px;
    width: 100%;
    margin: 0.9rem auto 0;
    text-align: center;
}

.play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-inner {
    min-height: 250px;
    display: block;
    overflow: visible;
}

.play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-mount {
    display: block;
    width: 100%;
    max-width: 300px;
    min-width: 280px;
    min-height: 250px;
    margin: 0 auto;
    position: relative;
    overflow: visible;
    text-align: center;
}

.play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-mount div[id^="sas_"],
.play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-mount iframe,
.play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-inner iframe {
    display: block;
    width: 300px;
    max-width: 100%;
    min-height: 250px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
}

.article-inline-widget .play4geek-moneytizer-mount,
.article-inline-widget [id^="141500-"] {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.play4geek-moneytizer-label {
    margin: 0 0 0.35rem;
    font-size: 0.68rem;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: #4b5563;
}

.play4geek-moneytizer-inner iframe {
    max-width: 100%;
}

body.theme-dark .play4geek-moneytizer-label {
    color: rgba(226, 232, 240, 0.82);
}

/* Taboola (extension officielle) — alignement avec les réglages below / mid / read-more */
.single-article-cover,
.single-article-cover .featured-image-figure,
.single-review-cover {
    overflow: hidden;
}

.play4geek-taboola-zone {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 1.75rem 0 0;
    padding: 0;
    clear: both;
    overflow: visible;
    box-sizing: border-box;
}

.play4geek-taboola-zone--below {
    margin: 0 2.5rem 1.5rem;
    padding: 1.35rem 0 0;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.single-article-comments {
    margin-top: 0;
}

.play4geek-taboola-zone--mid {
    margin: 2rem 0;
    padding: 0.35rem 0;
}

.play4geek-taboola-zone [id^="taboola-"],
.single-article-content [id^="taboola-mid-article"],
.single-review-content [id^="taboola-mid-article"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

.play4geek-taboola-zone .trc_rbox,
.play4geek-taboola-zone .trc_rbox_container,
.play4geek-taboola-zone .tbl-feed-container,
.play4geek-taboola-zone .tbl-feed-frame,
.play4geek-taboola-zone .tbl-trecs-feed,
.single-article-content .play4geek-taboola-zone--mid .trc_rbox,
.single-review-content .play4geek-taboola-zone--mid .trc_rbox {
    max-width: 100% !important;
    width: 100% !important;
    overflow: visible !important;
}

.play4geek-taboola-zone iframe,
.single-article-content .play4geek-taboola-zone--mid iframe,
.single-review-content .play4geek-taboola-zone--mid iframe {
    max-width: 100%;
}

.single-article-content .play4geek-taboola-zone--mid,
.single-review-content .play4geek-taboola-zone--mid {
    margin-left: 0;
    margin-right: 0;
}

body.theme-dark .play4geek-taboola-zone--below {
    border-top-color: rgba(148, 163, 184, 0.22);
}

.single-review-page .play4geek-taboola-zone--below {
    margin: 0 0 1.2rem;
    padding-top: 1.1rem;
}

.ad-slot-sidebar {
    width: 300px;
    max-width: 100%;
    margin-top: 0.9rem;
    margin-left: auto;
    margin-right: auto;
}

.streamer-live-player.is-collapsed .streamer-live-embed,
.streamer-live-player.is-collapsed .streamer-live-stats {
    display: none;
}

.streamer-live-player-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.6rem 0.75rem;
}

.streamer-live-select {
    width: 100%;
    min-height: 38px;
    border-radius: 9px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(0, 0, 0, 0.22);
    color: #fff;
    padding: 0.4rem 0.55rem;
    font-size: 0.86rem;
}

.streamer-live-toggle {
    min-height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.35rem 0.7rem;
}

.streamer-live-player-head strong {
    color: #fff;
}

.streamer-live-channel {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.streamer-live-channel img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.22);
}

.streamer-live-platform {
    font-size: 0.68rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
}

.streamer-live-embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #060d18;
}

.streamer-live-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.streamer-live-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.55rem 0.75rem 0.7rem;
}

.streamer-live-stats .streamer-status.is-live {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.35);
}

.streamer-viewers,
.streamer-viewers-inline {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.86);
}

.streamer-item {
    display: grid;
    gap: 0.75rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.streamer-item:last-child {
    border-bottom: none;
}

.streamer-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.streamer-meta-main {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
}

.streamer-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255,255,255,0.2);
}

.streamer-meta strong {
    font-size: 1rem;
}

.streamer-meta span {
    font-size: 0.8rem;
    color: rgba(255,255,255,0.75);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.streamer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 1rem;
}

.streamer-item {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 22px;
    padding: 1rem 1rem 1.2rem;
    display: grid;
    gap: 0.85rem;
}

.streamer-item.is-live {
    border-color: rgba(30, 115, 190, 0.3);
    background: linear-gradient(180deg, color-mix(in srgb, var(--bg-blue) 12%, transparent), rgba(255,255,255,0.04));
}

.streamer-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.streamer-meta strong {
    color: #ffffff;
    font-size: 1rem;
}

.streamer-status {
    font-size: 0.78rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255,255,255,0.75);
}

.streamer-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: nowrap;
}

.sidebar-live .streamer-info {
    display: grid;
    gap: 0.45rem;
    align-items: start;
}

.sidebar-live .streamer-game {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    word-break: break-word;
    line-height: 1.35;
}

.sidebar-live .streamer-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    width: 100%;
    justify-content: stretch;
    min-width: 0;
}

.sidebar-live .streamer-card-head {
    flex-wrap: wrap;
    align-items: flex-start;
}

.sidebar-live .streamer-meta {
    flex: 1 1 100%;
    min-width: 0;
    width: 100%;
}

.sidebar-live .streamer-meta-main {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-width: 0;
}

.sidebar-live .streamer-meta-main .streamer-pseudo,
.sidebar-live .streamer-meta-main > strong {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-live .streamer-meta-main .streamer-status {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    flex-shrink: 0;
    white-space: nowrap;
}

.sidebar-live .streamer-card-aside {
    flex: 1 1 100%;
    min-width: 0;
    max-width: 100%;
    margin-left: 0;
    white-space: normal;
    text-align: left;
}

.sidebar-live .streamer-play-button,
.sidebar-live .streamer-button {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
    padding: 0.42rem 0.5rem;
    font-size: 0.68rem;
    gap: 0.32rem;
}

.sidebar-live .streamer-action-icon {
    flex-shrink: 0;
    font-size: 0.78rem;
    line-height: 1;
    opacity: 0.92;
}

.sidebar-live .streamer-action-label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.streamer-info span {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.82);
}

.sidebar-live .streamer-button,
.sidebar-live .streamer-play-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    background: var(--bg-blue);
    color: var(--button-text, #ffffff);
    border: 1px solid color-mix(in srgb, var(--bg-blue) 72%, transparent);
    box-shadow: 0 8px 18px color-mix(in srgb, var(--bg-blue) 28%, transparent);
}

.sidebar-live .streamer-play-button {
    font-weight: 700;
}

.sidebar-live .streamer-button:hover,
.sidebar-live .streamer-play-button:hover,
.sidebar-live .streamer-button:focus-visible,
.sidebar-live .streamer-play-button:focus-visible {
    background: var(--bg-accent);
    color: var(--button-text, #ffffff);
    border-color: color-mix(in srgb, var(--bg-accent) 72%, transparent);
}

.sidebar-live .streamer-item.is-live .streamer-avatar {
    border: 2.5px solid #e11d48;
    box-shadow: 0 0 0 2px rgba(225, 29, 72, 0.28), 0 0 12px rgba(225, 29, 72, 0.4);
}

.sidebar-live .streamer-item.is-live .streamer-status.is-live {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.68rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    line-height: 1.2;
    padding: 0;
    margin: 0 0 0 auto;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.35);
}

.sidebar-live .streamer-status.is-live .streamer-live-dot {
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: #e11d48;
    color: #e11d48;
    flex-shrink: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(225, 29, 72, 0.55);
    animation: streamer-live-pulse 1.4s ease-in-out infinite;
}

.sidebar-live .streamer-metric--viewers {
    color: var(--text-accent, var(--link-color));
}

.streamer-offline {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.82);
}

.live-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.live-list li {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

.live-list li:last-child {
    border-bottom: none;
}

.live-list strong {
    font-size: 1rem;
}

.live-list span {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.75);
}

.sidebar-newsletter h3 {
    margin-top: 0;
}

.sidebar-newsletter p {
    color: rgba(255,255,255,0.92);
}

@media (max-width: 1080px) {
    .news-grid {
        grid-template-columns: 1fr;
    }

    .game-cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .game-cards-grid {
        grid-template-columns: 1fr;
    }
}

.sidebar-highlight {
    background: var(--theme-gradient-btn);
}

.sidebar-panel h3 {
    margin-top: 0;
}

.sidebar-panel ul {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.sidebar-panel li {
    margin-bottom: 0.85rem;
}

.sidebar-panel:not(.sidebar-poll):not(.sidebar-hype-widget):not(.sidebar-auctions-spotlight) li a:not(.streamer-button) {
    color: #ffffff;
    opacity: 0.95;
}

@media (max-width: 1080px) {
    .hero-article-module,
    .home-layout {
        grid-template-columns: 1fr;
    }

    .cards-grid {
        grid-template-columns: 1fr;
    }

    .header-topbar,
    .site-main:not(.single-article-page) {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    body.single-post .site-main.single-article-page {
        padding-left: 0;
        padding-right: 0;
    }

    .header-secondary-inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 720px) {
    .header-topbar {
        flex-direction: row;
        align-items: center;
    }

    .header-left,
    .header-right {
        justify-content: flex-start;
    }

    .header-right {
        justify-content: flex-end;
    }

    .hero-main-meta h1 {
        font-size: 1.6rem;
    }

    .hero-article-module {
        --hero-main-height: 460px;
        --hero-side-row-height: 220px;
    }

    .hero-side-grid {
        height: auto;
        min-height: 0;
        max-height: none;
        grid-template-rows: repeat(2, minmax(0, var(--hero-side-row-height, 220px)));
    }
}

.hero-intro {
    background: #ffffff;
    padding: 2rem;
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.08);
}

.hero-intro .eyebrow {
    display: inline-block;
    margin-bottom: 1rem;
    color: var(--text-accent, var(--link-color));
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.hero-intro h2 {
    font-size: clamp(2rem, 2.4vw, 3.2rem);
    margin: 0 0 1rem;
    line-height: 1.05;
}

.hero-intro p {
    margin: 0;
    color: #4b5563;
}

.hero-highlights {
    display: grid;
    gap: 1rem;
}

.hero-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    min-height: 260px;
    display: flex;
    align-items: flex-end;
    background: #111827;
    color: var(--text-light);
}

.hero-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(15, 23, 42, 0.85));
}

.hero-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-card-content {
    position: relative;
    padding: 1.5rem;
    z-index: 1;
}

.hero-card-content span {
    display: inline-block;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.hero-card-content h3 {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.25;
}

.home-layout {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.cards-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.post-card,
.card-panel {
    background: var(--bg-dark);
    color: var(--text-light);
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18);
    transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.post-card:hover,
.card-panel:hover {
    transform: translateY(-4px);
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.22);
}

.post-card img,
.card-panel img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.post-card h2,
.post-card h3,
.card-panel h3 {
    margin-top: 0;
    margin-bottom: 0.85rem;
    font-size: 1.25rem;
    line-height: 1.35;
    color: var(--text-light);
}

.post-card h3 a {
    color: var(--text-light);
}

.post-card p {
    margin: 0 0 1.1rem;
    color: rgba(255,255,255,0.82);
}

.post-card-body {
    padding: 1.5rem;
}

.blog-layout {
    display: grid;
    grid-template-columns: 2.2fr 0.9fr;
    gap: 1.5rem;
}

.blog-sidebar {
    display: grid;
    gap: 1rem;
}

.sidebar-panel {
    background: var(--bg-blue);
    color: var(--text-light);
    padding: 1.5rem;
}

.sidebar-panel h3,
.sidebar-panel h4 {
    margin-top: 0;
}

.sidebar-panel ul {
    margin: 1rem 0 0;
    padding: 0;
    list-style: none;
}

.sidebar-panel li {
    margin-bottom: 0.85rem;
}

.sidebar-panel:not(.sidebar-poll):not(.sidebar-hype-widget):not(.sidebar-auctions-spotlight) li a:not(.streamer-button) {
    color: var(--text-light);
}

.sidebar-highlight {
    background: var(--theme-gradient-btn);
}

.promo-section {
    margin-top: 2rem;
}

.promo-section h2 {
    margin-bottom: 1rem;
}

.promo-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.promo-card {
    background: var(--bg-dark);
    color: var(--text-light);
    border-radius: 20px;
    padding: 1.5rem;
}

.promo-card h3 {
    margin-bottom: 0.75rem;
}

.site-footer {
    background: var(--footer-bg);
    color: var(--footer-text);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0;
}

.site-footer a {
    color: var(--footer-text);
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem 1rem;
}

.footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-brand-col {
    min-width: 0;
}

.footer-brand {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.9rem;
}

.footer-brand .custom-logo-link,
.footer-brand .site-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    height: 54px;
    max-width: min(240px, 100%);
}

.footer-brand .custom-logo-link img,
.footer-brand img,
.footer-brand .site-logo-image--switchable {
    max-height: 54px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.footer-links-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links-menu li {
    margin: 0;
    list-style: none;
}

.footer-links a {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-on-accent, #ffffff);
}

.footer-links a.has-nav-menu-icon,
.footer-links-menu a.has-nav-menu-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
}

.footer-links a.has-nav-menu-icon .nav-menu-icon,
.footer-links-menu a.has-nav-menu-icon .nav-menu-icon {
    width: 0.92em;
    min-width: 0.92em;
    flex-shrink: 0;
}

.footer-description {
    max-width: 760px;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.75;
    color: var(--text-on-accent, #ffffff);
}

.footer-social-col h4 {
    margin: 0 0 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    color: var(--text-on-accent, #ffffff);
}

.footer-social {
    display: flex;
    gap: 1rem 1.1rem;
    flex-wrap: wrap;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: var(--footer-text);
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.footer-social a:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.34);
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.16);
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.78rem;
    color: var(--text-on-accent, #ffffff);
}

.footer-bottom p {
    margin: 0;
}

.footer-legal-links {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.footer-legal-links a {
    font-size: 0.76rem;
    color: var(--text-on-accent, #ffffff);
}

.legal-page {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 1rem 2.6rem;
}

.legal-page.legal-page-no-sidebar {
    display: block;
}

.legal-page-hero {
    margin-bottom: 1.2rem;
}

.legal-page-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-bottom: 0.55rem;
    padding: 0.2rem 0.7rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.1);
    color: var(--text-accent, var(--link-color));
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}

.legal-page-content {
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: clamp(1rem, 2.2vw, 1.6rem);
    color: var(--text-dark);
    line-height: 1.75;
}

.legal-page-content h2,
.legal-page-content h3,
.legal-page-content h4 {
    margin-top: 1.4rem;
    margin-bottom: 0.6rem;
}

.legal-page-content p,
.legal-page-content ul,
.legal-page-content ol {
    margin: 0.8rem 0;
}

.legal-page-content a {
    color: var(--text-accent, var(--link-color));
}

/* Pages sans template assigné (voir page.php) — évite le fallback index « Actualités » */
.page-standard {
    padding: 1rem 1rem 3rem;
}

.page-standard-article {
    max-width: 1100px;
    margin: 0 auto;
}

.page-standard-article:has(.p4g-agenda--explore),
.page-standard-article:has(.p4g-agenda--manage),
.page-standard-article:has(.p4g-agenda--become) {
    max-width: min(1600px, 100%);
}

.page-standard:has(.p4g-agenda--explore) .page-standard-header,
.page-standard:has(.p4g-agenda--manage) .page-standard-header,
.page-standard:has(.p4g-agenda--become) .page-standard-header {
    display: none;
}

.page-standard-content:has(.p4g-agenda--explore),
.page-standard-content:has(.p4g-agenda--manage),
.page-standard-content:has(.p4g-agenda--become) {
    max-width: none;
    padding: clamp(0.85rem, 1.6vw, 1.35rem);
}

.page-standard-header {
    margin-bottom: 1.25rem;
}

.page-standard-title {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 800;
    color: var(--text-dark);
}

.page-standard-content {
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: clamp(1rem, 2.2vw, 1.75rem);
    color: var(--text-dark);
    line-height: 1.7;
}

.page-standard-content > *:first-child {
    margin-top: 0;
}

body.theme-dark .page-standard-title {
    color: var(--text-light);
}

body.theme-dark .page-standard-content {
    background: rgba(16, 35, 63, 0.92);
    border-color: rgba(148, 163, 184, 0.22);
}

/* Page template Adhésion (HelloAsso) — voir page-adhesion.php */
.page-adhesion-article {
    max-width: 1100px;
}

.page-adhesion-hero {
    margin: 0 0 1.35rem;
    padding: clamp(1.15rem, 3vw, 1.65rem) clamp(1.1rem, 2.5vw, 1.5rem);
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--bg-blue) 18%, transparent);
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.97) 0%,
        rgba(235, 242, 248, 0.92) 55%,
        rgba(255, 247, 237, 0.55) 100%
    );
    box-shadow: 0 14px 40px rgba(14, 32, 56, 0.06);
}

.page-adhesion-kicker {
    margin: 0 0 0.45rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-accent, var(--link-color));
}

.page-adhesion-header {
    margin: 0 0 0.65rem;
}

.page-adhesion-title {
    margin: 0;
    font-size: clamp(1.65rem, 4vw, 2.15rem);
    font-weight: 800;
    line-height: 1.15;
    color: var(--text-dark, #111827);
    letter-spacing: -0.02em;
}

.page-adhesion-lead {
    margin: 0;
    max-width: 52rem;
    font-size: 1.02rem;
    line-height: 1.65;
    color: rgba(15, 23, 42, 0.78);
}

.page-adhesion-benefits {
    list-style: none;
    margin: 0 0 1.35rem;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 0.75rem;
}

.page-adhesion-benefit {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(20, 89, 130, 0.12);
    background: var(--surface-card, #fff);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.page-adhesion-benefit-icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 12px;
    background: rgba(30, 115, 190, 0.1);
    color: var(--text-accent, var(--link-color));
    font-size: 1rem;
}

.page-adhesion-benefit-text {
    font-size: 0.88rem;
    line-height: 1.5;
    color: rgba(15, 23, 42, 0.82);
}

.page-adhesion-benefit-text strong {
    display: block;
    margin-bottom: 0.15rem;
    font-size: 0.92rem;
    color: var(--text-dark, #111827);
}

.page-adhesion-account-hint {
    margin: 0 0 1.5rem;
    padding: 0.85rem 1.1rem;
    border-radius: 14px;
    border: 1px dashed color-mix(in srgb, var(--bg-blue) 35%, transparent);
    background: rgba(248, 251, 255, 0.95);
}

.page-adhesion-account-hint-title {
    margin: 0 0 0.35rem;
    font-size: 0.82rem;
    font-weight: 700;
    color: rgba(15, 23, 42, 0.75);
}

.page-adhesion-account-hint-actions {
    margin: 0;
    font-size: 0.95rem;
}

.page-adhesion-account-link {
    font-weight: 700;
    color: var(--text-accent, var(--link-color));
    text-decoration: underline;
    text-underline-offset: 2px;
}

.page-adhesion-account-link:hover {
    color: var(--text-accent, var(--link-color));
}

.page-adhesion-account-sep {
    margin: 0 0.35rem;
    color: var(--muted-text, #56463f);
}

.page-adhesion-form-section {
    margin: 0;
}

.page-adhesion-section-head {
    margin-bottom: 0.85rem;
}

.page-adhesion-section-title {
    margin: 0 0 0.35rem;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--text-dark, #111827);
}

.page-adhesion-section-title--card {
    margin-top: 0;
}

.page-adhesion-section-desc {
    margin: 0;
    font-size: 0.9rem;
    color: var(--muted-text, #56463f);
}

.page-adhesion-embed-wrap {
    max-width: 1100px;
    margin: 0 auto;
}

.page-adhesion-embed-wrap .p4g-ha-embed-widget.p4g-ha-embed-shell {
    margin-top: 0;
    margin-bottom: 0;
}

.page-adhesion-embed-wrap .p4g-ha-embed-chrome {
    border-color: color-mix(in srgb, var(--bg-blue) 18%, transparent);
}

.page-adhesion-embed-wrap .p4g-ha-embed-topbar {
    font-size: 0.81rem;
}

.page-adhesion-embed-wrap .p4g-ha-embed-viewport {
    padding-left: clamp(0.45rem, 1.5vw, 0.85rem);
    padding-right: clamp(0.45rem, 1.5vw, 0.85rem);
}

/* Widget HelloAsso (iframe) — Réglages → Général, shortcode [p4g_helloasso_widget] */
.p4g-helloasso-embed.p4g-ha-embed-shell {
    margin: 0 auto;
    max-width: 1100px;
}

.p4g-helloasso-embed-viewport {
    position: relative;
    width: 100%;
    min-height: 720px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid rgba(20, 89, 130, 0.14);
    background: var(--surface-card, #fff);
    box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);
}

.p4g-helloasso-embed-frame {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.p4g-helloasso-embed-footnote {
    margin: 0.65rem 0 0;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--muted-text, #56463f);
}

.page-adhesion-extra {
    margin-top: 1.5rem;
}

.page-adhesion-plugin-notice {
    padding: 1rem 1.15rem;
    border-radius: 12px;
    border: 1px dashed rgba(234, 88, 12, 0.45);
    background: rgba(255, 247, 237, 0.96);
    color: #9a3412;
}

.page-adhesion-plugin-notice p {
    margin: 0;
}

/* Mode sombre — adhésion */
body.theme-dark .page-adhesion-hero {
    border-color: rgba(77, 163, 255, 0.22);
    background: linear-gradient(
        145deg,
        rgba(16, 35, 63, 0.95) 0%,
        rgba(11, 29, 53, 0.92) 100%
    );
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.25);
}

body.theme-dark .page-adhesion-kicker {
    color: #93c5fd;
}

body.theme-dark .page-adhesion-title {
    color: var(--text-light, #dbe8ff);
}

body.theme-dark .page-adhesion-lead {
    color: rgba(219, 232, 255, 0.82);
}

body.theme-dark .page-adhesion-benefit {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(16, 35, 63, 0.65);
    box-shadow: none;
}

body.theme-dark .page-adhesion-benefit-icon {
    background: rgba(77, 163, 255, 0.14);
    color: #93c5fd;
}

body.theme-dark .page-adhesion-benefit-text {
    color: rgba(219, 232, 255, 0.85);
}

body.theme-dark .page-adhesion-benefit-text strong {
    color: #f1f5f9;
}

body.theme-dark .page-adhesion-account-hint {
    border-color: rgba(77, 163, 255, 0.35);
    background: rgba(16, 35, 63, 0.55);
}

body.theme-dark .page-adhesion-account-hint-title {
    color: rgba(219, 232, 255, 0.72);
}

body.theme-dark .page-adhesion-account-link {
    color: #93c5fd;
}

body.theme-dark .page-adhesion-account-link:hover {
    color: #bfdbfe;
}

body.theme-dark .page-adhesion-section-title {
    color: var(--text-light, #dbe8ff);
}

body.theme-dark .page-adhesion-section-desc {
    color: rgba(219, 232, 255, 0.58);
}

body.theme-dark .page-adhesion-plugin-notice {
    border-color: rgba(251, 146, 60, 0.45);
    background: rgba(124, 45, 18, 0.35);
    color: #fed7aa;
}

body.theme-dark .p4g-helloasso-embed-viewport {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(16, 35, 63, 0.55);
    box-shadow: none;
}

body.theme-dark .p4g-helloasso-embed-footnote {
    color: rgba(219, 232, 255, 0.55);
}

.single-article-excerpt {
    margin: 1rem 0 1.5rem;
    font-size: 1.05rem;
    color: var(--muted-text);
    line-height: 1.9;
}

.single-article-promo {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0.24rem 0.6rem;
    border-radius: 999px;
    border: 1px solid rgba(234, 88, 12, 0.3);
    background: rgba(251, 146, 60, 0.14);
    color: #9a3412;
    font-weight: 700;
    margin: 0 0 0.9rem;
}

.single-article-promo-label {
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.85;
}

.single-article-promo-bottom {
    margin: 1.6rem 0 1.2rem;
    padding: 1.15rem;
    border-radius: 18px;
    border: 1px dashed rgba(234, 88, 12, 0.45);
    background: linear-gradient(135deg, rgba(251, 146, 60, 0.16), rgba(254, 215, 170, 0.36));
    text-align: center;
}

.single-article-promo-bottom-label {
    margin: 0 0 0.55rem;
    font-size: 0.86rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #9a3412;
}

.single-article-promo-bottom-code {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 0.5rem 1.25rem;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(234, 88, 12, 0.35);
    color: #7c2d12;
    font-size: clamp(1.5rem, 3.2vw, 2.2rem);
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.single-article-grid {
    display: grid;
    grid-template-columns: 1.7fr 0.9fr;
    gap: 2rem;
}

.single-article-header {
    padding: 2rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.article-sidebar {
    display: grid;
    gap: 1.5rem;
}

.sidebar-panel {
    background: var(--bg-dark);
    color: var(--text-light);
    padding: 1.5rem;
    border-radius: 24px;
}

.game-sidebar-card {
    background: var(--bg-dark);
    color: var(--text-light);
    border-radius: 28px;
    padding: 1.5rem;
    box-shadow: 0 28px 80px rgba(15, 23, 42, 0.16);
}

.game-sidebar-card-header {
    margin-bottom: 1.25rem;
}

.game-sidebar-card h2 {
    margin: 1rem 0 0.75rem;
    font-size: 1.55rem;
    line-height: 1.15;
}

.game-sidebar-meta > li {
    display: flex;
    justify-content: space-between;
    gap: 0.8rem;
    color: rgba(255,255,255,0.78);
    font-size: 0.95rem;
}

.game-sidebar-card .game-sidebar-button {
    margin-top: 1.3rem;
}

.game-directory-page {
    padding: 1.5rem 0 2.5rem;
    overflow-x: hidden;
}

.game-directory-toolbar {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 1.5rem;
    padding: 0 clamp(1rem, 2.5vw, 1.75rem);
    box-sizing: border-box;
}

.game-directory-intro {
    margin-bottom: 1rem;
}

.game-directory-kicker {
    display: inline-block;
    margin-bottom: 0.35rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.1);
    color: var(--text-accent, var(--link-color));
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.game-directory-page-title {
    margin: 0;
    font-size: clamp(1.85rem, 3vw, 2.5rem);
    line-height: 1.1;
    color: var(--text-accent, var(--link-color));
}

.game-directory-description {
    max-width: 72ch;
    margin-top: 0.75rem;
    color: rgba(14, 32, 56, 0.78);
    line-height: 1.7;
    font-size: 1rem;
}

/* Panneau recherche / filtres — pleine largeur */
.game-directory-search-panel {
    width: 100%;
    max-width: none;
    margin: 0 0 1rem;
    padding: 1.15rem clamp(1rem, 2vw, 1.35rem);
    border-radius: 14px;
    border: 1px solid rgba(30, 115, 190, 0.14);
    background: #ffffff;
    box-shadow: 0 8px 28px rgba(8, 18, 32, 0.06);
    box-sizing: border-box;
}

.game-directory-search-panel--full {
    margin-top: 0;
}

.game-directory-search-panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.9rem;
}

.game-directory-search-title {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-accent, var(--link-color));
}

.game-directory-search-title i {
    opacity: 0.85;
    font-size: 0.88rem;
}

.game-directory-search-active {
    margin: 0;
    padding: 0.22rem 0.6rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.1);
    border: 1px solid rgba(30, 115, 190, 0.22);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-accent, var(--link-color));
}

.game-directory-search--pro {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.game-directory-search-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
    align-items: end;
}

.game-directory-search-field {
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.game-directory-search-field label {
    font-size: 0.74rem;
    font-weight: 700;
    color: rgba(14, 32, 56, 0.72);
    letter-spacing: 0.03em;
}

.game-directory-search-control {
    position: relative;
    display: flex;
    align-items: stretch;
    min-height: 46px;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--bg-blue) 22%, #c5d9ec);
    background: #f7fafd;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.game-directory-search-control:hover {
    border-color: color-mix(in srgb, var(--bg-blue) 38%, #c5d9ec);
    background: #f0f6fc;
}

.game-directory-search-control:focus-within {
    border-color: color-mix(in srgb, var(--bg-blue) 58%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bg-blue) 22%, transparent);
    background: #fff;
}

.game-directory-search-control-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.65rem;
    color: var(--text-accent, var(--link-color));
    font-size: 0.92rem;
    pointer-events: none;
    border-right: 1px solid color-mix(in srgb, var(--bg-blue) 14%, #d6e3f3);
    background: color-mix(in srgb, var(--bg-blue) 7%, #ffffff);
}

.game-directory-search-control input,
.game-directory-search-control select {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 44px;
    margin: 0;
    padding: 0 0.85rem 0 0.65rem;
    border: 0;
    background: transparent;
    color: var(--text-dark, #0e2038);
    font-size: 0.95rem;
    font-weight: 500;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

.game-directory-search-control--select {
    padding-right: 0;
}

.game-directory-search-select-wrap {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    min-width: 0;
}

.game-directory-search-control--select .game-directory-search-select {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    padding-right: 3rem;
    cursor: pointer;
    background-image: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.35;
    transition: color 0.2s ease, font-weight 0.2s ease;
}

.game-directory-search-control--select .game-directory-search-select.is-empty,
.game-directory-search-control--select:has(.game-directory-search-select option[value=""]:checked) .game-directory-search-select {
    color: var(--muted-text, rgba(14, 32, 56, 0.55));
    font-weight: 500;
}

.game-directory-search-control--select .game-directory-search-select:not(.is-empty),
.game-directory-search-control--select:has(.game-directory-search-select option:checked:not([value=""])) .game-directory-search-select {
    color: var(--text-dark, #0e2038);
    font-weight: 600;
}

.game-directory-search-control--select .game-directory-search-select option {
    padding: 0.55rem 0.75rem;
    font-weight: 500;
    color: var(--text-dark, #0e2038);
    background: #fff;
}

.game-directory-search-control--select .game-directory-search-select option:checked {
    font-weight: 700;
}

.game-directory-search-chevron {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    border-left: 1px solid color-mix(in srgb, var(--bg-blue) 16%, #d6e3f3);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-blue) 9%, #ffffff) 0%,
        color-mix(in srgb, var(--bg-blue) 5%, #eef4fa) 100%
    );
    color: var(--text-accent, var(--link-color));
    font-size: 0.72rem;
    pointer-events: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.game-directory-search-chevron i {
    transition: transform 0.22s ease;
}

.game-directory-search-control--select:hover .game-directory-search-chevron {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-blue) 14%, #ffffff) 0%,
        color-mix(in srgb, var(--bg-blue) 10%, #e8f1fa) 100%
    );
    border-left-color: color-mix(in srgb, var(--bg-blue) 28%, #d6e3f3);
}

.game-directory-search-control--select:focus-within .game-directory-search-chevron {
    background: color-mix(in srgb, var(--bg-blue) 16%, #ffffff);
    border-left-color: color-mix(in srgb, var(--bg-blue) 35%, transparent);
    color: var(--text-accent, var(--link-color));
}

.game-directory-search-control--select:focus-within .game-directory-search-chevron i {
    transform: rotate(180deg);
}

.game-directory-search-control input::placeholder {
    color: var(--muted-text, #56463f);
}

.game-directory-search-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.55rem;
    padding-top: 0.15rem;
    border-top: 1px solid rgba(30, 115, 190, 0.12);
}

.game-directory-search-submit,
.game-directory-search-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 42px;
    padding: 0.45rem 1.1rem;
    border-radius: 11px;
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.game-directory-search-submit {
    border: 1px solid color-mix(in srgb, var(--button-bg, var(--bg-blue)) 88%, #0a1628);
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, var(--text-light, #fff));
    box-shadow: 0 6px 18px var(--theme-blue-shadow, color-mix(in srgb, var(--bg-blue) 32%, transparent));
}

.game-directory-search-submit:hover,
.game-directory-search-submit:focus-visible {
    background: var(--button-hover-bg, var(--bg-accent));
    border-color: var(--button-hover-bg, var(--bg-accent));
    color: var(--button-text, var(--text-light, #fff));
    transform: translateY(-1px);
}

.game-directory-search-reset {
    border: 1px solid rgba(30, 115, 190, 0.22);
    background: #fff;
    color: var(--text-accent, var(--link-color));
}

.game-directory-search-reset:hover {
    background: rgba(30, 115, 190, 0.06);
    color: var(--text-accent, var(--link-color));
}

.game-directory-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.35rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(30, 115, 190, 0.12);
}

.game-directory-count {
    margin: 0.75rem 0 0;
    color: var(--muted-text, #56463f);
    font-size: 0.86rem;
    font-weight: 600;
}

.filter-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    padding: 0.5rem 0.85rem;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(30, 115, 190, 0.14);
    color: var(--text-accent, var(--link-color));
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.filter-link:hover {
    background: rgba(30, 115, 190, 0.08);
    border-color: rgba(30, 115, 190, 0.28);
    color: var(--text-accent, var(--link-color));
}

.filter-link.is-active {
    background: var(--bg-blue, #1e73be);
    border-color: var(--bg-blue, #1e73be);
    color: #fff;
}

.game-directory-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(185px, 185px));
    gap: 1rem;
    justify-content: start;
}

@media (max-width: 1024px) {
    .game-directory-toolbar,
    .game-directory-grid-wrapper {
        overflow-x: hidden;
    }

    .game-directory-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.85rem;
        justify-content: stretch;
    }
}

@media (max-width: 820px) {
    .game-directory-page {
        padding-left: 0;
        padding-right: 0;
    }

    .game-directory-grid-wrapper {
        padding-left: 0.35rem;
        padding-right: 0.35rem;
        overflow-x: hidden;
    }

    .game-directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }
}

.game-directory-card {
    background: transparent !important;
    border: 0;
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
    transition: transform 0.18s ease;
}

.game-directory-card:hover {
    transform: translateY(-2px);
}

.game-directory-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    background: transparent !important;
}

.game-directory-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 16px;
    display: block;
    background: #0f172a;
}

.game-directory-card-cover {
    background: #0f172a;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 2 / 3;
}

.game-directory-card-cover::after {
    content: none;
}

.game-directory-card-content {
    padding: 0.5rem 0.2rem 0;
    background: transparent !important;
}

.game-directory-card h2 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.25;
    color: #0f172a;
    font-weight: 800;
}

@media (max-width: 640px) {
    .game-directory-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 160px));
        gap: 0.8rem;
    }

    .game-directory-card-cover {
        aspect-ratio: 2 / 3;
    }
}

.game-directory-release-date {
    margin: 0.22rem 0 0;
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    font-size: 0.76rem;
    color: var(--muted-text, #56463f);
    font-weight: 600;
}

.game-directory-empty {
    grid-column: 1 / -1;
    padding: 2rem;
    background: var(--bg-light);
    border-radius: 24px;
    text-align: center;
    color: var(--text-dark);
}

.game-community-section {
    margin-top: 1.4rem;
    padding: 0 1rem 1.35rem;
}

.game-community-inner {
    max-width: 1600px;
    margin: 0 auto;
    background: #f6f9ff;
    border: 1px solid rgba(20, 89, 130, 0.13);
    border-radius: 12px;
    padding: 0.9rem;
}

.game-community-head {
    align-items: center;
}

.game-community-head-text {
    flex: 0 1 auto;
    min-width: 0;
}

.game-community-head .home-releases-head-line {
    flex: 1 1 auto;
    min-width: 1.25rem;
    align-self: center;
}

.game-community-head .home-releases-nav {
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.game-community-head h2 {
    margin: 0 0 0.25rem;
    font-size: 0.92rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(14, 32, 56, 0.86);
    white-space: normal;
    line-height: 1.25;
}

.game-community-subline {
    margin: 0;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--muted-text, #56463f);
    max-width: 52ch;
}

.game-community-track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.65rem;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    padding-bottom: 0;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    margin-top: 0.55rem;
}

.game-community-track::-webkit-scrollbar {
    display: none;
}

.game-community-card {
    flex: 0 0 calc((100% - (5 * 0.65rem)) / 6);
    width: calc((100% - (5 * 0.65rem)) / 6);
    min-width: calc((100% - (5 * 0.65rem)) / 6);
    scroll-snap-align: start;
    border: 0;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.game-community-card a,
.game-community-card .home-releases-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.game-community-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    border-radius: 9px;
    overflow: hidden;
    background: linear-gradient(180deg, #0f172a, #1e293b);
}

.game-community-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    border-radius: 9px;
}

.game-community-card h3,
.game-community-card .home-releases-card-title {
    display: block;
    margin: 0;
    padding: 0.42rem 0.5rem 0.16rem;
    font-size: 0.8rem;
    line-height: 1.3;
    color: var(--bg-dark);
}

.game-community-meta,
.game-community-card .home-releases-card-meta {
    display: block;
    margin: 0;
    padding: 0 0.5rem 0.5rem;
    font-size: 0.66rem;
    line-height: 1.35;
    color: var(--muted-text, #56463f);
}

/* Carousel annuaire : mêmes largeurs que .home-release-card */
.game-community-carousel .home-releases-track {
    gap: 0.65rem;
}

.game-community-carousel .game-community-card {
    flex: 0 0 calc((100% - (5 * 0.65rem)) / 6);
    width: calc((100% - (5 * 0.65rem)) / 6);
    min-width: calc((100% - (5 * 0.65rem)) / 6);
    scroll-snap-align: start;
}

.game-community-recent-label {
    font-weight: 700;
    color: rgba(20, 89, 130, 0.92);
}

.post-card h3 a,
.hero-main-meta h1 a,
.hero-side-meta .hero-side-title a {
    color: var(--text-light);
}

.post-card p,
.hero-main-meta p,
.hero-side-meta > span:not(.post-category),
.hero-side-meta .hero-side-title {
    color: rgba(255,255,255,0.8);
}

.hero-side-meta .post-category,
.hero-main-meta .post-category {
    color: #ffffff;
}

.game-term-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.9rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    color: var(--text-light);
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    margin-bottom: 1rem;
}

.game-term-details {
    display: grid;
    gap: 0.55rem;
    margin: 1rem 0;
    color: rgba(255,255,255,0.82);
}

.game-term-details span {
    display: block;
}

.game-sidebar-meta > li span {
    color: rgba(255,255,255,0.85);
}

.game-image-preview img {
    max-width: 100%;
    border-radius: 14px;
    margin-top: 0.75rem;
}

.game-term-cover img {
    width: 100%;
    height: auto;
    border-radius: 18px;
    margin-top: 1rem;
}

/* ============================================
   IMPROVED SINGLE ARTICLE DESIGN
   ============================================ */

/* Breadcrumb Navigation */
.article-breadcrumb {
    background: var(--text-light);
    padding: 1rem 0;
    margin-bottom: 2rem;
}

.breadcrumb-wrapper {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    font-size: 0.95rem;
}

.breadcrumb-item {
    color: var(--muted-text, #56463f);
    transition: color 0.2s ease;
}

.breadcrumb-item:hover {
    color: var(--text-accent, var(--link-color));
}

.breadcrumb-item.active {
    color: var(--text-dark);
    font-weight: 600;
}

.breadcrumb-separator {
    color: #d1d5db;
    margin: 0 0.25rem;
}

/* Featured Image with Caption */
.single-article-cover {
    margin-bottom: 2rem;
}

.featured-image-figure {
    margin: 0;
    position: relative;
}

.featured-image-figure img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 16px;
}

.image-caption {
    margin-top: 0.75rem;
    padding: 0 1rem;
    font-size: 0.9rem;
    color: var(--muted-text, #56463f);
    font-style: italic;
    text-align: center;
}

/* Enhanced Article Header */
.single-article-header {
    padding: 2rem 2.5rem;
    border-bottom: 1px solid #e5e7eb;
}

/* Game Tags with Icons */
.single-article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}

.article-game-label {
    display: inline-block;
    color: var(--text-accent, var(--link-color));
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.article-game-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.6rem 1rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.08);
    color: var(--text-accent, var(--link-color));
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.article-game-link:hover {
    background: color-mix(in srgb, var(--bg-blue) 15%, transparent);
    transform: translateY(-1px);
}

.game-icon {
    font-size: 1rem;
}

/* Title */
.single-article-title {
    margin: 0 0 1.25rem;
    font-size: clamp(2.2rem, 3.5vw, 3.2rem);
    line-height: 1.1;
    color: var(--text-dark);
    font-weight: 800;
    letter-spacing: -0.02em;
}

/* Excerpt */
.single-article-excerpt {
    margin: 1rem 0 1.5rem;
    font-size: 1.05rem;
    color: var(--muted-text);
    line-height: 1.9;
}

/* New Author & Meta Bar */
.article-meta-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 2rem;
    padding: 1.5rem;
    background: var(--surface-panel);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    flex-wrap: wrap;
}

.author-info {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.author-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    align-self: flex-start;
    border-radius: 50%;
    background: var(--surface-card);
    overflow: hidden;
    border: 3px solid var(--bg-blue);
}

.author-avatar img,
.author-avatar img.avatar {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.author-details {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.author-name {
    font-weight: 700;
    color: var(--text-dark);
    font-size: 1rem;
}

.author-name a {
    color: var(--text-accent, var(--link-color));
    text-decoration: none;
    transition: color 0.2s ease;
}

.author-name a:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}

.article-stats {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: var(--muted-text);
}

.stat-item {
    display: flex;
    align-items: center;
}

.stat-item i {
    margin-right: 0.35rem;
    opacity: 0.8;
}

.stat-separator {
    color: var(--border-color);
}

/* Share Buttons Horizontal */
.share-buttons-horizontal {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    position: relative;
    z-index: 2;
}

.share-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--surface-card);
    color: var(--text-dark);
    cursor: pointer;
    border: 2px solid var(--border-color);
    transition: all 0.2s ease;
    flex-shrink: 0;
}

a.share-icon {
    text-decoration: none;
    color: inherit;
}

.share-icon:hover {
    border-color: var(--bg-blue);
    color: var(--text-accent, var(--link-color));
    transform: translateY(-2px);
}

.share-icon svg {
    width: 20px;
    height: 20px;
}

.share-icon.facebook:hover {
    background: #1877f2;
    color: white;
}

.share-icon.twitter:hover {
    background: #000000;
    color: white;
}

.share-icon.linkedin:hover {
    background: #0a66c2;
    color: white;
}

.share-icon.whatsapp:hover {
    background: #25d366;
    color: white;
}

.share-icon.copy-link:hover {
    background: var(--bg-blue);
    color: white;
}

/* Enhanced Article Content */
.single-article-content {
    padding: 2.5rem;
    line-height: 2;
    color: #374151;
    font-size: 1.05rem;
}

.single-article-content p {
    margin-bottom: 1.5rem;
}

.single-article-content h2 {
    margin: 2rem 0 1rem;
    font-size: 1.8rem;
    color: var(--text-dark);
    font-weight: 700;
    line-height: 1.3;
}

.single-article-content h3 {
    margin: 1.5rem 0 0.85rem;
    font-size: 1.3rem;
    color: var(--text-dark);
    font-weight: 700;
}

.single-article-content ul,
.single-article-content ol {
    margin: 1.5rem 0;
    padding-left: 2rem;
}

.single-article-content li {
    margin-bottom: 0.75rem;
}

.single-article-content blockquote {
    margin: 2rem 0;
    padding: 1.5rem 1.5rem 1.5rem 0.5rem;
    border-left: 4px solid var(--bg-blue);
    background: rgba(30, 115, 190, 0.05);
    border-radius: 0 8px 8px 0;
    font-style: italic;
    color: #4b5563;
}

.single-article-content blockquote p {
    margin: 0;
}

/* Liens vers fiches jeux (shortcodes [p4g_game] / [p4g_jeu]) */
.single-article-content a.p4g-game-link {
    font-weight: 600;
    color: var(--text-accent, var(--link-color));
    text-decoration: underline;
    text-underline-offset: 0.15em;
    text-decoration-thickness: from-font;
}

.single-article-content a.p4g-game-link:hover {
    color: #0f172a;
}

body.theme-dark .single-article-content a.p4g-game-link {
    color: #7dd3fc;
}

body.theme-dark .single-article-content a.p4g-game-link:hover {
    color: #fff;
}

.single-article-content code {
    background: var(--bg-light);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-size: 0.95rem;
    color: #d32f2f;
}

.single-article-content pre {
    background: #1e293b;
    color: #e2e8f0;
    padding: 1.5rem;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5rem 0;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    line-height: 1.6;
}

.single-article-content img {
    max-width: 100%;
    height: auto;
    margin: 2rem 0;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

.single-article-content .article-game-embed-card img,
.single-review-content .article-game-embed-card img {
    max-width: none;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

/* Carte fiche jeu dans les articles — fallback layout (style.css toujours chargé) */
.single-article-content .article-game-embed-card__shell,
.single-review-content .article-game-embed-card__shell {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1.35rem;
    padding: 3.65rem 1.35rem 1.35rem;
}

.single-article-content .article-game-embed-card__cover-link,
.single-review-content .article-game-embed-card__cover-link {
    flex: 0 0 148px;
    width: 148px;
    max-width: 148px;
}

.single-article-content .article-game-embed-card__cover,
.single-review-content .article-game-embed-card__cover,
.single-article-content .article-game-embed-card__cover-link img,
.single-review-content .article-game-embed-card__cover-link img {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    object-position: center top;
    margin: 0 !important;
    max-width: none;
    border-radius: 0;
    box-shadow: none;
}

.single-article-content .article-game-embed-card__panel,
.single-review-content .article-game-embed-card__panel {
    flex: 1 1 auto;
    min-width: 0;
    color: #f2f7ff !important;
}

.single-article-content .article-game-embed-card__panel .article-game-embed-card__title,
.single-review-content .article-game-embed-card__panel .article-game-embed-card__title,
.single-article-content .article-game-embed-card__panel .article-game-embed-card__desc,
.single-review-content .article-game-embed-card__panel .article-game-embed-card__desc,
.single-article-content .article-game-embed-card__panel dt,
.single-review-content .article-game-embed-card__panel dt,
.single-article-content .article-game-embed-card__panel dd,
.single-review-content .article-game-embed-card__panel dd {
    color: inherit;
}

.single-article-content a.article-game-embed-card__cta,
.single-review-content a.article-game-embed-card__cta {
    display: inline-flex !important;
    background: #ff8f5c !important;
    color: #2a1a22 !important;
    text-decoration: none !important;
}

.article-internal-links {
    margin: 0 2.5rem 2rem;
    padding: 1.1rem 1.2rem;
    border-radius: 12px;
    background: #f3f8ff;
    border: 1px solid rgba(20, 89, 130, 0.14);
}

.article-internal-links h2 {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.article-internal-links-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.article-internal-link {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    border: 1px solid rgba(20, 89, 130, 0.18);
    background: #fff;
    color: #134577;
    font-weight: 600;
    font-size: 0.85rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.article-internal-link:hover,
.article-internal-link:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(30, 115, 190, 0.45);
    box-shadow: 0 8px 18px rgba(20, 89, 130, 0.18);
    outline: none;
}

.article-internal-link.is-game {
    background: rgba(30, 115, 190, 0.09);
}

.article-internal-link.is-tag {
    font-weight: 500;
}

.single-article-content .wp-block-embed,
.single-article-content .wp-block-video,
.single-review-content .wp-block-embed,
.single-review-content .wp-block-video {
    clear: both;
    width: 100%;
    max-width: var(--wp--style--global--content-size, 920px);
    margin: 1.4rem auto;
    padding: 0;
}

.single-article-content .wp-block-embed.alignwide,
.single-article-content .wp-block-video.alignwide,
.single-review-content .wp-block-embed.alignwide,
.single-review-content .wp-block-video.alignwide {
    max-width: var(--wp--style--global--wide-size, 1280px);
}

.single-article-content .wp-block-embed figcaption,
.single-review-content .wp-block-embed figcaption {
    line-height: 1.5;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* YouTube : pleine largeur de la colonne article, ratio 16:9 */
.single-article-content .wp-block-embed__wrapper,
.single-review-content .wp-block-embed__wrapper,
.single-article-content .wp-has-aspect-ratio .wp-block-embed__wrapper,
.single-review-content .wp-has-aspect-ratio .wp-block-embed__wrapper {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 0;
    overflow: hidden;
    border-radius: 12px;
    background: #000;
}

.single-article-content .wp-block-embed__wrapper::before,
.single-review-content .wp-block-embed__wrapper::before {
    display: none !important;
    content: none !important;
    padding: 0 !important;
    height: 0 !important;
}

/* Carte fiche jeu — reset wrapper embed (évite ratio 16:9 YouTube) */
.single-article-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper,
.single-review-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper {
    position: static;
    aspect-ratio: auto;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: transparent;
    border-radius: 0;
}

.single-article-content .wp-block-embed__wrapper iframe,
.single-article-content .wp-block-embed__wrapper .p4g-youtube-embed,
.single-article-content iframe.p4g-youtube-embed,
.single-review-content .wp-block-embed__wrapper iframe,
.single-review-content .wp-block-embed__wrapper .p4g-youtube-embed,
.single-review-content iframe.p4g-youtube-embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 12px;
}

/* Iframe seule dans le figure (sans wrapper) — repli */
.single-article-content .wp-block-embed > iframe[src*="youtube"],
.single-review-content .wp-block-embed > iframe[src*="youtube"] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    border: 0;
    border-radius: 12px;
}

.single-article-content .wp-block-video video,
.single-review-content .wp-block-video video,
.single-article-content .wp-video video,
.single-review-content .wp-video video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 12px;
}

/* Related Articles Section */
.related-articles {
    padding: 2.5rem;
    border-top: 2px solid #e5e7eb;
    margin-top: 2rem;
    background: var(--bg-light);
}

.related-articles-header {
    margin-bottom: 2rem;
}

.related-articles-header h2 {
    margin: 0 0 0.5rem;
    font-size: 1.8rem;
    color: var(--text-dark);
    font-weight: 700;
}

.related-articles-subtitle {
    margin: 0;
    color: var(--muted-text, #56463f);
    font-size: 0.95rem;
}

.related-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.related-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
    transition: all 0.3s ease;
}

.related-card:hover {
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    transform: translateY(-4px);
}

.related-card-image {
    position: relative;
    overflow: hidden;
    height: 200px;
}

.related-image-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.related-image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.related-card:hover .related-image-link img {
    transform: scale(1.05);
}

.related-card-category {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.8rem;
    background: var(--bg-blue);
    color: white;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.related-card-body {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.related-card-body h3 {
    margin: 0 0 0.75rem;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 700;
    color: var(--text-dark);
}

.related-card-body h3 a {
    color: var(--text-dark);
    text-decoration: none;
    transition: color 0.2s ease;
}

.related-card-body h3 a:hover {
    color: var(--text-accent, var(--link-color));
}

.related-card-excerpt {
    margin: 0 0 1rem;
    color: var(--muted-text, #56463f);
    font-size: 0.95rem;
    line-height: 1.6;
    flex-grow: 1;
}

.related-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
    gap: 1rem;
}

.related-card-date {
    font-size: 0.9rem;
    color: var(--muted-text, #56463f);
    font-weight: 500;
}

.related-card-footer .post-views {
    font-size: 0.9rem;
    color: var(--muted-text, #56463f);
    font-weight: 500;
}

.related-card-footer .post-views i {
    color: currentColor;
    opacity: 0.92;
}

.read-more-link {
    color: var(--text-accent, var(--link-color));
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.read-more-link:hover {
    color: #1558a0;
}

/* Associated game hero banner under article content */
.article-game-hero {
    margin: 1.5rem auto 0;
    width: min(940px, 100%);
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(20, 89, 130, 0.2);
    background: linear-gradient(155deg, #0c1829 0%, #132a4a 48%, #0f2238 100%);
    color: #f2f7ff;
    position: relative;
    box-shadow: 0 18px 48px rgba(8, 20, 38, 0.22);
}

.article-game-hero-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 0.85rem 1rem;
    pointer-events: none;
}

.article-game-hero-top > * {
    pointer-events: auto;
}

.article-game-hero-platforms {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-end;
    min-width: 0;
}

.article-game-hero-platforms .game-sheet-platform-icons {
    margin: 0;
    justify-content: flex-end;
}

.article-game-hero-score {
    position: static;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.95rem;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
}

.article-game-hero-score.is-high { background: #1faa5c; }
.article-game-hero-score.is-mid { background: #f5a623; }
.article-game-hero-score.is-low { background: #dd4b39; }

.article-game-hero.has-bg-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--article-game-bg);
    background-size: cover;
    background-position: center;
    opacity: 0.62;
}

.article-game-hero.has-bg-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, rgba(6, 14, 27, 0.45), rgba(11, 27, 50, 0.64));
}

.article-game-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(108px, 140px) minmax(0, 1fr);
    gap: 1.15rem 1.35rem;
    padding: 3.65rem 1.35rem 1.35rem;
    align-items: start;
}

.article-game-hero:not(:has(.article-game-hero-media)) .article-game-hero-inner {
    grid-template-columns: 1fr;
    padding-top: 3.35rem;
}

.article-game-hero-media {
    display: block;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 12px 32px rgba(3, 10, 20, 0.38);
    background: rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.article-game-hero-media:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(3, 10, 20, 0.45);
}

.article-game-hero-media img {
    width: 100%;
    height: auto;
    min-height: 150px;
    max-height: 210px;
    object-fit: cover;
    display: block;
    vertical-align: middle;
}

.article-game-hero-body {
    min-width: 0;
}

.article-game-hero-kicker {
    display: inline-flex;
    padding: 0.28rem 0.62rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bg-blue) 35%, transparent);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(242, 247, 255, 0.95);
}

.article-game-hero-body h2 {
    margin: 0.65rem 0 0.5rem;
    font-size: clamp(1.25rem, 2.4vw, 1.75rem);
    line-height: 1.25;
    color: #fff;
}

.article-game-hero-body h2 a {
    color: inherit;
    text-decoration: none;
}

.article-game-hero-body h2 a:hover {
    color: #b8dcff;
}

.article-game-hero-lead {
    margin: 0 0 0.85rem;
    color: rgba(236, 243, 255, 0.82);
    line-height: 1.6;
    font-size: 0.92rem;
}

.article-game-hero-meta {
    margin: 0 0 1rem;
    padding: 0;
    display: grid;
    gap: 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.18);
}

.article-game-hero-meta-row {
    display: grid;
    grid-template-columns: minmax(7.5rem, 34%) 1fr;
    gap: 0.65rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.84rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.article-game-hero-meta-row:last-child {
    border-bottom: 0;
}

.article-game-hero-meta dt {
    margin: 0;
    font-weight: 600;
    color: rgba(229, 239, 255, 0.72);
}

.article-game-hero-meta dd {
    margin: 0;
    color: #f2f7ff;
    text-align: right;
    line-height: 1.45;
}

.article-game-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    border-radius: 999px;
    padding: 0.4rem 1rem;
    background: #ff8f5c;
    color: #2a1a22;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
}

.article-game-hero-btn:hover {
    background: #ffa776;
    color: #2a1a22;
}

/* Dedicated author card above article rating */
.article-author-box {
    margin: 1.25rem auto 0;
    width: min(940px, 100%);
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 14px;
    padding: 1rem;
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 0.9rem;
    align-items: center;
    background: #fff;
}

.article-author-avatar {
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid color-mix(in srgb, var(--bg-blue) 28%, transparent);
    background: #f3f8ff;
}

.article-author-avatar img,
.article-author-avatar img.avatar {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
    border: 0;
}

.article-author-kicker {
    margin: 0 0 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.68rem;
    color: var(--muted-text, #56463f);
}

.article-author-content h3 {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
}

.article-author-content p {
    margin: 0 0 0.45rem;
    color: rgba(14, 32, 56, 0.74);
}

.article-author-content a {
    font-weight: 700;
}

/* Article Navigation */
.article-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    padding: 2.5rem;
    border-top: 1px solid #e5e7eb;
    margin-top: 2rem;
}

.nav-previous,
.nav-next {
    padding: 1.5rem;
    background: var(--bg-light);
    border-radius: 12px;
    transition: all 0.2s ease;
}

.nav-previous:hover,
.nav-next:hover {
    background: var(--bg-blue);
    color: white;
}

.nav-previous a,
.nav-next a {
    display: block;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
}

.nav-arrow {
    display: block;
    font-size: 0.9rem;
    color: var(--muted-text, #56463f);
    margin-bottom: 0.5rem;
    transition: color 0.2s ease;
}

.nav-previous:hover .nav-arrow,
.nav-next:hover .nav-arrow {
    color: white;
}

/* Enhanced Sidebar */
.article-sidebar {
    display: grid;
    gap: 1.5rem;
    align-items: start;
}

.game-sidebar-card {
    background: linear-gradient(170deg, #3c1622, #4a1d2c 58%, #2e1220);
    color: var(--text-light);
    border-radius: 14px;
    padding: 1rem;
    box-shadow: 0 14px 34px rgba(22, 15, 24, 0.24);
    border: 1px solid rgba(255,255,255,0.08);
}

.game-sidebar-cover {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
}

.game-sidebar-cover img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.game-sidebar-card-header {
    margin-bottom: 0.95rem;
}

.game-sidebar-tag {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.2);
    color: #d8e8ff;
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-weight: 600;
}

.game-sidebar-card h2 {
    margin: 0.45rem 0 0;
    font-size: 1.7rem;
    line-height: 1.2;
    font-weight: 700;
}

.game-sidebar-card h2 a {
    color: white;
    text-decoration: none;
    transition: color 0.2s ease;
}

.game-sidebar-card h2 a:hover {
    color: #ff9b6f;
}

.game-sidebar-description {
    margin: 0 0 1rem;
    color: rgba(255,255,255,0.85);
    line-height: 1.6;
    font-size: 0.88rem;
}

.game-sidebar-meta {
    margin: 0 0 1rem;
    padding: 0.85rem 0;
    list-style: none;
    display: grid;
    gap: 0.45rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.game-sidebar-meta > li {
    display: grid;
    grid-template-columns: 20px minmax(80px, 1fr) auto;
    align-items: center;
    gap: 0.48rem;
    color: rgba(255,255,255,0.9);
    font-size: 0.78rem;
    padding: 0.14rem 0;
}

.game-sidebar-meta > li .meta-label {
    color: rgba(237, 243, 255, 0.92);
    font-weight: 600;
}

.game-sidebar-meta > li .meta-value {
    color: rgba(255, 255, 255, 0.92);
    text-align: right;
}

.meta-icon-small {
    font-size: 0.72rem;
    opacity: 0.9;
    color: rgba(255, 180, 139, 0.95);
}

.game-sidebar-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0.8rem 1.1rem;
    border-radius: 999px;
    background: #ff8f5c;
    color: #2a1a22;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 800;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.78rem;
}

.game-sidebar-button:hover {
    background: #ffa776;
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(255, 143, 92, 0.25);
}

/* Sidebar article — bloc informations jeu (couleurs du thème / customizer) */
.article-sidebar .game-sidebar-card.article-sidebar-game-card {
    background: linear-gradient(145deg, var(--bg-dark) 0%, color-mix(in srgb, var(--bg-dark) 82%, var(--bg-blue)) 100%);
    color: var(--text-light);
    border: 1px solid var(--border, rgba(255, 255, 255, 0.1));
    border-radius: 14px;
    padding: 1rem;
    margin: 0;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--bg-dark) 35%, transparent);
}

.article-sidebar-game-card .game-sidebar-tag {
    background: color-mix(in srgb, var(--bg-blue) 28%, transparent);
    color: var(--text-light);
    padding: 0.2rem 0.5rem;
    letter-spacing: 0.09em;
    font-size: 0.62rem;
}

.article-sidebar-game-card-header {
    margin-bottom: 0.75rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid color-mix(in srgb, var(--text-light) 18%, transparent);
}

.article-sidebar-game-card h2 {
    margin: 0.35rem 0 0;
    font-size: 1.15rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.article-sidebar-game-card h2 a {
    color: var(--text-light);
}

.article-sidebar-game-card h2 a:hover {
    color: color-mix(in srgb, var(--text-light) 75%, var(--bg-blue));
}

.article-sidebar-game-card-grid {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: start;
}

.article-sidebar-game-card-cover {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--text-light) 16%, transparent);
}

.article-sidebar-game-card-cover img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 7;
    object-fit: cover;
}

.article-sidebar-game-card .game-sidebar-meta {
    margin: 0;
    padding: 0;
    border: none;
    gap: 0.42rem;
}

.article-sidebar-game-card .game-sidebar-meta > li {
    display: grid;
    grid-template-columns: minmax(7.25rem, 48%) minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem 0.7rem;
    font-size: 0.68rem;
    line-height: 1.35;
    color: color-mix(in srgb, var(--text-light) 92%, transparent);
    padding: 0.12rem 0;
}

.article-sidebar-game-card .game-sidebar-meta-key {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
}

.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--platforms,
.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--play-modes {
    align-items: start;
}

.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--platforms .article-sidebar-game-card-platforms,
.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--play-modes .article-sidebar-game-card-play-modes {
    grid-column: 2;
    grid-row: 1;
    justify-content: flex-end;
    justify-self: end;
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

.article-sidebar-game-card .meta-label {
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.62rem;
    font-weight: 600;
    color: color-mix(in srgb, var(--text-light) 78%, transparent);
    white-space: nowrap;
}

.article-sidebar-game-card .meta-label::after {
    content: ' :';
}

.article-sidebar-game-card .meta-value {
    justify-self: end;
    text-align: right;
    font-weight: 700;
    font-size: 0.68rem;
    color: var(--text-light);
    min-width: 0;
    overflow-wrap: anywhere;
}

.article-sidebar-game-card .meta-icon-small {
    flex: 0 0 auto;
    width: 0.85rem;
    text-align: center;
    color: var(--text-accent, var(--link-color));
}

.article-sidebar-game-card-platforms.meta-value,
.article-sidebar-game-card-play-modes.meta-value {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.22rem;
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 100%;
    min-width: 0;
}

.article-sidebar-game-card-platforms.meta-value > li,
.article-sidebar-game-card-play-modes.meta-value > li,
.game-sidebar-meta .article-sidebar-game-card-platforms > li,
.game-sidebar-meta .article-sidebar-game-card-play-modes > li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: fit-content;
    max-width: none;
    white-space: nowrap;
    padding: 0.08rem 0.34rem;
    border-radius: 5px;
    background: color-mix(in srgb, var(--bg-blue) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--text-light) 14%, transparent);
    color: var(--text-light);
    font-size: 0.52rem;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    grid-template-columns: none;
}

.article-sidebar-game-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0.55rem 0 0;
    padding: 0;
    list-style: none;
}

.article-sidebar-game-card-tags li {
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    background: var(--badge-bg, color-mix(in srgb, var(--bg-blue) 22%, transparent));
    color: var(--badge-text, var(--text-light));
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.article-sidebar-game-card .p4g-ig-buy,
.p4g-ig-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: auto;
    flex: 0 0 auto;
    min-height: 0;
    padding: 0.42rem 0.85rem 0.42rem 0.55rem;
    border-radius: 999px;
    background: #111;
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.28);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.article-sidebar-game-card .p4g-ig-buy:hover,
.article-sidebar-game-card .p4g-ig-buy:focus-visible,
.p4g-ig-buy:hover,
.p4g-ig-buy:focus-visible {
    background: #1a1a1a;
    color: #fff;
    border-color: #ff6a00;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 106, 0, 0.28);
}

.p4g-ig-buy__logo {
    display: block;
    height: 28px;
    width: auto;
    max-width: 110px;
    object-fit: contain;
    object-position: left center;
    flex: 0 0 auto;
    padding-right: 0.65rem;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.p4g-ig-buy__label {
    color: #fff;
    line-height: 1.15;
    white-space: nowrap;
}

.p4g-ig-buy__price {
    color: #ff6a00;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    line-height: 1.15;
}

.p4g-ig-buy__price:not(:empty)::before {
    content: '·';
    color: rgba(255, 255, 255, 0.45);
    margin: 0 0.35rem 0 0.12rem;
    font-weight: 600;
}

.p4g-ig-buy--unavailable {
    opacity: 0.78;
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: none;
}

.p4g-ig-buy--unavailable:hover,
.p4g-ig-buy--unavailable:focus-visible {
    background: #181818;
    border-color: rgba(255, 255, 255, 0.28);
    transform: none;
    box-shadow: none;
}

.p4g-ig-buy--unavailable .p4g-ig-buy__label {
    color: rgba(255, 255, 255, 0.72);
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: 700;
}

.p4g-ig-buy--unavailable .p4g-ig-buy__price,
.p4g-ig-buy__price[hidden] {
    display: none !important;
}

.article-sidebar-game-card .p4g-ig-buy,
.p4g-ig-buy--sidebar {
    width: 100%;
    margin-top: 0.75rem;
    min-height: 2.85rem;
    padding: 0.55rem 0.95rem 0.55rem 0.65rem;
    border-radius: 10px;
    font-size: 0.78rem;
    gap: 0.75rem;
}

.article-sidebar-game-card .game-sidebar-button--buy {
    margin-top: 0.75rem;
    border-radius: 8px;
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, var(--text-light));
    font-size: 0.72rem;
    letter-spacing: 0.06em;
    padding: 0.75rem 0.85rem;
}

.article-sidebar-game-card .game-sidebar-button--buy:hover {
    background: var(--button-hover-bg, var(--bg-accent, var(--bg-blue)));
    color: var(--button-text, var(--text-light));
    transform: translateY(-1px);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--button-bg, var(--bg-blue)) 40%, transparent);
}

.article-sidebar-game-card .game-sidebar-description {
    margin: 0.75rem 0 0;
    font-size: 0.78rem;
    line-height: 1.5;
    color: color-mix(in srgb, var(--text-light) 85%, transparent);
}

.article-sidebar-game-card-trailer {
    position: relative;
    display: block;
    margin-top: 0.75rem;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--text-light) 14%, transparent);
}

.article-sidebar-game-card-trailer img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.article-sidebar-game-card-trailer-play {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--bg-dark) 45%, transparent);
    pointer-events: none;
}

.article-sidebar-game-card-trailer-play i {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, var(--text-light));
    font-size: 0.85rem;
    padding-left: 0.12rem;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--bg-dark) 50%, transparent);
}

body.theme-dark .article-sidebar .game-sidebar-card.article-sidebar-game-card {
    border-color: var(--border-color, rgba(255, 255, 255, 0.12));
}

body.theme-dark .article-sidebar-game-card-tags li {
    background: var(--badge-bg);
    color: var(--badge-text);
}

/* Newsletter Box */
.sidebar-newsletter {
    background: var(--sidebar-bg, linear-gradient(135deg, var(--bg-blue) 0%, #1558a0 100%));
    color: white;
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 16px 48px rgba(30, 115, 190, 0.16);
    border: 1px solid rgba(255,255,255,0.1);
}

.sidebar-newsletter h3 {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.sidebar-newsletter p {
    margin: 0 0 1.25rem;
    color: rgba(255,255,255,0.9);
    font-size: 0.95rem;
    line-height: 1.6;
}

.newsletter-form {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.newsletter-form input {
    padding: 0.9rem 1rem;
    border: none;
    border-radius: 8px;
    background: rgba(255,255,255,0.95);
    color: var(--text-dark);
    font-size: 0.95rem;
}

.newsletter-form input::placeholder {
    color: var(--muted-text, #56463f);
}

.newsletter-form button {
    padding: 0.9rem 1rem;
    border: none;
    border-radius: 8px;
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, var(--text-light));
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
    border: 2px solid color-mix(in srgb, var(--button-bg, var(--bg-blue)) 75%, #ffffff);
}

.newsletter-form button:hover {
    background: var(--button-hover-bg, var(--bg-accent));
    border-color: color-mix(in srgb, var(--button-hover-bg, var(--bg-accent)) 75%, #ffffff);
    color: var(--button-text, var(--text-light));
}

/* Article Rating Section */
.article-rating-section {
    padding: 2.5rem;
    background: linear-gradient(135deg, var(--bg-light) 0%, rgba(30, 115, 190, 0.05) 100%);
    border: 1px solid rgba(30, 115, 190, 0.1);
    border-radius: 0;
    margin: 2rem 0;
    text-align: center;
}

.article-inline-widgets {
    margin-top: 1.1rem;
    display: grid;
    gap: 0.85rem;
}

.article-inline-widget {
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 0.9rem;
}

.article-inline-widget .widget-title {
    margin: 0 0 0.55rem;
    font-size: 1rem;
}

.rating-container {
    max-width: 920px;
    margin: 0 auto;
}

.rating-title {
    margin: 0 0 0.5rem;
    font-size: 1.3rem;
    color: var(--text-dark);
    font-weight: 700;
}

.rating-subtitle {
    margin: 0 0 1.75rem;
    color: var(--muted-text, #56463f);
    font-size: 0.95rem;
}

.smiley-rating {
    display: flex;
    justify-content: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.smiley-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 0.75rem 0.55rem;
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 88px;
    flex: 1 1 88px;
    max-width: 120px;
    font-family: inherit;
}

.smiley-btn:hover {
    border-color: var(--bg-blue);
    background: #f0f7ff;
    transform: translateY(-4px);
}

.smiley-btn.active {
    border-color: var(--bg-blue);
    background: var(--bg-blue);
    color: white;
}

.smiley-emoji {
    font-size: 2.5rem;
    line-height: 1;
}

.smiley-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-dark);
}

.smiley-count {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--text-accent, var(--link-color));
    line-height: 1.2;
}

.smiley-btn.active .smiley-count {
    color: rgba(255, 255, 255, 0.95);
}

.smiley-rating.voted .smiley-btn {
    cursor: default;
}

.smiley-btn.active .smiley-label {
    color: white;
}

.rating-message {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #d1fae5;
    border: 1px solid #6ee7b7;
    border-radius: 8px;
    color: #065f46;
    font-weight: 600;
}

.rating-message p {
    margin: 0;
}

/* Responsive for Rating */
@media (max-width: 768px) {
    .article-rating-section {
        padding: 1.5rem;
    }

    .smiley-btn {
        min-width: 85px;
        padding: 0.75rem;
    }

    .smiley-emoji {
        font-size: 2rem;
    }

    .smiley-label {
        font-size: 0.8rem;
    }

    .rating-title {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .smiley-rating {
        gap: 0.75rem;
    }

    .smiley-btn {
        min-width: 70px;
        padding: 0.6rem;
    }

    .smiley-emoji {
        font-size: 1.8rem;
    }

    .smiley-label {
        font-size: 0.75rem;
    }
}

/* Responsive for Meta Bar */
@media (max-width: 768px) {
    .article-meta-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .author-info {
        flex: 1;
        width: 100%;
    }

    .share-buttons-horizontal {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    .article-meta-bar {
        padding: 1rem;
    }

    .author-avatar {
        width: 64px;
        height: 64px;
        min-width: 64px;
        min-height: 64px;
    }

    .article-stats {
        font-size: 0.85rem;
    }

    .share-buttons-horizontal {
        gap: 0.5rem;
    }

    .share-icon {
        width: 36px;
        height: 36px;
    }

    .share-icon svg {
        width: 18px;
        height: 18px;
    }
}

/* Responsive layout for single article (tablet) */
@media (max-width: 1024px) {
    .single-article-page .article-layout {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        max-width: 100%;
        padding: 0 1rem;
    }

    .related-articles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobile : article pleine largeur, sidebar masquée (détail dans play4geek-style-single-article.css) */
@media (max-width: 900px) {
    body.single-post .site-main.single-article-page {
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 1rem !important;
    }

    .single-article-page .article-layout {
        display: block !important;
        max-width: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .single-article-page .article-sidebar,
    .single-article-page aside.article-sidebar {
        display: none !important;
    }

    .single-article-page .single-article {
        border-radius: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }
}

@media (max-width: 768px) {
    .single-article-page .article-layout {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 0;
    }

    .single-article-page .article-sidebar {
        display: none !important;
        position: static;
        top: auto;
        max-height: none;
        overflow: visible;
    }

    .single-article-cover img {
        max-height: 280px;
    }

    .article-cover-overlay {
        padding: 1rem 1rem 0.85rem;
    }

    .article-cover-platforms {
        top: 0.65rem;
        left: 0.65rem;
        max-width: min(68%, calc(100% - 6rem));
    }

    .article-cover-category {
        top: 0.65rem;
        right: 0.65rem;
    }

    .breadcrumb-wrapper {
        padding: 0 1rem;
    }

    .single-article-header {
        padding: 1.5rem;
    }

    .single-article-title {
        font-size: clamp(1.8rem, 2.5vw, 2.2rem);
    }

    .single-article-meta {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .article-share-buttons {
        gap: 0.75rem;
    }

    .single-article-content {
        padding: 1.5rem;
    }

    .play4geek-taboola-zone--below {
        margin: 0 1.5rem 1.5rem;
        padding-top: 1.1rem;
    }

    .article-internal-links {
        margin: 0 1.5rem 1.5rem;
        padding: 1rem;
    }

    .related-articles {
        padding: 1.5rem;
    }

    .single-article-page .single-article .single-article-comments {
        padding: 0 clamp(1.5rem, 5vw, 2.25rem) 1.5rem;
    }

    .related-articles-grid {
        grid-template-columns: 1fr;
    }

    .article-game-hero-inner {
        grid-template-columns: 1fr;
        padding: 3.25rem 1rem 1rem;
        gap: 0.85rem;
    }

    .article-game-hero-media {
        max-width: 140px;
    }

    .article-game-hero-score {
        width: 42px;
        height: 42px;
        font-size: 0.85rem;
    }

    .article-game-hero-meta-row {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }

    .article-game-hero-meta dd {
        text-align: left;
    }

    .article-author-box {
        grid-template-columns: 1fr;
    }

    .article-author-avatar {
        margin-inline: auto;
    }

    .article-navigation {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1.5rem;
    }

    .article-sidebar {
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .single-article-title {
        font-size: clamp(1.5rem, 2vw, 1.8rem);
    }

    .single-article-meta {
        flex-direction: column;
    }

    .share-btn {
        width: 36px;
        height: 36px;
        font-size: 0.85rem;
    }

    .article-share-buttons {
        flex-wrap: wrap;
    }

    .breadcrumb-wrapper {
        gap: 0.3rem;
        font-size: 0.85rem;
    }

    .single-article-content {
        padding: 1.1rem;
        font-size: 0.98rem;
        line-height: 1.75;
    }

    .single-article-content .wp-block-embed__wrapper {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .single-article-content .wp-block-embed__wrapper iframe {
        width: 100%;
        height: 100%;
    }

    .single-article-page .article-sidebar .newsletter-form {
        grid-template-columns: 1fr;
    }

    .single-article-page .article-sidebar .newsletter-form button {
        width: 100%;
    }
}

@media (max-width: 1080px) {
    .hero-section,
    .home-layout,
    .blog-layout,
    .promo-cards,
    .footer-top {
        grid-template-columns: 1fr;
    }

    .promo-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 720px) {
    .topbar,
    .main-navigation,
    .site-main:not(.single-article-page) {
        padding: 1rem;
    }

    body.single-post .site-main.single-article-page {
        padding: 0 0 1rem;
    }

    .topbar {
        flex-direction: column;
        align-items: stretch;
    }

    .main-menu {
        justify-content: center;
    }

    .cards-grid {
        grid-template-columns: 1fr;
    }

    .search-form-wrapper {
        min-width: auto;
    }
}

/* AJAX tabs for game sheets */
.game-term-tabs-section {
    max-width: 1200px;
    margin: 2rem auto 0;
    padding: 0 1.25rem 3rem;
}

.game-term-tabs-nav {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.game-tab-button {
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(17, 24, 39, 0.7);
    color: #e5e7eb;
    border-radius: 999px;
    padding: 0.6rem 1rem;
    font-weight: 600;
    transition: 0.2s ease;
}

.game-tab-button:hover {
    background: color-mix(in srgb, var(--bg-blue) 18%, transparent);
    border-color: rgba(30, 115, 190, 0.6);
}

.game-tab-button.is-active {
    background: var(--theme-gradient-hero);
    color: #fff;
    border-color: transparent;
}

.game-tabs-content {
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.65));
    min-height: 220px;
}

.game-tabs-content .tab-panel-content {
    margin-top: 0;
    padding-top: 0;
}

.game-tab-loading,
.game-tab-error {
    padding: 2rem 1.25rem;
    color: #e5e7eb;
    text-align: center;
}

.game-tab-error {
    color: #fecaca;
}

.media-video-section {
    margin-top: 2rem;
}

/* Pro redesign: game sheet */
.game-term-page {
    background: var(--bg-light);
}

.game-term-page .game-term-hero {
    background: transparent;
    padding-top: 2.75rem;
}

.game-term-page .game-term-hero-inner {
    max-width: 1280px;
}

.game-term-page .game-term-hero-grid {
    grid-template-columns: minmax(250px, 340px) 1fr;
    gap: 2rem;
    padding: 1.35rem;
    border-radius: 24px;
    border: 1px solid var(--border-color);
    background: var(--surface-card);
    box-shadow: 0 24px 60px rgba(14, 32, 56, 0.12);
}

.game-term-page .game-term-cover-featured {
    border-radius: 18px;
    border: 1px solid rgba(17, 24, 39, 0.08);
}

.game-term-page .game-term-cover-featured img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.game-term-page .game-term-hero-content {
    padding: 0.25rem 0.5rem;
}

.game-term-page .game-term-label {
    color: var(--text-accent, var(--link-color));
    font-weight: 700;
}

.game-term-page .game-term-hero-title {
    color: var(--text-dark);
    margin-top: 0.4rem;
    margin-bottom: 0.9rem;
}

.game-term-page .game-term-hero-description {
    color: var(--muted-text);
    font-size: 1.03rem;
}

.game-term-page .game-term-badges {
    margin-bottom: 1rem;
}

.game-term-page .game-term-badge {
    background: rgba(20, 89, 130, 0.11);
    color: var(--text-accent, var(--link-color));
    border: 1px solid rgba(20, 89, 130, 0.2);
}

.game-term-page .game-term-badge-release {
    background: color-mix(in srgb, var(--bg-blue) 12%, transparent);
    color: var(--text-accent, var(--link-color));
}

.game-term-page .game-term-badge-hype {
    background: linear-gradient(135deg, rgba(251, 146, 60, 0.2), rgba(248, 113, 113, 0.16));
    color: #b45309;
    border-color: rgba(245, 158, 11, 0.34);
}

.game-term-page .game-info-cards {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.game-term-page .info-card {
    background: var(--surface-panel);
    border: 1px solid var(--border-color);
    border-radius: 16px;
}

.game-term-page .info-card-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: rgba(20, 89, 130, 0.1);
    font-size: 1.2rem;
}

.game-term-page .info-label {
    color: var(--muted-text);
}

.game-term-page .info-value {
    color: var(--text-dark);
}

.game-term-page .game-term-tabs-section {
    max-width: 1280px;
    margin-top: 1.25rem;
    padding-bottom: 3.5rem;
}

.game-term-page .game-term-tabs-nav {
    gap: 0.6rem;
}

.game-term-page .game-tab-button {
    background: var(--surface-card);
    color: var(--muted-text);
    border-color: var(--border-color);
}

.game-term-page .game-tab-button.is-active {
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    box-shadow: 0 10px 28px rgba(30, 115, 190, 0.33);
}

.game-term-page .game-tabs-content {
    border-color: var(--border-color);
    background: var(--surface-card);
    box-shadow: 0 22px 52px rgba(14, 32, 56, 0.09);
}

.game-term-page .game-tabs-content h2,
.game-term-page .game-tabs-content h3 {
    color: var(--text-dark);
}

.game-term-page .section-subtitle {
    color: var(--muted-text);
}

.game-term-page .reviews-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1.25rem;
}

.game-term-page .reviews-column {
    border: 1px solid var(--border-color);
    border-radius: 18px;
    background: var(--surface-panel);
    padding: 1rem;
}

.game-term-page .review-item {
    border: 1px solid var(--border-color);
    border-radius: 14px;
    background: var(--surface-card);
    padding: 0.95rem;
}

.game-term-page .review-header h3,
.game-term-page .review-header h3 a {
    font-size: 1rem;
    color: var(--text-dark);
}

.game-term-page .review-rating {
    background: color-mix(in srgb, var(--bg-blue) 12%, transparent);
    color: var(--text-accent, var(--link-color));
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-weight: 700;
}

.game-term-page .submit-review-section {
    margin-top: 1.5rem;
    border-radius: 18px;
    border: 1px solid var(--border-color);
    background: var(--surface-panel);
    padding: 1.2rem;
}

.game-term-page .review-form-header h3 {
    margin-bottom: 0.3rem;
}

.game-term-page .review-form-header p {
    margin: 0 0 1rem;
    color: var(--muted-text);
}

.game-term-page .review-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem 1rem;
}

.game-term-page .form-group {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.game-term-page .form-group-full {
    grid-column: 1 / -1;
}

.game-term-page .submit-review-form label {
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--muted-text);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.game-term-page .submit-review-form input,
.game-term-page .submit-review-form select,
.game-term-page .submit-review-form textarea {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 0.72rem 0.85rem;
    background: var(--surface-card);
    color: var(--text-dark);
}

.game-term-page .submit-review-form textarea {
    resize: vertical;
    min-height: 130px;
}

.game-term-page .submit-review-form input:focus,
.game-term-page .submit-review-form select:focus,
.game-term-page .submit-review-form textarea:focus {
    outline: none;
    border-color: rgba(30, 115, 190, 0.6);
    box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.16);
}

.game-term-page .review-form-actions {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.game-term-page .review-form-note {
    font-size: 0.85rem;
    color: var(--muted-text);
}

.user-review-composer {
    display: grid;
    gap: 0.85rem;
}

.user-review-editor-wrap {
    display: grid;
    gap: 0.45rem;
}

.user-review-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid var(--border-color);
    border-radius: 10px 10px 0 0;
    background: var(--surface-panel);
}

.user-review-editor-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: var(--text-dark);
    cursor: pointer;
}

.user-review-editor-btn:hover,
.user-review-editor-btn:focus-visible {
    border-color: color-mix(in srgb, var(--bg-blue) 35%, transparent);
    background: color-mix(in srgb, var(--bg-blue) 10%, transparent);
    color: var(--text-accent, var(--link-color));
}

.user-review-editor-sep {
    width: 1px;
    height: 22px;
    background: var(--border-color);
    margin: 0 0.15rem;
}

.user-review-editor {
    min-height: 160px;
    padding: 0.85rem 0.95rem;
    border: 1px solid var(--border-color);
    border-top: 0;
    border-radius: 0 0 10px 10px;
    background: #fff;
    color: var(--text-dark);
    line-height: 1.65;
}

.user-review-editor:empty::before {
    content: attr(data-placeholder);
    color: var(--muted-text);
    pointer-events: none;
}

.user-review-editor ul,
.user-review-editor ol {
    margin: 0.5rem 0 0.5rem 1.2rem;
    padding: 0;
}

.user-review-editor-source {
    display: none !important;
}

.user-review-images-help {
    margin: 0 0 0.35rem;
    font-size: 0.82rem;
    color: var(--muted-text);
}

.user-review-points-field textarea {
    min-height: 110px;
    resize: vertical;
}

.user-review-editor .user-review-inline-image,
.single-review-content .user-review-inline-image {
    margin: 1rem 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--border-color);
    background: var(--surface-panel);
}

.user-review-editor .user-review-inline-image img,
.single-review-content .user-review-inline-image img,
.user-review-inline-image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 420px;
    object-fit: cover;
}

.user-review-editor .user-review-inline-image--pending {
    max-width: 280px;
}

.game-term-page .btn-primary {
    border-radius: 12px;
    padding: 0.72rem 1.25rem;
}

@media (max-width: 980px) {
    .game-term-page .reviews-container,
    .game-term-page .review-form-grid {
        grid-template-columns: 1fr;
    }

    .game-term-page .game-term-hero-grid {
        grid-template-columns: 1fr;
    }
}

/* Game sheet model (no tab containers) */
.game-sheet-hero-inner,
.game-sheet-overview-inner,
.game-sheet-news-inner,
.game-sheet-reviews .game-term-reviews-inner,
.game-sheet-media .game-term-media-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.game-sheet-banner {
    min-height: 230px;
    border-radius: 16px;
    padding: 1.5rem;
    background-size: cover;
    background-position: center;
    display: grid;
    grid-template-columns: 140px 1fr;
    align-items: center;
    gap: 1.25rem;
    box-shadow: 0 20px 45px rgba(8, 14, 29, 0.3);
    position: relative;
}

.game-sheet-pegi-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 4;
    width: 74px;
    height: 92px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(10, 18, 32, 0.55);
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.28);
}

.game-sheet-pegi-badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #fff;
}

.game-sheet-banner-cover img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
}

.game-sheet-banner-content .game-term-label,
.game-sheet-banner-content .game-term-hero-title {
    color: #fff;
}

.game-sheet-banner-content .game-term-badge {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.game-collection-form {
    margin-top: 0.45rem;
    display: grid;
    gap: 0.4rem;
    max-width: 320px;
}

.game-collection-panel {
    margin-top: 0.6rem;
    max-width: 360px;
}

.game-collection-summary {
    list-style: none;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(8, 14, 29, 0.56);
    color: #fff;
    min-height: 38px;
    padding: 0.35rem 0.62rem;
    border-radius: 11px;
    display: grid;
    gap: 0.2rem;
    cursor: pointer;
}

.game-collection-summary::-webkit-details-marker {
    display: none;
}

.game-collection-summary-main {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
}

.game-collection-summary-platforms {
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.82);
}

.game-collection-platform-label {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.78rem;
    font-weight: 700;
}

.game-collection-platform-select {
    min-height: 34px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(8, 14, 29, 0.55);
    color: #fff;
    padding: 0.3rem 0.45rem;
}

.game-collection-platform-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.game-collection-platform-option {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 999px;
    background: rgba(8, 14, 29, 0.55);
    color: #fff;
    padding: 0.2rem 0.55rem;
    font-size: 0.78rem;
}

.game-collection-platform-option input[type="checkbox"] {
    margin: 0;
}

.game-collection-owned-platform {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.8rem;
    font-weight: 700;
}

.game-collection-btn {
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    min-height: 34px;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
}

.game-collection-btn.is-in-collection {
    background: rgba(34, 197, 94, 0.24);
    border-color: rgba(34, 197, 94, 0.38);
}

.game-collection-btn:disabled {
    cursor: not-allowed;
    opacity: 0.72;
}

.game-hype-form {
    margin-top: 0.55rem;
}

.game-hype-btn {
    border: 1px solid rgba(251, 146, 60, 0.58);
    background: rgba(251, 146, 60, 0.18);
    color: #fff;
    min-height: 34px;
    padding: 0.3rem 0.75rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
}

.game-hype-btn.is-active {
    background: rgba(239, 68, 68, 0.3);
    border-color: rgba(248, 113, 113, 0.62);
}

.game-collection-remove-btn {
    border: 1px solid rgba(248, 113, 113, 0.45);
    background: rgba(127, 29, 29, 0.55);
    color: #fff;
    min-height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.25rem 0.68rem;
    font-weight: 700;
}

.game-collection-notification {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.34rem 0.66rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.24);
    background: rgba(8, 14, 29, 0.52);
    color: #fff;
    max-width: min(calc(100vw - 28px), 420px);
    opacity: 0;
    transform: translateY(-4px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.game-collection-notification.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.game-collection-notification.is-success {
    background: rgba(22, 101, 52, 0.78);
    border-color: rgba(187, 247, 208, 0.4);
}

.game-collection-notification.is-error {
    background: rgba(127, 29, 29, 0.8);
    border-color: rgba(254, 202, 202, 0.45);
}

.game-collection-notification-icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.16);
    font-size: 0.76rem;
}

.game-collection-notification-text {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.25;
}

@media (max-width: 767px) {
    .game-collection-notification {
        top: 12px;
        right: 12px;
    }
}

.game-sheet-platform-icons {
    margin-top: 0.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.game-sheet-platform-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    min-height: 30px;
    padding: 0.25rem 0.55rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    background: rgba(15, 23, 42, 0.55);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 2px 6px rgba(0, 0, 0, 0.22);
}

.game-sheet-platform-icon i,
.game-sheet-platform-icon .mdi,
.game-sheet-platform-icon .p4g-platform-icon-glyph,
.game-sheet-platform-icon .p4g-platform-icon-img {
    font-size: 0.88rem;
    color: inherit;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

.game-sheet-platform-icon .p4g-platform-icon-img {
    width: 1.05em;
    height: 1.05em;
    object-fit: contain;
}

.game-sheet-platform-icon .mdi::before {
    font-size: 1.05em;
    line-height: 1;
}

.game-sheet-platform-icon.is-switch i,
.game-sheet-platform-icon.is-switch .mdi {
    font-size: 1rem;
}

.post-category .mdi {
    font-size: 1em;
    line-height: 1;
}

.game-sheet-platform-icon.is-tone-dark i {
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45));
}

.game-sheet-platform-icon.is-tone-light {
    color: #0f172a;
}

.game-sheet-platform-icons.is-compact {
    margin-top: 0.45rem;
    gap: 0.3rem;
    justify-content: center;
    width: 100%;
}

.game-sheet-platform-icons.is-compact .game-sheet-platform-icon {
    min-height: 26px;
    padding: 0.18rem 0.42rem;
    font-size: 0.68rem;
}

.game-sheet-platform-icons.is-compact .game-sheet-platform-icon:not([style]) {
    border-color: rgba(20, 89, 130, 0.28);
    background: rgba(20, 89, 130, 0.12);
    color: var(--bg-dark, #0f172a);
}

.game-sheet-platform-icons.is-compact .game-sheet-platform-icon__label {
    display: none;
}

.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon {
    justify-content: center;
    gap: 0;
    padding: 0;
    line-height: 1;
}

.game-sheet-platform-icons.is-compact.is-icons-only .game-sheet-platform-icon {
    min-width: 26px;
    min-height: 26px;
    width: 26px;
    height: 26px;
}

.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon i,
.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon .mdi,
.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon .p4g-platform-icon-glyph,
.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon .p4g-platform-icon-img {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon .p4g-platform-icon-glyph::before {
    vertical-align: top;
}

.game-sheet-platform-icon .p4g-platform-icon-glyph {
    display: inline-block;
    flex-shrink: 0;
    line-height: 1;
    font-size: 1.05em;
}

.game-sheet-platform-icon .p4g-platform-icon-glyph::before {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

/* Fonds clairs (articles, listes, catégories) : mêmes tags que la fiche jeu */
.game-sheet-platform-icons.is-on-light .game-sheet-platform-icon:not([style]) {
    border-color: rgba(20, 89, 130, 0.28);
    background: rgba(20, 89, 130, 0.1);
    color: var(--bg-dark, #0f172a);
}

.game-sheet-platform-icons.is-on-light .game-sheet-platform-icon.is-tone-dark {
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35), 0 2px 5px rgba(15, 23, 42, 0.18);
}

.game-sheet-platform-icon.is-pc {
    border-color: rgba(0, 120, 215, 0.35);
    background: rgba(0, 120, 215, 0.12);
}

.game-sheet-platform-icon.is-playstation {
    border-color: rgba(0, 112, 204, 0.35);
    background: rgba(0, 112, 204, 0.12);
}

.game-sheet-platform-icon.is-xbox {
    border-color: rgba(16, 124, 16, 0.35);
    background: rgba(16, 124, 16, 0.12);
}

.game-sheet-platform-icon.is-switch {
    border-color: rgba(230, 0, 18, 0.28);
    background: rgba(230, 0, 18, 0.1);
}

.game-sheet-platform-icon.is-mobile {
    border-color: rgba(88, 86, 214, 0.3);
    background: rgba(88, 86, 214, 0.1);
}

.game-sheet-platform-icon.is-steam {
    border-color: rgba(27, 40, 56, 0.28);
    background: rgba(27, 40, 56, 0.1);
}

.stat-item-platform .game-sheet-platform-icons {
    display: inline-flex;
    margin: 0;
    vertical-align: middle;
    align-items: center;
}

.stat-item-platform .game-sheet-platform-icons.is-compact {
    margin-top: 0;
    width: auto;
}

.stat-item-platform .game-sheet-platform-icon i,
.stat-item-platform .game-sheet-platform-icon .mdi,
.stat-item-platform .game-sheet-platform-icon .p4g-platform-icon-glyph {
    margin: 0;
}

/* Bannière article : plateformes en haut à gauche */
.game-sheet-platform-icons.is-cover-top-left {
    position: static;
    margin: 0;
    justify-content: flex-start;
    gap: 0.32rem;
    flex-wrap: wrap;
    width: auto;
    max-width: 100%;
    pointer-events: none;
}

.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon {
    pointer-events: auto;
    min-height: 30px;
    min-width: 30px;
    padding: 0.28rem 0.42rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    background: rgba(8, 18, 32, 0.78);
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon[style] {
    color: #fff !important;
}

.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon i,
.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon .mdi::before,
.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon .p4g-platform-icon-glyph::before {
    color: inherit;
    filter: none;
}

.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon .mdi,
.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon .p4g-platform-icon-glyph {
    font-size: 1.05rem;
}

.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon .p4g-platform-icon-img {
    width: 1.05rem;
    height: 1.05rem;
    object-fit: contain;
}

/* Coin haut-droite : cartes jeux associés, couvertures articles */
.game-sheet-platform-icons.is-card-corner {
    position: absolute;
    top: 0.45rem;
    right: 0.45rem;
    z-index: 3;
    margin: 0;
    justify-content: flex-end;
    gap: 0.28rem;
    width: auto;
    max-width: calc(100% - 0.9rem);
    pointer-events: none;
}

.game-sheet-platform-icons.is-card-corner .game-sheet-platform-icon {
    pointer-events: auto;
    min-height: 24px;
    min-width: 24px;
    padding: 0.2rem 0.38rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

.game-sheet-platform-icons.is-card-corner .game-sheet-platform-icon .mdi,
.game-sheet-platform-icons.is-card-corner .game-sheet-platform-icon .p4g-platform-icon-glyph {
    font-size: 1rem;
}

.game-related-thumb,
.article-game-hero-jacket-wrap,
.post-card-image {
    position: relative;
}

.article-game-hero .game-sheet-platform-icons.is-card-corner {
    position: static;
    pointer-events: auto;
    max-width: none;
}

.article-game-hero .game-sheet-platform-icons.is-on-hero-dark.is-card-corner .game-sheet-platform-icon {
    min-height: 30px;
    min-width: 30px;
    padding: 0.28rem 0.42rem;
    border: 1px solid rgba(255, 255, 255, 0.38);
    background: rgba(8, 18, 32, 0.78);
    color: #fff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(8px);
}

.article-game-hero .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon[style] {
    color: #fff !important;
}

.article-game-hero .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon i,
.article-game-hero .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon .mdi::before,
.article-game-hero .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon .p4g-platform-icon-glyph::before {
    color: inherit;
    filter: none;
}

.article-meta-platforms {
    flex: 0 0 auto;
    align-self: center;
}

.article-meta-platforms .game-sheet-platform-icons {
    margin: 0;
    justify-content: flex-end;
}

.article-meta-platforms .game-sheet-platform-icons.is-article-meta {
    gap: 0.32rem;
}

.article-meta-platforms .game-sheet-platform-icon {
    min-height: 28px;
    padding: 0.22rem 0.45rem;
}

.post-card-image > a,
.post-card-image > a.post-card-image-link {
    display: block;
    height: 100%;
}

.post-card-image-placeholder {
    display: block;
    width: 100%;
    min-height: 200px;
    aspect-ratio: 720 / 495;
    max-height: 280px;
    background: linear-gradient(135deg, #dce6f2 0%, #eef3f9 48%, #d4e0ec 100%);
}

.pro-review-platform--legacy {
    opacity: 0.9;
    font-size: 0.8rem;
    color: #49586d;
}

.game-sheet-anchor-nav {
    margin-top: 0;
    flex: 1 1 auto;
    min-width: 0;
    background: linear-gradient(145deg, rgba(6, 12, 26, 0.95), rgba(12, 32, 58, 0.92));
    border: 1px solid rgba(125, 211, 252, 0.18);
    border-radius: 14px;
    display: flex;
    gap: 0.35rem;
    padding: 0.35rem;
    box-shadow: 0 12px 30px rgba(5, 10, 24, 0.26);
}

.game-sheet-nav-bar {
    margin-top: 0.8rem;
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
}

.game-sheet-nav-side {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
    flex: 0 0 auto;
    margin-left: auto;
}

.game-sheet-collection-social {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 48px;
    padding: 0.28rem 0.62rem 0.28rem 0.68rem;
    border-radius: 14px;
    border: 1px solid rgba(125, 211, 252, 0.18);
    background: linear-gradient(145deg, rgba(6, 12, 26, 0.95), rgba(12, 32, 58, 0.92));
    box-shadow: 0 12px 28px rgba(5, 10, 24, 0.22);
}

.game-sheet-hype-social {
    border-color: rgba(251, 146, 60, 0.32);
    background: linear-gradient(145deg, rgba(18, 12, 8, 0.95), rgba(58, 32, 12, 0.88));
}

.game-sheet-hype-social .game-sheet-collection-social-count {
    color: #fdba74;
}

.game-sheet-collection-social-label {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    line-height: 1.05;
}

.game-sheet-collection-social-count {
    font-size: 0.92rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
}

.game-sheet-collection-social-caption {
    font-size: 0.68rem;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.62);
    text-transform: lowercase;
    white-space: nowrap;
}

.game-sheet-collection-social-avatars {
    display: inline-flex;
    align-items: center;
}

.game-sheet-collection-social-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(8, 18, 36, 0.95);
    margin-left: -0.42rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(30, 115, 190, 0.35);
    text-decoration: none;
    transition: transform 0.2s ease, z-index 0s;
    position: relative;
}

.game-sheet-collection-social-avatar:first-child {
    margin-left: 0;
}

.game-sheet-collection-social-avatar:hover,
.game-sheet-collection-social-avatar:focus-visible {
    transform: translateY(-2px) scale(1.06);
    z-index: 2;
}

.game-sheet-collection-social-avatar-img,
.game-sheet-collection-social-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}

.game-sheet-collection-social-more {
    margin-left: -0.38rem;
    min-width: 30px;
    height: 30px;
    padding: 0 0.28rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.48);
    border: 2px solid rgba(8, 18, 36, 0.95);
    font-size: 0.64rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 0 0 auto;
}

.game-sheet-nav-actions {
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    gap: 0.45rem;
}

.game-sheet-hype-form {
    margin: 0;
    display: flex;
}

.game-sheet-collection-trigger {
    min-width: 48px;
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(125, 211, 252, 0.28);
    background: linear-gradient(145deg, rgba(30, 115, 190, 0.35), rgba(8, 18, 36, 0.92));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(5, 10, 24, 0.28);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.game-sheet-collection-trigger:hover,
.game-sheet-collection-trigger:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(125, 211, 252, 0.5);
    color: #fff;
}

.game-sheet-collection-trigger.is-in-collection {
    background: linear-gradient(145deg, rgba(34, 197, 94, 0.42), rgba(8, 18, 36, 0.92));
    border-color: rgba(74, 222, 128, 0.45);
}

.game-sheet-hype-trigger {
    min-width: 48px;
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(251, 146, 60, 0.45);
    background: linear-gradient(145deg, rgba(251, 146, 60, 0.38), rgba(8, 18, 36, 0.92));
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(5, 10, 24, 0.28);
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.game-sheet-hype-trigger:hover,
.game-sheet-hype-trigger:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(251, 146, 60, 0.65);
    color: #fff;
}

.game-sheet-hype-trigger.is-active {
    background: linear-gradient(145deg, rgba(239, 68, 68, 0.45), rgba(8, 18, 36, 0.92));
    border-color: rgba(248, 113, 113, 0.55);
}

.game-collection-modal {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.game-collection-modal[hidden] {
    display: none !important;
}

.game-collection-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(6, 12, 26, 0.72);
    backdrop-filter: blur(4px);
}

.game-collection-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(520px, 100%);
    max-height: min(90vh, 760px);
    overflow: auto;
    border-radius: 18px;
    border: 1px solid rgba(20, 89, 130, 0.22);
    background: linear-gradient(165deg, #ffffff 0%, #f4f8fc 100%);
    box-shadow: 0 28px 60px rgba(8, 14, 29, 0.35);
    padding: 1.15rem 1.15rem 1.25rem;
}

.game-collection-modal__close {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 999px;
    background: rgba(8, 14, 29, 0.08);
    color: rgba(14, 32, 56, 0.75);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.game-collection-modal__close:hover {
    background: rgba(30, 115, 190, 0.12);
    color: var(--text-accent, var(--link-color));
}

.game-collection-modal__hero {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 0.9rem;
    padding-right: 2rem;
}

.game-collection-modal__cover {
    width: 72px;
    height: 96px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid rgba(20, 89, 130, 0.18);
    box-shadow: 0 8px 18px rgba(8, 14, 29, 0.16);
}

.game-collection-modal__cover--fallback {
    display: grid;
    place-items: center;
    background: rgba(30, 115, 190, 0.12);
    color: var(--text-accent, var(--link-color));
    font-size: 1.4rem;
}

.game-collection-modal__kicker {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--text-accent, var(--link-color));
}

.game-collection-modal__hero-text h2 {
    margin: 0 0 0.35rem;
    font-size: 1.2rem;
    line-height: 1.25;
    color: var(--bg-dark);
}

.game-collection-modal__lead {
    margin: 0;
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--muted-text);
}

.game-collection-modal__alert {
    margin: 0 0 0.85rem;
    padding: 0.65rem 0.8rem;
    border-radius: 10px;
    font-size: 0.86rem;
    font-weight: 600;
}

.game-collection-modal__alert.is-success {
    background: rgba(34, 197, 94, 0.12);
    color: #166534;
    border: 1px solid rgba(34, 197, 94, 0.28);
}

.game-collection-modal__alert.is-error {
    background: rgba(239, 68, 68, 0.1);
    color: #991b1b;
    border: 1px solid rgba(239, 68, 68, 0.24);
}

.game-collection-modal__status {
    margin-bottom: 0.9rem;
}

.game-collection-modal__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.1);
    color: var(--text-accent, var(--link-color));
    font-size: 0.82rem;
    font-weight: 700;
}

.game-collection-modal__badge.is-owned {
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.game-collection-modal__owned {
    margin: 0.45rem 0 0;
    font-size: 0.82rem;
    color: var(--muted-text);
}

.game-collection-modal__platforms {
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
}

.game-collection-modal__platforms legend {
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--muted-text);
    margin-bottom: 0.55rem;
}

.game-collection-modal__platform-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.game-collection-modal__platform {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.65rem;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background: #fff;
    cursor: pointer;
    transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.game-collection-modal__platform input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.game-collection-modal__platform-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(30, 115, 190, 0.1);
    color: var(--text-accent, var(--link-color));
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.game-collection-modal__platform-label {
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--text-dark);
}

.game-collection-modal__platform.is-selected,
.game-collection-modal__platform:has(input:checked) {
    border-color: rgba(30, 115, 190, 0.45);
    background: rgba(30, 115, 190, 0.08);
    box-shadow: 0 8px 18px rgba(30, 115, 190, 0.12);
}

.game-collection-modal__platform.is-selected .game-collection-modal__platform-icon,
.game-collection-modal__platform:has(input:checked) .game-collection-modal__platform-icon {
    background: var(--bg-blue);
    color: #fff;
}

.game-collection-modal__empty-platforms {
    margin: 0 0 1rem;
    font-size: 0.86rem;
    color: var(--muted-text);
}

.game-collection-modal__actions {
    display: grid;
    gap: 0.55rem;
}

.game-collection-modal__submit,
.game-collection-modal__remove {
    min-height: 44px;
    border-radius: 12px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    font-weight: 800;
    font-size: 0.9rem;
    cursor: pointer;
    text-decoration: none;
}

.game-collection-modal__submit {
    background: var(--bg-blue);
    color: #fff;
    border-color: var(--bg-blue);
}

.game-collection-modal__submit.is-update {
    background: #15803d;
    border-color: #15803d;
}

.game-collection-modal__submit:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

.game-collection-modal__form.is-submitting {
    pointer-events: none;
}

.game-collection-modal__form.is-submitting .game-collection-modal__submit span,
.game-collection-modal__form.is-submitting .game-collection-modal__remove span {
    opacity: 0.85;
}

.game-collection-modal__remove {
    background: transparent;
    color: #b91c1c;
    border-color: rgba(239, 68, 68, 0.35);
}

.game-collection-modal__remove:hover {
    background: rgba(239, 68, 68, 0.08);
}

.game-collection-modal__guest {
    display: grid;
    gap: 0.75rem;
    text-align: center;
}

.game-collection-modal__guest p {
    margin: 0;
    color: var(--muted-text);
}

.game-sheet-tab-link {
    background: transparent;
    border: 1px solid transparent;
    color: rgba(255, 255, 255, 0.78);
    font-weight: 700;
    font-size: 0.88rem;
    padding: 0.45rem 0.68rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.game-sheet-tab-link.is-active {
    color: #fff;
    background: rgba(30, 115, 190, 0.3);
    border-color: rgba(125, 211, 252, 0.42);
}

.game-sheet-tab-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
}

.game-sheet-tab-link i {
    font-size: 0.85rem;
}

@media (max-width: 640px) {
    .game-sheet-anchor-nav {
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}

.game-sheet-tab-panels {
    margin-top: 0.4rem;
}

.game-sheet-panel {
    display: none;
}

.game-sheet-panel.is-active {
    display: block;
}

.game-sheet-overview {
    margin-top: 1rem;
}

.game-sheet-overview-grid {
    background: var(--surface-card);
    color: var(--text-dark);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    padding: 1.4rem;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 1.4rem;
}

.game-sheet-description p {
    margin: 0;
    line-height: 1.7;
    color: var(--muted-text);
}

.game-sheet-description-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem 1rem;
    margin-top: 1rem;
}

.game-sheet-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 999px;
    padding: 0.45rem 1rem;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
    cursor: pointer;
    font-family: inherit;
    border: 1px solid transparent;
    background: transparent;
}

.game-sheet-link--site {
    color: var(--text-accent, var(--link-color));
    border-color: color-mix(in srgb, var(--bg-blue) 35%, transparent);
    background: rgba(30, 115, 190, 0.08);
}

.game-sheet-link--site:hover {
    background: rgba(30, 115, 190, 0.16);
    border-color: rgba(30, 115, 190, 0.5);
}

.game-sheet-link-external {
    font-size: 0.85em;
    opacity: 0.85;
}

.game-sheet-link--trailer {
    color: #fff;
    background: var(--bg-blue);
    border-color: var(--bg-blue);
}

.game-sheet-link--trailer:hover {
    filter: brightness(1.06);
}

.game-sheet-link--trailer i {
    font-size: 0.85em;
}

.p4g-game-trailer-modal {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.p4g-game-trailer-modal[hidden] {
    display: none;
}

.p4g-game-trailer-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(8, 14, 29, 0.72);
    cursor: pointer;
}

.p4g-game-trailer-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(960px, 100%);
    background: #0f172a;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.p4g-game-trailer-modal__close {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 2;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: rgba(15, 23, 42, 0.85);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
}

.p4g-game-trailer-modal__close:hover {
    background: rgba(30, 41, 59, 0.95);
}

.p4g-game-trailer-modal__embed {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    background: #000;
}

.p4g-game-trailer-modal__iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.game-sheet-meta-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.45rem 0;
    border-bottom: 1px solid var(--border-color);
}

.game-sheet-meta-row span {
    color: var(--muted-text);
    font-size: 0.9rem;
}

.game-sheet-meta-row strong {
    color: var(--text-dark);
    text-align: right;
    font-size: 0.9rem;
}

.game-sheet-news {
    margin-top: 2rem;
}

.game-featured-test-card {
    margin-bottom: 1rem;
    border-radius: 14px;
    border: 1px solid var(--border-color);
    background: var(--surface-panel);
    display: grid;
    grid-template-columns: minmax(180px, 240px) 1fr;
    gap: 0.9rem;
    padding: 0.85rem;
}

.game-featured-test-thumb {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    display: block;
    min-height: 170px;
    background: linear-gradient(180deg, #0f172a, #1e293b);
}

.game-featured-test-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.game-featured-test-score {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    border: 4px solid #fff;
    background: rgba(8, 14, 29, 0.78);
    display: grid;
    place-items: center;
    color: #fff;
    text-align: center;
}

.game-featured-test-score span {
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1;
}

.game-featured-test-score small {
    display: block;
    font-size: 0.68rem;
    opacity: 0.86;
}

.game-featured-test-kicker {
    margin: 0 0 0.25rem;
    font-size: 0.72rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--muted-text);
}

.game-featured-test-body h3 {
    margin: 0 0 0.35rem;
    color: var(--text-dark);
    font-size: 1.2rem;
    line-height: 1.3;
}

.game-featured-test-body p {
    margin: 0;
    color: var(--muted-text);
    line-height: 1.65;
}

.game-featured-test-meta {
    margin-top: 0.55rem;
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.game-featured-test-meta span {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    border: 1px solid var(--border-color);
    border-radius: 999px;
    padding: 0.16rem 0.5rem;
    font-size: 0.72rem;
    color: var(--muted-text);
}

.game-featured-test-link {
    margin-top: 0.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.4rem 0.85rem;
}

@media (max-width: 820px) {
    .game-featured-test-card {
        grid-template-columns: 1fr;
    }

    .game-featured-test-thumb {
        min-height: 180px;
    }
}

.game-sheet-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.game-sheet-all-news {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.95rem;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    font-weight: 700;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.game-sheet-news-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.game-sheet-news-card {
    background: var(--surface-card);
    border-radius: 14px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

.game-sheet-news-thumb {
    display: block;
    aspect-ratio: 16 / 9;
    background: #111827;
}

.game-sheet-news-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.game-sheet-news-content {
    padding: 0.8rem;
}

.game-sheet-news-content h3 {
    margin: 0 0 0.4rem;
    font-size: 0.95rem;
    line-height: 1.35;
}

.game-sheet-news-content p {
    margin: 0;
    color: var(--muted-text);
    font-size: 0.86rem;
}

.game-related-section {
    margin-top: 1.5rem;
}

.game-related-section h3 {
    margin-bottom: 0.9rem;
    color: var(--text-dark);
}

.game-related-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.8rem;
}

.game-related-card {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    background: var(--surface-card);
    overflow: hidden;
}

.game-related-link {
    display: block;
    text-align: center;
}

.game-related-thumb {
    aspect-ratio: 3 / 4;
    background: linear-gradient(180deg, #0f172a, #1e293b);
    overflow: hidden;
    position: relative;
}

.game-related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
}

.game-related-card h4 {
    margin: 0;
    padding: 0.6rem 0.55rem 0.75rem;
    font-size: 0.84rem;
    line-height: 1.35;
    color: var(--text-dark);
}

.game-sheet-reviews,
.game-sheet-media {
    margin-top: 2rem;
}

.game-sheet-reviews .tab-panel-content,
.game-sheet-media .tab-panel-content {
    background: transparent;
}

@media (max-width: 1024px) {
    .game-sheet-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .game-related-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .game-sheet-banner,
    .game-sheet-overview-grid {
        grid-template-columns: 1fr;
    }

    .game-featured-test-card {
        grid-template-columns: 1fr;
    }

    .game-sheet-banner-cover {
        max-width: 180px;
    }
}

@media (max-width: 640px) {
    .game-sheet-anchor-nav {
        flex-wrap: wrap;
        border-radius: 12px;
    }

    .game-sheet-news-grid {
        grid-template-columns: 1fr;
    }

    .game-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Home tests hub (magazine UI + tabs Jeux / Materiels) */
.home-tests-section {
    --home-tests-surface: var(--reviews-score-bg, #ff4d00);
    --home-tests-heading: #fff;
    --home-tests-tab: rgba(255, 255, 255, 0.62);
    --home-tests-tab-hover: rgba(255, 255, 255, 0.92);
    --home-tests-tab-active: #fff;
    --home-tests-tab-border: #fff;
    --home-tests-empty: rgba(255, 255, 255, 0.88);
    --home-tests-more-bg: #fff;
    --home-tests-more-text: var(--home-tests-surface);
    --home-tests-more-hover-bg: rgba(255, 255, 255, 0.92);
    --home-test-compact-bg: rgba(255, 255, 255, 0.96);
    --home-test-compact-shadow: rgba(7, 21, 35, 0.12);
    --home-test-featured-height: clamp(420px, 38vw, 560px);
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: clamp(2rem, 4vw, 3.5rem);
    padding: clamp(1.35rem, 2.5vw, 2rem) 0 clamp(1.75rem, 3vw, 2.5rem);
    background: var(--home-tests-surface);
    box-sizing: border-box;
}

.site-main--home-tail {
    padding-top: 0;
}

.home-tests-fullpage-inner {
    max-width: 1600px;
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 0 1.5rem;
    box-sizing: border-box;
}

.home-tests-inner {
    max-width: none;
    margin: 0;
}

.home-tests-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.85rem 1.35rem;
    margin-bottom: 1.1rem;
}

.home-tests-toolbar h2 {
    margin: 0;
    font-size: clamp(1.45rem, 2.2vw, 1.85rem);
    font-weight: 800;
    color: var(--home-tests-heading);
    line-height: 1.1;
}

.home-tests-tabs {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.home-tests-tab {
    border: 0;
    background: transparent;
    padding: 0.2rem 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--home-tests-tab);
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: color 0.18s ease, border-color 0.18s ease;
}

.home-tests-tab:hover {
    color: var(--home-tests-tab-hover);
}

.home-tests-tab.is-active {
    color: var(--home-tests-tab-active);
    border-bottom-color: var(--home-tests-tab-border);
}

.home-tests-panel[hidden] {
    display: none !important;
}

.home-tests-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(240px, 1.15fr) minmax(0, 1.3fr);
    gap: 0.85rem 1rem;
    align-items: start;
}

.home-tests-col-featured,
.home-tests-col-middle,
.home-tests-col-right {
    min-width: 0;
}

.home-tests-col-right {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.home-tests-right-list {
    display: grid;
    grid-template-rows: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
    height: var(--home-test-featured-height);
    min-height: var(--home-test-featured-height);
}

.home-tests-col-right .home-tests-foot {
    margin-top: 0;
    justify-content: stretch;
}

.home-tests-col-right .home-tests-more-btn {
    width: 100%;
}

.home-tests-side,
.home-tests-col,
.home-tests-right {
    display: none;
}

.home-test-featured {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: var(--bg-dark, #071523);
    color: var(--text-light, #fff);
    isolation: isolate;
    width: 100%;
    height: var(--home-test-featured-height);
    min-height: var(--home-test-featured-height);
    max-height: var(--home-test-featured-height);
}

.home-test-featured-media-link {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
    margin: 0;
}

.home-test-featured-image,
.home-test-featured-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    display: block;
}

.home-test-featured-placeholder {
    background: linear-gradient(135deg, #1e293b, #0f172a);
}

.home-test-secondary {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: var(--bg-dark, #071523);
    color: var(--text-light, #fff);
    isolation: isolate;
    width: 100%;
    height: var(--home-test-featured-height);
    min-height: var(--home-test-featured-height);
    max-height: var(--home-test-featured-height);
}

.home-test-secondary-media-link {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    overflow: hidden;
}

.home-test-secondary-image,
.home-test-secondary-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.home-test-secondary-placeholder {
    background: linear-gradient(135deg, #1e293b, #0f172a);
}

.home-test-secondary-platform-top {
    position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    z-index: 2;
    pointer-events: none;
}

.home-test-secondary-platform-top .game-sheet-platform-icon,
.home-test-secondary-platform-top .pro-review-platform {
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 2px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.home-test-secondary-platform-top .game-sheet-platform-icon__label {
    display: none !important;
}

.home-test-secondary-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 1rem 0.85rem 0.9rem;
    background: linear-gradient(180deg, transparent 0%, rgba(7, 21, 35, 0.95) 85%);
}

.home-test-secondary-title {
    margin: 0;
    font-size: clamp(0.82rem, 1.1vw, 0.95rem);
    font-weight: 800;
    line-height: 1.25;
}

.home-test-secondary-title a {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-test-secondary--spacer {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.35), rgba(15, 23, 42, 0.55));
}

.home-test-secondary-title a:hover {
    color: rgba(255, 255, 255, 0.88);
}

.home-test-featured .home-critique-score-ring.is-featured-badge,
.home-test-secondary .home-critique-score-ring.is-featured-badge {
    --score: 0;
    position: absolute;
    top: 0.85rem;
    right: 0.85rem;
    left: auto;
    transform: none;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: transparent;
    box-shadow: none;
    z-index: 2;
    pointer-events: none;
}

.home-test-featured .home-critique-score-ring.is-featured-badge::before,
.home-test-secondary .home-critique-score-ring.is-featured-badge::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: conic-gradient(
        var(--reviews-score-bg, #ff4d00) calc(var(--score) * 1%),
        color-mix(in srgb, var(--border-color, #e5e7eb) 58%, #ffffff) 0
    );
    -webkit-mask-image: radial-gradient(farthest-side, transparent calc(78% - 1px), #000 78%);
    mask-image: radial-gradient(farthest-side, transparent calc(78% - 1px), #000 78%);
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
    z-index: 0;
}

.home-test-featured .home-critique-score-ring.is-featured-badge.is-perfect::before,
.home-test-secondary .home-critique-score-ring.is-featured-badge.is-perfect::before {
    background: conic-gradient(
        #f5b301 calc(var(--score) * 1%),
        color-mix(in srgb, var(--border-color, #e5e7eb) 58%, #ffffff) 0
    );
}

.home-test-featured .home-critique-score-ring.is-featured-badge::after,
.home-test-secondary .home-critique-score-ring.is-featured-badge::after {
    content: none;
    display: none;
}

.home-test-featured .home-critique-score-ring.is-featured-badge strong,
.home-test-secondary .home-critique-score-ring.is-featured-badge strong {
    position: relative;
    z-index: 1;
    font-size: clamp(1.15rem, 2.4vw, 1.42rem);
    font-weight: 800;
    color: #fff;
    line-height: 1;
    -webkit-text-stroke: 0.6px rgba(0, 0, 0, 0.55);
    paint-order: stroke fill;
    text-shadow:
        0 0 2px rgba(0, 0, 0, 1),
        0 1px 3px rgba(0, 0, 0, 0.95),
        0 2px 10px rgba(0, 0, 0, 0.85),
        0 0 18px rgba(0, 0, 0, 0.75);
}

.home-test-secondary .home-critique-score-ring.is-featured-badge {
    top: 0.65rem;
    right: 0.65rem;
    width: 56px;
    height: 56px;
}

.home-test-secondary .home-critique-score-ring.is-featured-badge strong {
    font-size: 0.95rem;
}

.home-test-featured-corner-badges {
    position: absolute;
    bottom: 1.15rem;
    right: 1.15rem;
    z-index: 2;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    max-width: calc(100% - 2.3rem);
    pointer-events: none;
}

.home-test-featured-platform-top {
    position: absolute;
    top: 0.85rem;
    left: 0.85rem;
    z-index: 2;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem;
    max-width: calc(100% - 6rem);
    pointer-events: none;
}

.home-tests-section .home-test-featured-platform-top .game-sheet-platform-icons,
.home-tests-section .home-test-featured-platform-top .pro-review-platform {
    margin: 0;
    gap: 0.3rem;
}

.home-test-featured-platform-top .game-sheet-platform-icon,
.home-test-featured-platform-top .pro-review-platform {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 0;
    border: 2px solid rgba(255, 255, 255, 0.88);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

.home-test-featured-platform-top .game-sheet-platform-icon__label {
    display: none !important;
}

.home-test-featured-platform-top .game-sheet-platform-icon i,
.home-test-featured-platform-top .game-sheet-platform-icon .mdi,
.home-test-featured-platform-top .game-sheet-platform-icon .p4g-platform-icon-glyph,
.home-test-featured-platform-top .game-sheet-platform-icon .p4g-platform-icon-img {
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
}

.home-test-featured-platform-top .game-sheet-platform-icon .p4g-platform-icon-img {
    width: 1.15em;
    height: 1.15em;
}

.home-test-featured-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 1.35rem 1.5rem 1.25rem;
    padding-right: 9.5rem;
    background: linear-gradient(180deg, transparent 0%, rgba(7, 21, 35, 0.95) 85%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
}

.home-test-featured-title {
    margin: 0;
    font-size: clamp(1.05rem, 1.55vw, 1.35rem);
    font-weight: 800;
    line-height: 1.22;
    max-width: 100%;
}

.home-test-featured-title a {
    color: #fff;
    text-decoration: none;
}

.home-test-featured-title a:hover {
    color: rgba(255, 255, 255, 0.88);
}

.home-test-featured-date {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.home-test-compact {
    position: relative;
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: stretch;
    min-width: 0;
    padding: 0.65rem;
    border-radius: 16px;
    background: var(--home-test-compact-bg);
    box-shadow: 0 10px 28px var(--home-test-compact-shadow);
}

.home-test-compact.is-stack-item {
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 0.45rem;
    padding: 0.35rem 0.42rem;
    height: 100%;
    min-height: 0;
    align-self: stretch;
}

.home-test-compact.is-stack-item .home-test-compact-title {
    margin-bottom: 0.12rem;
    font-size: 0.74rem;
    -webkit-line-clamp: 1;
}

.home-test-compact.is-stack-item .home-test-meta--compact {
    gap: 0.1rem;
}

.home-test-compact.is-stack-item .home-test-stats,
.home-test-compact.is-stack-item .home-test-date {
    font-size: 0.62rem;
    line-height: 1.25;
}

.home-test-compact.is-stack-item .home-test-compact-body {
    padding-right: 1.45rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-test-compact.is-stack-item .home-test-compact-platform-top {
    top: 0.35rem;
    right: 0.35rem;
}

.home-test-compact.is-stack-item .home-test-compact-platform-top .game-sheet-platform-icon,
.home-test-compact.is-stack-item .home-test-compact-platform-top .pro-review-platform {
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    border-radius: 50%;
    padding: 0;
}

.home-test-compact-platform-top {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    pointer-events: none;
}

.home-tests-section .home-test-compact-platform-top .game-sheet-platform-icons,
.home-tests-section .home-test-compact-platform-top .pro-review-platform {
    margin: 0;
}

.home-test-compact-body {
    min-width: 0;
    padding-right: 2rem;
}

.home-test-compact-media {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    background: #0f172a;
    height: 100%;
    min-height: 100%;
    align-self: stretch;
}

.home-test-compact-media img,
.home-test-compact-placeholder {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-test-compact-placeholder {
    background: linear-gradient(135deg, #1e293b, #0f172a);
}

.home-test-compact-title {
    margin: 0 0 0.35rem;
    font-size: 0.86rem;
    font-weight: 800;
    line-height: 1.32;
}

.home-test-compact-title a {
    color: #111827;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-test-compact-title a:hover {
    color: var(--text-accent, var(--link-color));
}

.home-test-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.35rem;
}

.home-test-meta--compact {
    gap: 0.28rem;
}

.home-test-meta--compact .home-test-stats {
    width: auto;
}

.home-test-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.2rem 0.35rem;
    width: 100%;
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.35;
    color: #8b93a1;
}

.home-test-stats span {
    display: inline-flex;
    align-items: center;
}

.home-test-stats i {
    margin-right: 0.28rem;
    opacity: 0.85;
}

.home-test-stats .meta-separator {
    opacity: 0.55;
    user-select: none;
}

.home-test-featured-stats {
    color: rgba(255, 255, 255, 0.72);
}

.home-test-date {
    color: #8b93a1;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.home-test-badges {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.home-test-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45em 0.95em;
    min-height: 2rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff;
    box-sizing: border-box;
    background: var(--reviews-score-bg, #ff4d00);
}

.home-test-badge--type.is-game,
.home-test-badge--type.is-hardware,
.home-test-badge--type.is-accessory,
.home-test-badge--tests {
    background: var(--reviews-score-bg, #ff4d00);
}

.home-tests-section .home-test-badge.hero-label,
.home-test-featured-corner-badges .home-test-badge.hero-label {
    background: var(--reviews-score-bg, #ff4d00) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.home-test-platform-badges {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.28rem;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icons,
.home-tests-section .home-test-platform-badges .pro-review-platform {
    margin: 0;
    gap: 0.3rem;
    width: auto;
    justify-content: flex-start;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icons.is-compact {
    margin-top: 0;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icon,
.home-tests-section .home-test-platform-badges .pro-review-platform {
    min-height: 22px;
    padding: 0.12rem 0.42rem;
    border-radius: 2px;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    line-height: 1.2;
    gap: 0.28rem;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icon i,
.home-tests-section .home-test-platform-badges .game-sheet-platform-icon .mdi,
.home-tests-section .home-test-platform-badges .game-sheet-platform-icon .p4g-platform-icon-glyph,
.home-tests-section .home-test-platform-badges .game-sheet-platform-icon .p4g-platform-icon-img {
    display: inline-block !important;
    font-size: 0.82rem;
    width: auto;
    height: auto;
    flex-shrink: 0;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icon .p4g-platform-icon-img {
    width: 0.95em;
    height: 0.95em;
    object-fit: contain;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icon__label {
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.home-tests-section .home-test-platform-badges .game-sheet-platform-icon.is-compact:not([style]) {
    border-color: rgba(20, 89, 130, 0.35);
    background: rgba(20, 89, 130, 0.12);
    color: #0f172a;
    box-shadow: none;
}

.home-tests-foot {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.home-tests-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.72rem 1.45rem;
    background: var(--home-tests-more-bg);
    color: var(--home-tests-more-text);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 2px;
    transition: filter 0.18s ease, background 0.18s ease;
}

.home-tests-more-btn:hover {
    filter: brightness(0.98);
    background: var(--home-tests-more-hover-bg);
    color: var(--home-tests-more-text);
}

.home-tests-empty {
    margin: 0.5rem 0 0;
    color: var(--home-tests-empty);
    font-size: 0.92rem;
}

@media (max-width: 1180px) {
    .home-tests-layout {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .home-tests-right-list {
        height: auto;
        min-height: 0;
        grid-template-rows: none;
        display: grid;
        gap: 0.75rem;
    }

    .home-test-compact.is-stack-item {
        height: auto;
        min-height: auto;
        grid-template-columns: 96px minmax(0, 1fr);
        padding: 0.65rem;
    }

    .home-test-compact.is-stack-item .home-test-compact-title {
        -webkit-line-clamp: 3;
        font-size: 0.86rem;
    }

    .home-test-featured,
    .home-test-secondary {
        --home-test-featured-height: clamp(320px, 56vw, 460px);
    }

    .home-tests-col-right .home-tests-foot {
        justify-content: flex-end;
    }

    .home-tests-col-right .home-tests-more-btn {
        width: auto;
    }
}

@media (max-width: 680px) {
    .home-tests-fullpage-inner {
        padding: 0 1rem;
    }

    .home-test-compact {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 0.6rem;
    }

    .home-test-featured-meta {
        padding: 1rem 1rem 0.95rem;
        padding-right: 1rem;
    }

    .home-test-featured-platform-top {
        top: 0.65rem;
        left: 0.65rem;
        max-width: calc(100% - 5rem);
    }

    .home-test-featured-corner-badges {
        bottom: auto;
        top: calc(100% - 4.5rem);
        right: 0.85rem;
        max-width: calc(100% - 1.7rem);
    }

    .home-tests-foot {
        justify-content: stretch;
    }

    .home-tests-more-btn {
        width: 100%;
    }
}
/* Navigation pro: submenu + mega menu + no bullets */
.topbar-menu ul,
.category-menu,
.category-menu ul,
.drawer-menu,
.drawer-menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.category-menu-nav {
    max-width: 100%;
}

.category-menu {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    position: relative;
}

/* Barre tendances sous le header : une seule ligne (libellé + jeux). */
.header-secondary .category-menu-nav {
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.header-secondary .category-menu {
    flex-wrap: nowrap;
}

.header-secondary .category-menu > li {
    padding-bottom: 0;
    margin-bottom: 0;
}

.category-menu > li {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: -8px;
}

.topbar-menu > li {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: -8px;
}

.category-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0.45rem 0.72rem;
    border-radius: 8px;
}

.topbar-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
}

.topbar-menu .menu-item-has-children > a::after,
.category-menu .menu-item-has-children > a::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 0.45rem;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    opacity: 0.8;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.category-menu .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    min-width: 220px;
    background: rgba(10, 22, 38, 0.48);
    background: color-mix(in srgb, var(--header-submenu-bg, #0f1d33) 50%, transparent);
    backdrop-filter: blur(22px) saturate(168%);
    -webkit-backdrop-filter: blur(22px) saturate(168%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 0.35rem;
    z-index: 60;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    transition: opacity 0.16s ease, transform 0.16s ease;
    opacity: 0;
    transform: translateY(4px);
    visibility: hidden;
    pointer-events: none;
}

.topbar-menu .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    min-width: 210px;
    background: rgba(10, 22, 38, 0.48);
    background: color-mix(in srgb, var(--header-submenu-bg, #0f1d33) 50%, transparent);
    backdrop-filter: blur(22px) saturate(168%);
    -webkit-backdrop-filter: blur(22px) saturate(168%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 0.35rem;
    z-index: 70;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    transition: opacity 0.16s ease, transform 0.16s ease;
    opacity: 0;
    transform: translateY(4px);
    visibility: hidden;
    pointer-events: none;
}

.category-menu .sub-menu::before,
.topbar-menu .sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
}

.category-menu .sub-menu li a {
    display: block;
    padding: 0.5rem 0.62rem;
    border-radius: 7px;
    white-space: nowrap;
}

.topbar-menu .sub-menu li a {
    display: block;
    padding: 0.5rem 0.62rem;
    border-radius: 7px;
    white-space: nowrap;
}

.category-menu li:hover > .sub-menu,
.category-menu li:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.topbar-menu li:hover > .sub-menu,
.topbar-menu li:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.topbar-menu .menu-item-has-children:hover > a::after,
.topbar-menu .menu-item-has-children:focus-within > a::after,
.category-menu .menu-item-has-children:hover > a::after,
.category-menu .menu-item-has-children:focus-within > a::after {
    transform: rotate(225deg) translateY(1px);
    opacity: 1;
}

.category-menu .sub-menu .sub-menu {
    left: 100%;
    top: -2px;
}

/* Add "mega-menu" class on top-level item in WP menu */
.category-menu > li.mega-menu {
    position: static;
}

.category-menu > li.mega-menu > .sub-menu {
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.75rem;
}

.category-menu > li.mega-menu:hover > .sub-menu,
.category-menu > li.mega-menu:focus-within > .sub-menu {
    visibility: visible;
    pointer-events: auto;
}

.category-menu > li.mega-menu > .sub-menu > li > a {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.drawer-menu {
    display: grid;
    gap: 0.25rem;
}

.drawer-menu li {
    position: relative;
}

.drawer-menu a {
    display: block;
    padding: 0.55rem 2rem 0.55rem 0.15rem;
}

.drawer-menu .menu-item-has-children {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    width: 100%;
}

.drawer-menu .menu-item-has-children > a {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    box-sizing: border-box;
    padding-right: 2.75rem;
}

.drawer-menu .menu-item-has-children > .submenu-toggle {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    position: relative;
    z-index: 1;
    margin: 0 0.15rem 0 0;
}

.drawer-menu .sub-menu {
    display: none;
    margin-left: 0.6rem;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    padding-left: 0.6rem;
    grid-column: 1 / -1;
    grid-row: 2;
}

.drawer-menu li.is-open > .sub-menu {
    display: grid;
    gap: 0.15rem;
}

.submenu-toggle {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    cursor: pointer;
}

/* Drawer submenu visual refinement */
.header-drawer .drawer-menu {
    gap: 0.5rem;
}

.header-drawer .drawer-menu > li > a {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
}

.header-drawer .drawer-menu .menu-item-has-children > a {
    border-radius: 12px;
}

.header-drawer .submenu-toggle {
    width: 32px;
    height: 32px;
    margin-right: 0;
    border-radius: 10px;
    background: color-mix(in srgb, var(--drawer-text, #ffffff) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--drawer-text, #ffffff) 18%, transparent);
    font-size: 0.78rem;
}

.header-drawer .drawer-menu .sub-menu {
    margin-left: 0.45rem;
    padding-left: 0.55rem;
    border-left: 2px solid rgba(255, 255, 255, 0.14);
}

.header-drawer .drawer-menu .sub-menu li > a {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 0.62rem 0.75rem;
    font-size: 0.82rem;
}

.header-drawer .drawer-menu li.is-open > .submenu-toggle {
    background: color-mix(in srgb, var(--bg-blue) 28%, transparent);
}

/* Drawer visual style inspired by editorial mockup */
.header-drawer .drawer-panel {
    width: min(370px, 92vw);
    padding: 0.7rem 0.8rem 1.35rem;
    background: var(--drawer-bg, #031327);
}

.header-drawer .drawer-topbar {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}

.header-drawer .drawer-close,
.header-drawer .drawer-theme-toggle {
    margin: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--drawer-text, #ffffff) 18%, transparent);
    background: color-mix(in srgb, var(--drawer-text, #ffffff) 6%, transparent);
    color: var(--drawer-text, #ecf3ff);
}

.header-drawer .drawer-brand {
    margin: 0;
    display: grid;
    place-items: center;
}

.header-drawer .drawer-brand .custom-logo,
.header-drawer .drawer-brand .site-logo-image--switchable {
    max-height: 34px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.header-drawer .drawer-search {
    margin-bottom: 0.9rem;
}

.header-drawer .drawer-search-form {
    position: relative;
}

.header-drawer .drawer-search-input {
    width: 100%;
    min-height: 42px;
    border-radius: 9px;
    border: 1px solid rgba(95, 143, 191, 0.22);
    background: #ffffff;
    color: #1f2937;
    padding: 0.55rem 2.4rem 0.55rem 0.75rem;
    font-size: 0.95rem;
}

.header-drawer .drawer-search-input::placeholder {
    color: rgba(31, 41, 55, 0.72);
}

/* Force readable colors when browser autofill applies custom styling. */
.header-drawer .drawer-search-input:-webkit-autofill,
.header-drawer .drawer-search-input:-webkit-autofill:hover,
.header-drawer .drawer-search-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1f2937;
    box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 9999s ease-out 0s;
}

.header-drawer .drawer-search-submit {
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: rgba(236, 243, 255, 0.92);
    width: 30px;
    height: 30px;
}

.header-drawer .drawer-nav {
    gap: 0.48rem;
}

.header-drawer .drawer-menu > li {
    margin-left: 0;
    width: 100%;
}

.header-drawer .drawer-menu > li > a {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0.34rem 0.1rem 0.24rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--drawer-text, #f1f6ff);
}

.header-drawer .drawer-menu .menu-item-has-children > a {
    border-radius: 12px;
}

.header-drawer .drawer-menu .menu-item-has-children > .submenu-toggle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--drawer-text, #ffffff) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--drawer-text, #ffffff) 18%, transparent);
    color: var(--drawer-text, rgba(108, 180, 255, 0.95));
}

.header-drawer .drawer-menu .sub-menu {
    margin-top: 0.08rem;
    margin-left: 0;
    padding-left: 0.72rem;
    border-left: 1px solid rgba(78, 163, 255, 0.35);
}

.header-drawer .drawer-menu .sub-menu li > a {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0.5rem 0.55rem;
    font-size: 0.86rem;
    color: rgba(215, 232, 255, 0.95);
    text-transform: none;
    letter-spacing: 0;
    position: relative;
}

.header-drawer .drawer-menu .sub-menu .menu-item-has-children > a {
    padding-right: 2.5rem;
}

.header-drawer .drawer-menu .sub-menu li > a::before {
    content: "";
    position: absolute;
    left: -0.72rem;
    top: 50%;
    width: 0.58rem;
    height: 1px;
    background: color-mix(in srgb, var(--drawer-shadow-color, #4ea3ff) 48%, transparent);
}

.header-drawer .drawer-menu.secondary {
    padding-top: 0;
    border-top: 0;
}

.header-drawer .drawer-socials {
    margin-top: 1.15rem;
    padding-top: 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--drawer-shadow-color, #4ea3ff) 24%, transparent);
    display: flex;
    justify-content: center;
    gap: 0.78rem;
}

.header-drawer .drawer-socials a {
    color: rgba(236, 243, 255, 0.9);
    font-size: 1.02rem;
}

/* Pro reviews page */
.pro-reviews-page {
    max-width: 1260px;
    margin: 0 auto;
    padding: clamp(1rem, 2.2vw, 1.8rem);
}

.pro-reviews-hero {
    margin-bottom: 1.2rem;
    padding: 1.12rem 1.2rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: linear-gradient(128deg, var(--theme-surface-deep) 0%, var(--bg-dark) 45%, var(--bg-blue) 100%);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.1rem;
    align-items: center;
    color: var(--text-light);
    box-shadow: 0 14px 32px rgba(11, 22, 39, 0.2);
    position: relative;
    overflow: hidden;
    min-height: 132px;
}

.pro-reviews-hero::before {
    content: "";
    position: absolute;
    inset: -50% auto auto -12%;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.pro-reviews-hero-copy {
    position: relative;
    z-index: 1;
}

.pro-reviews-hero-copy h1 {
    position: relative;
    display: inline-block;
    padding-bottom: 0.2rem;
}

.pro-reviews-hero-copy h1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 2px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

.pro-reviews-kicker {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.7rem;
    margin: 0 0 0.28rem;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.pro-reviews-hero h1 {
    margin: 0 0 0.32rem;
    font-size: clamp(1.45rem, 2.2vw, 2.1rem);
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.pro-reviews-hero p {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    max-width: 56ch;
}

.pro-reviews-filters {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
    position: relative;
    z-index: 1;
    padding-left: 1rem;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.pro-reviews-filters a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0.35rem 0.78rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

.pro-reviews-filters a:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.14);
}

.pro-reviews-filters a.is-active {
    background: var(--bg-blue);
    border-color: rgba(255, 255, 255, 0.35);
}

/* Recent articles header aligned with review hero */
.editorial-hero-heading {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1.12rem 1.2rem;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: linear-gradient(128deg, var(--theme-surface-deep) 0%, var(--bg-dark) 45%, var(--bg-blue) 100%);
    color: #fff;
    min-height: 132px;
}

.editorial-hero-heading::before {
    content: "";
    position: absolute;
    inset: -70% auto auto -18%;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.recent-heading-main {
    position: relative;
    z-index: 1;
}

.recent-heading-main > span,
.recent-heading-kicker {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.7rem;
    margin: 0 0 0.3rem;
    display: inline-block;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 700;
}

.recent-heading-main h2 {
    margin: 0 0 0.32rem;
    color: #fff;
    font-size: clamp(1.45rem, 2.2vw, 2.1rem);
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.editorial-hero-heading h1 {
    margin: 0 0 0.32rem;
    color: #fff;
    font-size: clamp(1.45rem, 2.2vw, 2.1rem);
    line-height: 1.1;
    letter-spacing: -0.01em;
}

.recent-heading-main p {
    color: rgba(255, 255, 255, 0.9);
    max-width: 56ch;
}

.recent-heading-cta {
    position: relative;
    z-index: 1;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.recent-heading-cta:hover {
    background: rgba(255, 255, 255, 0.14);
}

/* Front recent articles header */
.news-section .p4g-home-news-heading {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.65rem;
    margin-bottom: 1rem;
    min-width: 0;
}

.news-main > .p4g-home-news-heading {
    margin-bottom: 0;
}

.news-section .p4g-home-news-heading__title {
    flex: 0 1 auto;
    min-width: 0;
}

.news-section .p4g-home-news-heading__line {
    flex: 1 1 auto;
    width: auto;
    min-width: 0.75rem;
    max-width: none;
    height: 3px;
}

.news-section .p4g-home-news-heading__more {
    flex: 0 0 auto;
}

.news-section .p4g-home-news-heading .p4g-news-layout-btn.is-active {
    color: #fff;
    background: linear-gradient(180deg, var(--bg-blue), var(--bg-accent));
}

.search-page-header {
    margin-bottom: 1rem;
}

.category-mag-hero {
    margin-bottom: 1rem;
}

/* Rubrique (catégories articles) : description sur toute la largeur du bandeau si pas de 2e colonne (onglets / filtres). */
.category-mag-hero.editorial-hero-heading .recent-heading-main {
    min-width: 0;
}

.category-mag-hero.editorial-hero-heading .recent-heading-main:only-child {
    flex: 1 1 100%;
    max-width: none;
}

.category-mag-hero.editorial-hero-heading .recent-heading-main:only-child p {
    max-width: none;
}

.category-mag-hero.editorial-hero-heading .recent-heading-main:not(:only-child) {
    flex: 1 1 0;
}

.category-mag-hero.editorial-hero-heading > :not(.recent-heading-main) {
    flex-shrink: 0;
}

.pro-review-featured {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    margin-bottom: 1.1rem;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 14px;
    overflow: visible;
    box-shadow: 0 10px 24px rgba(15, 25, 43, 0.08);
    position: relative;
}

.pro-review-featured-media {
    position: relative;
    padding: 0.85rem 0 0.85rem 0.85rem;
}

.pro-review-featured-thumb.home-critique-thumb {
    width: 148px;
    height: 186px;
    display: block;
}

.pro-review-featured-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.pro-review-featured-body {
    padding: 0.95rem 1rem;
    padding-right: 2.75rem;
    display: grid;
    align-content: start;
}

.pro-review-featured-label {
    display: inline-flex;
    width: fit-content;
    margin: 0 0 0.5rem;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.14);
    color: #123865;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.pro-review-featured-body h2 {
    margin: 0 0 0.55rem;
    font-size: clamp(1.2rem, 1.9vw, 1.7rem);
}

.pro-review-featured-body p {
    margin: 0 0 0.72rem;
    color: #51647c;
}

.pro-review-featured-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    margin-bottom: 0.6rem;
}

.pro-review-featured .pro-review-featured-meta > .game-sheet-platform-icons,
.pro-review-featured .pro-review-featured-meta > .pro-review-platform {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    z-index: 4;
    margin: 0;
    justify-content: flex-end;
}

.pro-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

/* Cartes liste archive : même logique que le bloc Critiques (jaquette + note) */
.pro-review-card {
    background: #fff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 6px 16px rgba(15, 25, 43, 0.06);
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: start;
    padding: 0.75rem;
    position: relative;
}

.pro-review-media {
    position: relative;
}

.pro-review-thumb-link.home-critique-thumb {
    display: block;
}

.pro-review-thumb-link .pro-review-thumb-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: rgba(8, 14, 29, 0.85);
    color: rgba(232, 241, 255, 0.92);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 0.35rem;
}

/* Pages dédiées (tests jeux / matériel / avis pro) : ancienne mise en page bannière */
.pro-review-thumb {
    display: block;
    aspect-ratio: 21 / 10;
    background: #dce6f0;
    position: relative;
    overflow: hidden;
}

.pro-review-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pro-review-thumb-fallback {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #4f5f73;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.pro-review-body {
    padding: 0.78rem 0.82rem 0.85rem;
}

.pro-review-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.55rem;
}

.pro-review-card .pro-review-top {
    position: absolute;
    top: 0.65rem;
    right: 0.65rem;
    z-index: 4;
    margin: 0;
    justify-content: flex-end;
}

.pro-review-card .pro-review-body {
    padding-right: 2.65rem;
}

.pro-review-rating {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff6a3d, #f9b233);
    color: #171b25;
    font-weight: 700;
}

.pro-review-image-score {
    position: absolute;
    right: 0.62rem;
    bottom: 0.62rem;
    width: 52px;
    height: 52px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
    border: 3px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}

.pro-review-image-score.is-high {
    background: #1faa5c;
}

.pro-review-image-score.is-mid {
    background: #f5a623;
}

.pro-review-image-score.is-low {
    background: #dd4b39;
}

.pro-review-platform {
    opacity: 0.9;
    font-size: 0.8rem;
    color: #49586d;
}

.pro-review-body h2 {
    margin: 0 0 0.45rem;
    font-size: 1.08rem;
    line-height: 1.35;
}

.pro-review-body p {
    margin: 0 0 0.52rem;
    color: var(--muted-text, #56463f);
}

.pro-review-meta {
    margin-bottom: 0.5rem;
    color: #677b92;
    font-size: 0.82rem;
}

.pro-review-link {
    font-weight: 600;
    color: var(--text-accent, var(--link-color));
}

/* Cartes liste (fond clair) : titres toujours lisibles, y compris en theme-dark */
.pro-review-card .pro-review-body h2 a,
.pro-review-card .pro-review-body h3 a {
    color: #0f172a;
    text-decoration: none;
}

.pro-review-card .pro-review-body h2 a:hover,
.pro-review-card .pro-review-body h3 a:hover {
    color: var(--text-accent, var(--link-color));
}

body.theme-dark .pro-review-card .pro-review-body h2 a,
body.theme-dark .pro-review-card .pro-review-body h3 a {
    color: #0f172a;
}

body.theme-dark .pro-review-card .pro-review-body h2 a:hover,
body.theme-dark .pro-review-card .pro-review-body h3 a:hover {
    color: var(--text-accent, var(--link-color));
}

.pro-reviews-pagination {
    margin-top: 1.1rem;
}

.pro-reviews-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.pro-reviews-pagination a,
.pro-reviews-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    padding: 0.35rem 0.7rem;
    border-radius: 10px;
    border: 1px solid rgba(20, 89, 130, 0.18);
    background: #fff;
    color: var(--text-accent, var(--link-color));
    font-weight: 600;
    box-shadow: 0 6px 16px rgba(17, 24, 39, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.pro-reviews-pagination a:hover,
.pro-reviews-pagination a:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(30, 115, 190, 0.45);
    box-shadow: 0 10px 22px rgba(30, 115, 190, 0.2);
    outline: none;
}

.pro-reviews-pagination .current {
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(16, 86, 156, 0.28);
}

@media (max-width: 980px) {
    .pro-reviews-hero {
        grid-template-columns: 1fr;
        align-items: start;
        min-height: 0;
    }

    .recent-articles-heading,
    .editorial-hero-heading {
        min-height: 0;
    }

    .pro-reviews-filters {
        justify-content: flex-start;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 0.7rem;
    }

    .pro-review-featured {
        grid-template-columns: 1fr;
    }

    .pro-review-featured-media {
        display: flex;
        justify-content: center;
        padding: 0.85rem 0.85rem 0;
    }

    .pro-review-featured-thumb.home-critique-thumb {
        width: min(148px, 42vw);
        height: calc(min(148px, 42vw) * (140 / 112));
    }

    .pro-reviews-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .pro-reviews-grid {
        grid-template-columns: 1fr;
    }

    .pro-review-card {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 0.65rem;
        padding: 0.65rem;
    }
}

/* Global responsive pass */
img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 1280px) {
    .hero-fullpage-inner,
    .news-grid,
    .home-critiques-inner,
    .home-releases-inner,
    .releases-page-grid,
    .single-review-page {
        max-width: 100%;
    }
}

@media (max-width: 980px) {
    /*
     * overflow-x: hidden sur body casse position:sticky du header (Safari / Chrome mobile).
     * clip supprime le scroll horizontal sans créer le même conteneur de défilement.
     */
    html,
    body {
        max-width: 100%;
        overflow-x: clip;
    }

    .header-topbar {
        gap: 0.5rem;
    }

    .header-right .social-links {
        display: none;
    }

    .category-menu > li > .sub-menu,
    .category-menu > li.mega-menu > .sub-menu {
        position: fixed;
        left: 1rem;
        right: 1rem;
        top: auto;
        transform: translateY(0);
    }

    .news-grid {
        grid-template-columns: 1fr !important;
    }

    .hero-article-module {
        grid-template-columns: 1fr !important;
    }

    .cards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-critiques-inner {
        padding: 0.85rem;
    }
}

@media (max-width: 680px) {
    .header-brand .custom-logo,
    .header-brand .site-logo-link--dual .site-logo-image,
    .header-brand .site-logo-link--switchable .site-logo-image--switchable {
        max-height: 34px;
        width: auto;
    }

    .header-brand .site-logo-link--switchable {
        height: 34px;
    }

    .cards-grid,
    .home-critique-grid,
    .releases-page-grid {
        grid-template-columns: 1fr;
    }

    .post-card,
    .home-critique-card,
    .release-page-card {
        border-radius: 10px;
    }

    .single-review-page,
    .releases-page,
    .home-critiques-section,
    .home-releases-section {
        padding-left: 0.65rem;
        padding-right: 0.65rem;
    }

    .site-main {
        overflow-x: clip;
    }

    /* Home hero mobile: avoid text clipping/overlap */
    .hero-article-module {
        gap: 0.9rem;
    }

    .hero-article-module {
        --hero-main-height: 360px;
        --hero-side-row-height: 155px;
    }

    .hero-main-card {
        height: var(--hero-main-height, 360px);
        min-height: var(--hero-main-height, 360px);
        max-height: var(--hero-main-height, 360px);
        border-radius: 18px;
    }

    .hero-side-grid {
        gap: 0.7rem;
        padding: 0;
        height: auto;
        min-height: 0;
        max-height: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, var(--hero-side-row-height, 155px)));
    }

    .hero-side-card {
        width: 100%;
        height: 100%;
        min-height: var(--hero-side-row-height, 155px);
        border-radius: 14px;
    }

    .hero-main-meta,
    .hero-side-meta {
        z-index: 2;
        padding: 0.75rem;
    }

    .hero-main-meta h1 {
        font-size: 1.02rem;
        line-height: 1.18;
        margin: 0 0 0.45rem;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hero-main-meta p {
        margin: 0;
        font-size: 0.86rem;
        line-height: 1.34;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hero-side-meta .hero-side-title {
        font-size: 0.88rem;
        line-height: 1.2;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* Search panel + Font Awesome icon integration */
.header-right .social-links a,
.footer-social a {
    font-size: 0.92rem;
}

.search-toggle i,
.header-right .social-links i,
.footer-social i {
    pointer-events: none;
}

.header-search-panel {
    position: fixed;
    inset: 0;
    background: rgba(7, 21, 35, 0.58);
    z-index: 250;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 90px 1rem 1rem;
}

.header-search-panel.is-open {
    display: flex;
}

.header-search-panel-inner {
    width: min(920px, 100%);
    background: #ffffff;
    border: 1px solid rgba(20, 89, 130, 0.18);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(8, 14, 29, 0.24);
    padding: 0.8rem;
}

.header-search-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.6rem;
    align-items: center;
}

.header-search-input {
    width: 100%;
    border: 1px solid rgba(20, 89, 130, 0.23);
    border-radius: 10px;
    min-height: 46px;
    padding: 0 0.9rem;
    font-size: 1rem;
    color: var(--bg-dark);
}

.header-search-input:focus {
    outline: none;
    border-color: rgba(30, 115, 190, 0.66);
    box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.14);
}

.header-search-submit {
    min-height: 46px;
    min-width: 46px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    cursor: pointer;
}

.header-search-submit:hover {
    filter: brightness(1.05);
}

@media (max-width: 680px) {
    .header-search-panel {
        padding-top: 72px;
    }

    .header-search-panel-inner {
        border-radius: 12px;
        padding: 0.65rem;
    }

    .header-search-input {
        min-height: 42px;
        font-size: 0.95rem;
    }

    .header-search-submit {
        min-height: 42px;
        min-width: 42px;
    }
}

/* Search results page */
.search-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 1.1rem 1rem 2rem;
}

.search-page-header h1 {
    margin: 0;
}

.search-page-header p {
    margin: 0.35rem 0 0;
    color: rgba(255, 255, 255, 0.9);
}

.search-results-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.search-result-card {
    background: #fff;
    border: 1px solid rgba(20, 89, 130, 0.15);
    border-radius: 12px;
    overflow: hidden;
}

.search-result-thumb {
    display: block;
    aspect-ratio: 16 / 9;
    background: #0f172a;
}

.search-result-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-result-body {
    padding: 0.8rem;
}

.search-result-type {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    border: 1px solid rgba(20, 89, 130, 0.2);
    font-size: 0.72rem;
    color: var(--text-accent, var(--link-color));
}

.search-result-body h2 {
    margin: 0.5rem 0 0.35rem;
    font-size: 1.05rem;
}

.search-result-body p {
    margin: 0;
    color: rgba(14, 32, 56, 0.74);
}

.search-result-link {
    margin-top: 0.5rem;
    display: inline-block;
}

.search-pagination {
    margin-top: 1rem;
}

@media (max-width: 820px) {
    .search-results-grid {
        grid-template-columns: 1fr;
    }
}

/* Category magazine page */
.category-mag-page {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 1rem 2.5rem;
}

.category-mag-hero {
    margin-bottom: 1rem;
}

.category-mag-hero-inner {
    background: var(--theme-gradient-hero);
    border-radius: 16px;
    padding: 1.2rem;
    color: #fff;
}

.category-mag-kicker {
    font-size: 0.76rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    opacity: 0.82;
}

.category-mag-hero h1 {
    margin: 0;
    color: #fff;
}

.category-mag-hero p {
    margin: 0.35rem 0 0;
    color: rgba(255, 255, 255, 0.9);
}

.category-featured-card {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 1rem;
    background: #fff;
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 14px;
    overflow: hidden;
}

.category-featured-thumb {
    background: #0f172a;
    min-height: 320px;
}

.category-featured-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-featured-body {
    padding: 1rem;
}

.category-featured-date {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--muted-text, #56463f);
}

.category-featured-body h2 {
    margin: 0.45rem 0 0.55rem;
}

.category-featured-body p {
    margin: 0;
    color: rgba(14, 32, 56, 0.78);
}

.category-featured-link {
    margin-top: 0.7rem;
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    padding: 0.35rem 0.8rem;
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.category-mag-content {
    margin-top: 1rem;
}

.category-mag-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.9rem;
}

.category-mag-card {
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.category-mag-card-thumb {
    display: block;
    aspect-ratio: 16 / 10;
    background: #0f172a;
}

.category-mag-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.category-mag-card-body {
    padding: 0.75rem;
}

.category-mag-card-date {
    font-size: 0.72rem;
    color: var(--muted-text, #56463f);
}

.category-mag-card-body .post-views {
    font-size: 0.72rem;
    font-weight: 400;
    color: var(--muted-text, #56463f);
}

.category-mag-card-body .post-views i {
    color: currentColor;
    opacity: 0.92;
}

.category-featured-body .post-views {
    font-size: 0.75rem;
    letter-spacing: 0.06em;
    font-weight: 400;
    color: var(--muted-text, #56463f);
}

.category-featured-body .post-views i {
    color: currentColor;
    opacity: 0.92;
}

.category-mag-card-body h3 {
    margin: 0.35rem 0;
    font-size: 1rem;
}

.category-mag-card-body p {
    margin: 0;
    color: rgba(14, 32, 56, 0.74);
    font-size: 0.92rem;
}

.category-mag-pagination {
    margin-top: 1rem;
}

.category-mag-empty {
    background: #fff;
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 12px;
    padding: 1rem;
}

body.theme-dark .category-mag-card,
body.theme-dark .category-featured-card,
body.theme-dark .category-mag-empty {
    background: var(--surface-card);
    border-color: rgba(255, 255, 255, 0.1);
    color: var(--text-dark);
}

body.theme-dark .category-mag-card-body h3,
body.theme-dark .category-mag-card-body h3 a,
body.theme-dark .category-featured-body h2,
body.theme-dark .category-featured-body h2 a {
    color: var(--text-dark);
}

body.theme-dark .category-mag-card-date,
body.theme-dark .category-mag-card-body p,
body.theme-dark .category-featured-date,
body.theme-dark .category-featured-body p,
body.theme-dark .category-mag-card-body .post-views,
body.theme-dark .category-featured-body .post-views,
body.theme-dark .category-mag-empty {
    color: var(--muted-text);
}

body.theme-dark .category-mag-card-body .post-read-more,
body.theme-dark .category-mag-card-body a.post-read-more {
    color: color-mix(in srgb, var(--bg-blue) 65%, var(--text-dark));
}

body.theme-dark .category-mag-card-body .post-read-more:hover,
body.theme-dark .category-mag-card-body a.post-read-more:hover {
    color: var(--text-dark);
}

body.theme-dark .editorial-hero-heading .post-category.category-mag-hero-badge,
body.theme-dark .editorial-hero-heading .post-category.hero-label,
body.theme-dark .editorial-hero-heading .post-category.hero-side-label {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.38) !important;
    box-shadow: none !important;
}

body.theme-dark .editorial-hero-heading .post-category .post-category-label,
body.theme-dark .editorial-hero-heading .post-category a {
    color: #ffffff !important;
}

body.theme-dark .post-card .post-category,
body.theme-dark .category-mag-card-body .post-category {
    background: color-mix(in srgb, var(--bg-blue) 16%, var(--surface-panel));
    color: var(--text-dark);
    border-color: color-mix(in srgb, var(--text-dark) 28%, transparent);
}
/* play4geek-theme-dark */
/**
 * Play4Geek — mode sombre (cartographie globale).
 * Variables : play4geek_get_theme_dark_css_block() + style.css :root body.theme-dark.
 */

/* —— Enveloppe & typographie —— */
body.theme-dark,
body.theme-dark .site-main {
    color: var(--text-dark);
}

body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark h6 {
    color: var(--text-dark);
}

body.theme-dark p,
body.theme-dark li,
body.theme-dark dd,
body.theme-dark dt,
body.theme-dark label,
body.theme-dark figcaption {
    color: inherit;
}

body.theme-dark a:not(.btn):not(.btn-primary):not([class*="button"]):not(.post-category):not(.post-game-tag):not(.member-og-card):not(.member-article-teaser-more) {
    color: var(--link-color);
}

body.theme-dark a:not(.btn):not(.btn-primary):hover,
body.theme-dark a:not(.btn):not(.btn-primary):focus-visible {
    color: var(--link-hover-color);
}

body.theme-dark a.member-og-card:not(.btn):hover,
body.theme-dark a.member-og-card:not(.btn):focus-visible {
    color: var(--text-dark);
}

/* Liens dans zones à fond sombre (header, footer, hero) : texte clair */
body.theme-dark .site-header a:not(.btn):not(.btn-primary),
body.theme-dark .site-footer a:not(.btn):not(.btn-primary),
body.theme-dark .header-secondary a:not(.btn):not(.btn-primary),
body.theme-dark .hero-fullpage a:not(.btn):not(.btn-primary),
body.theme-dark .home-critiques-inner a:not(.btn):not(.btn-primary),
body.theme-dark .sidebar-newsletter a:not(.btn):not(.btn-primary) {
    color: var(--text-light);
}

body.theme-dark .site-header a:not(.btn):not(.btn-primary):hover,
body.theme-dark .site-footer a:not(.btn):not(.btn-primary):hover,
body.theme-dark .header-secondary a:not(.btn):not(.btn-primary):hover {
    color: #ffffff;
}

body.theme-dark .site-header .header-notifications-menu,
body.theme-dark .site-header .header-notifications-menu strong,
body.theme-dark .site-header .header-notifications-menu a:not(.btn):not(.btn-primary),
body.theme-dark .site-header .header-notifications-menu a.header-notification-item,
body.theme-dark .site-header .header-notifications-menu a.header-notification-link,
body.theme-dark .site-header .header-notifications-menu a.header-notification-item span,
body.theme-dark .site-header .header-notifications-menu a.header-notification-link span {
    color: #111827;
}

body.theme-dark .site-header .header-notifications-menu a.header-notification-item:hover,
body.theme-dark .site-header .header-notifications-menu a.header-notification-item:focus-visible,
body.theme-dark .site-header .header-notifications-menu a.header-notification-link:hover,
body.theme-dark .site-header .header-notifications-menu a.header-notification-link:focus-visible {
    color: #111827;
}

body.theme-dark .site-header .header-notifications-menu .header-notification-item small,
body.theme-dark .site-header .header-notifications-menu a.header-notification-item time,
body.theme-dark .site-header .header-notifications-menu a.header-notification-link time {
    color: #4b5563;
}

/* —— Header (plus de bandeau marron/orange) —— */
body.theme-dark .site-header,
body.theme-dark .header-topbar {
    background: var(--header-topbar-bg);
    color: var(--text-light);
    border-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .header-secondary {
    background: var(--header-secondary-bg);
    color: var(--text-light);
}

body.theme-dark .header-topbar .topbar-menu > li > a,
body.theme-dark .header-secondary .category-menu > li > a,
body.theme-dark .header-secondary .category-menu a,
body.theme-dark .header-tendances-shortcut a {
    color: #e8f1ff;
    background: rgba(255, 255, 255, 0.1);
}

body.theme-dark .header-topbar .topbar-menu > li > a:hover,
body.theme-dark .header-secondary .category-menu > li > a:hover,
body.theme-dark .header-secondary .category-menu a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.18);
}

body.theme-dark .menu-toggle,
body.theme-dark .search-toggle,
body.theme-dark .theme-toggle,
body.theme-dark .drawer-close,
body.theme-dark .header-search-input,
body.theme-dark .logo-text {
    color: var(--text-light);
    border-color: rgba(255, 255, 255, 0.2);
}

body.theme-dark .header-search-panel {
    background: var(--surface-panel);
    border-color: var(--border-color);
}

body.theme-dark .header-search-panel,
body.theme-dark .header-search-panel input,
body.theme-dark .header-search-panel label {
    color: var(--text-dark);
}

body.theme-dark .category-menu .sub-menu,
body.theme-dark .topbar-menu .sub-menu {
    background: rgba(10, 22, 38, 0.48);
    background: color-mix(in srgb, var(--header-submenu-bg) 50%, transparent);
    backdrop-filter: blur(22px) saturate(168%);
    -webkit-backdrop-filter: blur(22px) saturate(168%);
    border-color: rgba(255, 255, 255, 0.2);
}

body.theme-dark .category-menu .sub-menu li a,
body.theme-dark .topbar-menu .sub-menu li a {
    color: var(--header-submenu-text);
}

body.theme-dark .category-menu .sub-menu li a:hover,
body.theme-dark .topbar-menu .sub-menu li a:hover {
    color: var(--header-submenu-hover);
}

/* —— Footer —— */
body.theme-dark .site-footer {
    background: var(--footer-bg);
    color: var(--footer-text);
    border-top-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .footer-links a,
body.theme-dark .footer-description,
body.theme-dark .footer-social-col h4,
body.theme-dark .footer-bottom,
body.theme-dark .footer-bottom p,
body.theme-dark .footer-legal-links a,
body.theme-dark .footer-column h3,
body.theme-dark .footer-column h4 {
    color: var(--footer-text);
}

body.theme-dark .footer-social a {
    color: var(--footer-text);
    border-color: rgba(255, 255, 255, 0.28);
}

body.theme-dark .footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.12);
}

/* —— Barre tendances footer (alignée sur header-secondary) —— */
body.theme-dark .footer-tendances-band {
    background: var(--footer-tendances-bg, var(--header-secondary-bg));
    border-top-color: rgba(255, 255, 255, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.28);
}

body.theme-dark .footer-tendances-pill,
body.theme-dark .footer-tendances-pill.is-title,
body.theme-dark .footer-tendances-menu a {
    color: var(--footer-tendances-text, #e8f1ff);
    background: rgba(255, 255, 255, 0.1);
}

body.theme-dark .footer-tendances-pill.is-title {
    background: transparent;
    border-bottom-color: rgba(255, 255, 255, 0.55);
}

body.theme-dark .footer-tendances-menu a:hover,
body.theme-dark .footer-tendances-pill.is-title:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.18);
}

body.theme-dark .footer-tendances-pill.is-title:hover {
    background: transparent;
}

/* —— Cartes & listes —— */
body.theme-dark .post-card,
body.theme-dark .category-mag-card,
body.theme-dark .category-featured-card,
body.theme-dark .search-result-card,
body.theme-dark .game-directory-card,
body.theme-dark .game-sheet-news-card,
body.theme-dark .game-related-card,
body.theme-dark .game-featured-test-card,
body.theme-dark .game-term-post-card,
body.theme-dark .release-page-card,
body.theme-dark .pro-review-card,
body.theme-dark .single-article,
body.theme-dark .single-review-content,
body.theme-dark .single-review-summary,
body.theme-dark .legal-page-content,
body.theme-dark .page-standard-content,
body.theme-dark .contact-page-card {
    background: var(--surface-card);
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark .post-card h2 a,
body.theme-dark .post-card h3 a,
body.theme-dark .category-mag-card-body h3 a,
body.theme-dark .category-featured-body h2 a,
body.theme-dark .search-result-card h3 a,
body.theme-dark .pro-review-card .pro-review-body h2 a,
body.theme-dark .pro-review-card .pro-review-body h3 a {
    color: var(--text-dark);
}

body.theme-dark .post-card h2 a:hover,
body.theme-dark .post-card h3 a:hover,
body.theme-dark .category-mag-card-body h3 a:hover,
body.theme-dark .category-featured-body h2 a:hover {
    color: var(--link-hover-color);
}

body.theme-dark .section-subtitle,
body.theme-dark .post-card p,
body.theme-dark .post-card-meta,
body.theme-dark .category-mag-card-date,
body.theme-dark .category-mag-card-body p,
body.theme-dark .search-result-body p {
    color: var(--muted-text);
}

body.theme-dark .home-releases-inner,
body.theme-dark .home-community-posts-inner,
body.theme-dark .game-community-inner,
body.theme-dark .game-sheet-overview-grid,
body.theme-dark .game-tabs-content,
body.theme-dark .category-featured-card .category-featured-inner {
    background: var(--surface-panel);
    border-color: var(--border-color);
}

/* —— Contenu éditorial —— */
body.theme-dark .single-article-content,
body.theme-dark .page-standard-content,
body.theme-dark .legal-page-content,
body.theme-dark .game-sheet-description,
body.theme-dark .single-review-body {
    color: var(--text-dark);
}

body.theme-dark .single-article-content a,
body.theme-dark .page-standard-content a,
body.theme-dark .legal-page-content a,
body.theme-dark .game-sheet-description a,
body.theme-dark .single-review-body a {
    color: var(--link-color);
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

body.theme-dark .single-article-content .article-game-embed-card a.article-game-embed-card__cover-link,
body.theme-dark .single-review-content .article-game-embed-card a.article-game-embed-card__cover-link,
body.theme-dark .single-article-content .article-game-embed-card a.article-game-embed-card__cta,
body.theme-dark .single-review-content .article-game-embed-card a.article-game-embed-card__cta {
    text-decoration: none;
}

body.theme-dark .single-article-content .article-game-embed-card__panel,
body.theme-dark .single-review-content .article-game-embed-card__panel {
    color: #f2f7ff;
}

body.theme-dark .single-article-content a:hover,
body.theme-dark .page-standard-content a:hover,
body.theme-dark .legal-page-content a:hover {
    color: var(--link-hover-color);
}

body.theme-dark .single-article-content blockquote,
body.theme-dark .page-standard-content blockquote {
    border-left-color: var(--border-color);
    color: var(--muted-text);
}

/* —— Barre meta auteur / stats (articles) —— */
body.theme-dark .article-meta-bar {
    background: var(--surface-panel);
    border-color: var(--border-color);
}

body.theme-dark .article-meta-bar .author-name,
body.theme-dark .article-meta-bar .author-name a {
    color: var(--text-dark);
}

body.theme-dark .article-meta-bar .author-name a {
    color: var(--link-color);
}

body.theme-dark .article-meta-bar .author-name a:hover {
    color: var(--link-hover-color);
}

body.theme-dark .article-meta-bar .article-stats,
body.theme-dark .article-meta-bar .stat-item {
    color: var(--muted-text);
}

body.theme-dark .article-meta-bar .stat-separator {
    color: var(--border-color);
}

body.theme-dark .article-meta-bar .author-avatar {
    background: var(--surface-card);
    border-color: var(--bg-blue);
}

body.theme-dark .article-meta-bar .share-icon {
    background: var(--surface-card);
    color: var(--text-dark);
    border-color: var(--border-color);
}

body.theme-dark .article-meta-bar .share-icon:hover {
    border-color: var(--link-color);
    color: var(--link-color);
}

body.theme-dark .single-article-excerpt {
    color: var(--muted-text);
}

/* —— Fiches jeu —— */
body.theme-dark .game-term-page {
    background: var(--bg-light);
}

body.theme-dark .game-sheet-hero,
body.theme-dark .game-sheet-header,
body.theme-dark .game-featured-test,
body.theme-dark .game-sidebar-card {
    color: var(--text-dark);
}

body.theme-dark .game-sheet-collection-social {
    border-color: color-mix(in srgb, var(--link-color) 24%, transparent);
    background: linear-gradient(145deg, color-mix(in srgb, var(--bg-light) 92%, #000), color-mix(in srgb, var(--link-color) 10%, var(--bg-light)));
}

body.theme-dark .game-sheet-collection-social-count {
    color: var(--text-dark);
}

body.theme-dark .game-sheet-collection-social-caption {
    color: var(--muted-text);
}

body.theme-dark .game-sheet-collection-social-avatar {
    border-color: color-mix(in srgb, var(--bg-light) 88%, #000);
}

body.theme-dark .game-sheet-collection-social-more {
    border-color: color-mix(in srgb, var(--bg-light) 88%, #000);
    background: color-mix(in srgb, var(--link-color) 42%, transparent);
    color: var(--text-dark);
}

body.theme-dark .game-featured-test-card,
body.theme-dark .game-sheet-news-card,
body.theme-dark .game-related-card,
body.theme-dark .game-term-page .reviews-column,
body.theme-dark .game-term-page .review-item,
body.theme-dark .game-term-page .submit-review-section,
body.theme-dark .game-term-page .game-tabs-content,
body.theme-dark .game-term-page .game-term-hero-grid {
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
}

body.theme-dark .game-sheet-link--site {
    color: var(--link-color);
    border-color: color-mix(in srgb, var(--link-color) 40%, transparent);
    background: color-mix(in srgb, var(--link-color) 12%, transparent);
}

body.theme-dark .game-sheet-link--site:hover {
    color: var(--link-hover-color);
    background: color-mix(in srgb, var(--link-color) 20%, transparent);
}

body.theme-dark .game-collection-modal__dialog {
    background: linear-gradient(165deg, var(--surface-card) 0%, var(--surface-panel) 100%);
    border-color: var(--border-color);
}

body.theme-dark .game-collection-modal__hero-text h2,
body.theme-dark .game-collection-modal__platform-label {
    color: var(--text-dark);
}

body.theme-dark .game-collection-modal__platform {
    background: var(--surface-panel);
    border-color: var(--border-color);
}

body.theme-dark .game-collection-modal__close {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-dark);
}

body.theme-dark .game-sheet-description p,
body.theme-dark .game-term-page .review-excerpt,
body.theme-dark .game-term-page .review-author-info,
body.theme-dark .game-term-page .review-form-header p,
body.theme-dark .game-term-page .review-form-note,
body.theme-dark .user-review-images-help,
body.theme-dark .no-reviews-message,
body.theme-dark .login-to-review,
body.theme-dark .no-posts-message {
    color: var(--muted-text);
}

body.theme-dark .user-review-editor-toolbar,
body.theme-dark .user-review-inline-image {
    background: var(--surface-panel);
    border-color: var(--border-color);
}

body.theme-dark .user-review-editor {
    background: var(--surface-card);
    color: var(--text-dark);
    border-color: var(--border-color);
}

body.theme-dark .user-review-editor-btn {
    color: var(--text-dark);
}

body.theme-dark .user-review-editor-btn:hover,
body.theme-dark .user-review-editor-btn:focus-visible {
    color: var(--link-color);
}

body.theme-dark .game-term-page .reviews-column-title,
body.theme-dark .game-term-page .review-type {
    color: var(--text-dark);
}

body.theme-dark .game-sheet-news-content h3 a,
body.theme-dark .game-term-page .review-header h3 a {
    color: var(--text-dark);
}

body.theme-dark .game-sheet-news-content h3 a:hover,
body.theme-dark .game-term-page .review-header h3 a:hover,
body.theme-dark .game-related-link:hover h4 {
    color: var(--link-hover-color);
}

body.theme-dark .game-related-link h4 {
    color: var(--text-dark);
}

body.theme-dark .game-term-page .review-rating {
    background: color-mix(in srgb, var(--link-color) 16%, transparent);
    color: var(--link-color);
}

body.theme-dark .game-term-media-featured h2,
body.theme-dark .game-term-media-featured h3,
body.theme-dark .game-term-reviews-section h2,
body.theme-dark .game-sheet-section-head h2 {
    color: var(--text-dark);
}

body.theme-dark .media-video-section h3 {
    color: var(--text-dark);
}

body.theme-dark .media-thumb .video-play-icon i {
    background: rgba(255, 255, 255, 0.94);
    color: var(--text-accent, var(--link-color));
}

body.theme-dark .media-video:hover .video-play-icon i,
body.theme-dark .media-video:focus-visible .video-play-icon i {
    background: var(--bg-accent, #145982);
    color: #fff;
}

body.theme-dark .media-video-card {
    background: var(--surface-card, #152238);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

body.theme-dark .media-video-card__caption {
    border-top-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
}

body.theme-dark .media-video-card__eyebrow {
    color: var(--link-color, #7ec0ff);
}

body.theme-dark .media-video .video-title-label {
    color: var(--text-dark, #f7f9fc);
}

/* —— Tests & critiques —— */
body.theme-dark .home-tests-section {
    --home-tests-surface: var(--reviews-block-bg);
    --home-tests-heading: var(--text-dark);
    --home-tests-tab: var(--muted-text);
    --home-tests-tab-hover: var(--text-dark);
    --home-tests-tab-active: var(--text-dark);
    --home-tests-tab-border: var(--bg-blue);
    --home-tests-empty: var(--muted-text);
    --home-tests-more-bg: var(--surface-card);
    --home-tests-more-text: var(--link-color);
    --home-tests-more-hover-bg: color-mix(in srgb, var(--link-color) 12%, var(--surface-card));
    --home-test-compact-bg: var(--reviews-card-bg);
    --home-test-compact-shadow: rgba(0, 0, 0, 0.28);
    background: var(--home-tests-surface);
}

body.theme-dark .home-test-compact-title a {
    color: var(--text-dark);
}

body.theme-dark .home-test-compact-title a:hover {
    color: var(--link-hover-color);
}

body.theme-dark .home-test-date {
    color: var(--muted-text);
}

body.theme-dark .home-test-stats {
    color: var(--muted-text);
}

body.theme-dark .home-test-featured-stats {
    color: rgba(255, 255, 255, 0.72);
}

html.theme-dark .home-tests-more-btn,
body.theme-dark .home-tests-more-btn {
    background: var(--surface-card) !important;
    color: var(--link-color) !important;
    border: 1px solid var(--border-color);
    box-shadow: none;
}

html.theme-dark .home-tests-more-btn:hover,
html.theme-dark .home-tests-more-btn:focus-visible,
body.theme-dark .home-tests-more-btn:hover,
body.theme-dark .home-tests-more-btn:focus-visible {
    background: color-mix(in srgb, var(--link-color) 12%, var(--surface-card)) !important;
    color: var(--link-hover-color) !important;
    filter: none;
}

body.theme-dark .home-tests-section .home-test-platform-badges .game-sheet-platform-icon.is-compact:not([style]) {
    border-color: var(--border-color);
    background: color-mix(in srgb, var(--bg-blue) 16%, transparent);
    color: var(--text-dark);
}

body.theme-dark .home-critiques-inner {
    background: var(--reviews-block-bg);
}

body.theme-dark .home-critique-card,
body.theme-dark .home-critique-column {
    background: var(--reviews-card-bg);
    color: var(--text-dark);
}

body.theme-dark .home-critique-card a {
    color: var(--text-light);
}

body.theme-dark .single-review-page .single-review-header .article-meta-bar,
body.theme-dark .single-review-page .single-review-header .single-article-excerpt {
    color: var(--muted-text);
}

body.theme-dark .single-review-cover-fallback,
body.theme-dark .single-review-cover-fallback h1,
body.theme-dark .single-review-cover-overlay,
body.theme-dark .single-review-cover-overlay h1 {
    color: #fff;
}

/* —— Formulaires —— */
body.theme-dark input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
body.theme-dark textarea,
body.theme-dark select {
    background: color-mix(in srgb, var(--surface-card) 88%, #000000 12%);
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark .member-ma-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
body.theme-dark .member-ma-dialog textarea,
body.theme-dark .member-place-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
body.theme-dark .member-life-event-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
body.theme-dark .member-life-event-dialog textarea,
body.theme-dark .member-poll-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
body.theme-dark .member-poll-dialog textarea {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--header-submenu-text, #e8f1ff);
}

/* —— Annuaire jeux : toolbar + recherche —— */
body.theme-dark .game-directory-page {
    background: transparent;
}

body.theme-dark .game-directory-kicker {
    background: color-mix(in srgb, var(--bg-blue) 18%, transparent);
    color: color-mix(in srgb, var(--bg-blue) 72%, var(--text-dark));
}

body.theme-dark .game-directory-page-title {
    color: var(--text-dark);
}

body.theme-dark .game-directory-description {
    color: var(--muted-text);
}

body.theme-dark .game-directory-search-panel {
    background: var(--surface-card);
    border-color: var(--border-color);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.22);
}

body.theme-dark .game-directory-search-title {
    color: color-mix(in srgb, var(--bg-blue) 75%, var(--text-dark));
}

body.theme-dark .game-directory-search-active {
    background: color-mix(in srgb, var(--bg-blue) 16%, transparent);
    border-color: color-mix(in srgb, var(--bg-blue) 32%, transparent);
    color: color-mix(in srgb, var(--bg-blue) 70%, var(--text-dark));
}

body.theme-dark .game-directory-search-field label {
    color: var(--muted-text);
}

body.theme-dark .game-directory-search-control {
    background: color-mix(in srgb, var(--surface-card) 92%, #000000 8%);
    border-color: var(--border-color);
    box-shadow: none;
}

body.theme-dark .game-directory-search-control:hover {
    border-color: color-mix(in srgb, var(--bg-blue) 38%, var(--border-color));
    background: color-mix(in srgb, var(--bg-blue) 8%, var(--surface-card));
}

body.theme-dark .game-directory-search-control:focus-within {
    border-color: color-mix(in srgb, var(--bg-blue) 55%, transparent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bg-blue) 22%, transparent);
    background: color-mix(in srgb, var(--surface-card) 96%, #000000 4%);
}

body.theme-dark .game-directory-search-control-icon {
    border-right-color: var(--border-color);
    background: color-mix(in srgb, var(--bg-blue) 12%, var(--surface-card));
    color: color-mix(in srgb, var(--bg-blue) 72%, var(--text-dark));
}

body.theme-dark .game-directory-search-control input,
body.theme-dark .game-directory-search-control select {
    background: transparent;
    border: 0;
    color: var(--text-dark);
}

body.theme-dark .game-directory-search-control--select .game-directory-search-select {
    color-scheme: dark;
}

body.theme-dark .game-directory-search-control--select .game-directory-search-select.is-empty,
body.theme-dark .game-directory-search-control--select:has(.game-directory-search-select option[value=""]:checked) .game-directory-search-select {
    color: var(--muted-text);
}

body.theme-dark .game-directory-search-control--select .game-directory-search-select:not(.is-empty),
body.theme-dark .game-directory-search-control--select:has(.game-directory-search-select option:checked:not([value=""])) .game-directory-search-select {
    color: var(--text-dark);
}

body.theme-dark .game-directory-search-control--select .game-directory-search-select option {
    background: var(--surface-card);
    color: var(--text-dark);
}

body.theme-dark .game-directory-search-chevron {
    border-left-color: var(--border-color);
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-blue) 16%, var(--surface-card)) 0%,
        color-mix(in srgb, var(--bg-blue) 8%, var(--surface-card)) 100%
    );
    color: color-mix(in srgb, var(--bg-blue) 75%, var(--text-dark));
}

body.theme-dark .game-directory-search-control--select:hover .game-directory-search-chevron {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--bg-blue) 22%, var(--surface-card)) 0%,
        color-mix(in srgb, var(--bg-blue) 14%, var(--surface-card)) 100%
    );
}

body.theme-dark .game-directory-search-control--select:focus-within .game-directory-search-chevron {
    background: color-mix(in srgb, var(--bg-blue) 20%, var(--surface-card));
    border-left-color: color-mix(in srgb, var(--bg-blue) 40%, var(--border-color));
    color: color-mix(in srgb, var(--bg-blue) 85%, #ffffff);
}

body.theme-dark .game-directory-search-control input::placeholder {
    color: var(--muted-text);
}

body.theme-dark .game-directory-search-actions {
    border-top-color: var(--border-color);
}

body.theme-dark .game-directory-search-submit {
    background: var(--button-bg, var(--bg-blue));
    border-color: color-mix(in srgb, var(--button-bg, var(--bg-blue)) 85%, #000);
    color: var(--button-text, var(--text-light));
    box-shadow: 0 6px 20px color-mix(in srgb, var(--bg-blue) 28%, transparent);
}

body.theme-dark .game-directory-search-submit:hover,
body.theme-dark .game-directory-search-submit:focus-visible {
    background: var(--button-hover-bg, var(--bg-accent));
    border-color: var(--button-hover-bg, var(--bg-accent));
    color: var(--button-text, var(--text-light));
}

body.theme-dark .game-directory-search-reset {
    background: color-mix(in srgb, var(--surface-card) 88%, #000000 12%);
    border-color: var(--border-color);
    color: color-mix(in srgb, var(--bg-blue) 65%, var(--text-dark));
}

body.theme-dark .game-directory-search-reset:hover {
    background: color-mix(in srgb, var(--bg-blue) 14%, var(--surface-card));
    border-color: color-mix(in srgb, var(--bg-blue) 35%, var(--border-color));
    color: var(--text-dark);
}

body.theme-dark .game-directory-filter {
    border-top-color: var(--border-color);
}

body.theme-dark .game-directory-count {
    color: var(--muted-text);
}

body.theme-dark .filter-link {
    background: color-mix(in srgb, var(--surface-card) 88%, #000000 12%);
    border-color: var(--border-color);
    color: color-mix(in srgb, var(--bg-blue) 62%, var(--text-dark));
}

body.theme-dark .filter-link:hover {
    background: color-mix(in srgb, var(--bg-blue) 14%, var(--surface-card));
    border-color: color-mix(in srgb, var(--bg-blue) 35%, var(--border-color));
    color: var(--text-dark);
}

body.theme-dark .filter-link.is-active {
    background: var(--button-bg, var(--bg-blue));
    border-color: var(--button-bg, var(--bg-blue));
    color: var(--button-text, var(--text-light));
}

body.theme-dark input::placeholder,
body.theme-dark textarea::placeholder {
    color: var(--muted-text);
}

body.theme-dark .member-auth-modal,
body.theme-dark .member-auth-modal-panel {
    background: var(--surface-panel);
    color: var(--text-dark);
}

body.theme-dark .member-auth-modal a {
    color: var(--link-color);
}

body.theme-dark .member-auth-tab {
    color: var(--muted-text);
}

body.theme-dark .member-auth-tab.is-active {
    color: var(--text-dark);
    border-color: var(--link-color);
}

/* —— Espace membre —— */
body.theme-dark .member-space-layout,
body.theme-dark .member-space-main,
body.theme-dark .member-space-sidebar,
body.theme-dark .member-public-profile,
body.theme-dark .member-public-tab-panel {
    color: var(--text-dark);
}

body.theme-dark .member-public-about-text,
body.theme-dark .member-public-about-empty,
body.theme-dark .member-about-console-showcase-label,
body.theme-dark .member-public-personal-card-meta,
body.theme-dark .member-public-personal-partner-status {
    color: var(--muted-text);
}

body.theme-dark .member-public-about-config,
body.theme-dark .member-about-handle-pill,
body.theme-dark .member-public-personal-card,
body.theme-dark .member-public-personal-partner-card {
    background: color-mix(in srgb, var(--surface-card) 94%, transparent);
    border-color: var(--border-color);
}

body.theme-dark .member-public-about-config h3,
body.theme-dark .member-public-about-config-sub,
body.theme-dark .member-about-handle-pill-label,
body.theme-dark .member-public-personal-card-label,
body.theme-dark .member-public-personal-partner-login,
body.theme-dark .member-pc-config-dl dt {
    color: color-mix(in srgb, var(--link-color) 78%, var(--text-dark));
}

body.theme-dark .member-about-handle-pill-value,
body.theme-dark .member-public-personal-card-value,
body.theme-dark .member-public-personal-partner-name,
body.theme-dark .member-pc-config-dl dd {
    color: var(--text-dark);
}

body.theme-dark .member-about-console-showcase-visual {
    background: color-mix(in srgb, var(--surface-card) 88%, var(--link-color) 8%);
    border-color: var(--border-color);
}

body.theme-dark .member-public-personal-card-icon {
    background: color-mix(in srgb, var(--link-color) 16%, transparent);
    color: var(--link-color);
}

body.theme-dark .member-public-personal-partner-avatar {
    border-color: var(--border-color);
    background: color-mix(in srgb, var(--surface-card) 90%, transparent);
}

body.theme-dark .member-public-personal-partner-link-icon {
    color: var(--muted-text);
}

body.theme-dark .member-space-sidebar,
body.theme-dark .member-space-nav,
body.theme-dark .member-public-sidebar-card,
body.theme-dark .member-space-card,
body.theme-dark .member-public-card {
    background: var(--surface-card);
    border-color: var(--border-color);
}

body.theme-dark .member-friend-requests {
    background: color-mix(in srgb, var(--surface-card) 90%, transparent);
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark .member-friend-requests h2,
body.theme-dark .member-friend-request-item span {
    color: var(--text-dark);
}

body.theme-dark .member-friend-request-item + .member-friend-request-item {
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.theme-dark .member-friend-request-item form button {
    border-color: var(--button-bg, var(--bg-blue));
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, #fff);
}

body.theme-dark .member-friend-request-item form button:hover {
    background: var(--button-hover-bg, var(--bg-accent));
    border-color: var(--button-hover-bg, var(--bg-accent));
    color: var(--button-text, #fff);
}

body.theme-dark .member-referral-board-title {
    color: var(--text-dark);
}

body.theme-dark .member-referral-board-row {
    background: color-mix(in srgb, var(--surface-card) 92%, transparent);
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark .member-referral-board-row.is-self {
    border-color: color-mix(in srgb, var(--bg-blue) 48%, transparent);
    background: color-mix(in srgb, var(--bg-blue) 14%, transparent);
}

body.theme-dark .member-referral-rank {
    color: color-mix(in srgb, var(--bg-blue) 72%, var(--text-dark));
}

body.theme-dark .member-referral-name {
    color: var(--text-dark);
}

body.theme-dark .member-referral-meta,
body.theme-dark .member-referral-hint {
    color: var(--muted-text);
}

body.theme-dark .member-referral-url-label {
    color: var(--text-dark);
}

body.theme-dark .member-referral-copy-btn {
    background: color-mix(in srgb, var(--bg-blue) 16%, transparent);
    border-color: color-mix(in srgb, var(--bg-blue) 38%, transparent);
    color: color-mix(in srgb, var(--bg-blue) 72%, var(--text-dark));
}

body.theme-dark .member-referral-copy-btn:hover {
    background: var(--button-bg, var(--bg-blue));
    border-color: var(--button-bg, var(--bg-blue));
    color: var(--button-text, #fff);
}

body.theme-dark .member-profile-review-row {
    background: var(--surface-card);
    border-color: var(--border-color);
}

body.theme-dark .member-profile-review-game {
    color: var(--text-dark);
}

body.theme-dark .member-profile-reviews-count,
body.theme-dark .member-profile-reviews-empty,
body.theme-dark .member-profile-review-date,
body.theme-dark .member-profile-discussions-count,
body.theme-dark .member-profile-discussions-empty,
body.theme-dark .member-profile-discussions-board,
body.theme-dark .member-profile-discussions-activity {
    color: var(--text-muted, rgba(226, 232, 240, 0.72));
}

body.theme-dark .member-profile-discussions-topic {
    color: var(--text-dark);
}

body.theme-dark .member-profile-discussions-row {
    background: rgba(15, 23, 42, 0.55);
    border-color: rgba(148, 163, 184, 0.22);
}

body.theme-dark .member-profile-discussions-score {
    background: rgba(148, 163, 184, 0.12);
    color: rgba(226, 232, 240, 0.82);
}

body.theme-dark .member-profile-discussions-role--reply {
    background: rgba(148, 163, 184, 0.14);
    color: rgba(226, 232, 240, 0.82);
}

body.theme-dark .member-space-nav h3 {
    color: var(--text-dark);
}

body.theme-dark .member-space-nav a,
body.theme-dark .member-nav-logout,
body.theme-dark .member-public-tabs a {
    color: var(--muted-text);
    border-color: var(--border-color);
    background: transparent;
}

body.theme-dark .member-space-nav a.is-active,
body.theme-dark .member-space-nav a:hover,
body.theme-dark .member-nav-logout:hover,
body.theme-dark .member-public-tabs a.is-active,
body.theme-dark .member-public-tabs a:hover {
    color: var(--link-color);
    border-color: color-mix(in srgb, var(--link-color) 38%, transparent);
    background: color-mix(in srgb, var(--link-color) 12%, transparent);
}

body.theme-dark .member-space-nav a.is-active {
    background: color-mix(in srgb, var(--link-color) 16%, transparent);
}

body.theme-dark .member-space-nav-icon {
    color: var(--link-color);
}

body.theme-dark .member-public-bio,
body.theme-dark .member-social-stat-label {
    color: var(--muted-text);
}

body.theme-dark .member-public-socials a {
    color: var(--link-color);
}

body.theme-dark .member-public-socials a:hover {
    color: var(--link-hover-color);
}

/* —— Citations partagées (fil membre) —— */
body.theme-dark .member-feed-shared-quote.hero-quote,
body.theme-dark .member-feed-card .member-feed-shared-quote.hero-quote {
    background: linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 94%, #ffffff 6%), var(--surface-panel));
    border-color: var(--border-color);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

body.theme-dark .member-feed-shared-quote .hero-quote-text {
    color: var(--text-dark);
}

body.theme-dark .member-feed-shared-quote .hero-quote-text::before,
body.theme-dark .member-feed-shared-quote .hero-quote-text::after {
    color: color-mix(in srgb, var(--link-color) 38%, transparent);
}

body.theme-dark .member-feed-shared-quote .hero-quote-author {
    color: var(--muted-text);
}

body.theme-dark .member-feed-shared-quote .hero-quote-author::before {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--link-color) 62%, transparent), transparent);
}

body.theme-dark .hero-quote {
    background: linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 94%, #ffffff 6%), var(--surface-panel));
    border-color: var(--border-color);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
}

body.theme-dark .hero-quote-text {
    color: var(--text-dark);
}

body.theme-dark .hero-quote-text::before,
body.theme-dark .hero-quote-text::after {
    color: color-mix(in srgb, var(--link-color) 38%, transparent);
}

body.theme-dark .hero-quote-author {
    color: var(--muted-text);
}

body.theme-dark .hero-quote-author::before {
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--link-color) 62%, transparent), transparent);
}

html.theme-dark .footer-quote-share-btn,
body.theme-dark .footer-quote-share-btn {
    background: color-mix(in srgb, var(--link-color) 12%, var(--surface-card)) !important;
    border-color: var(--border-color) !important;
    color: var(--text-dark) !important;
}

html.theme-dark .footer-quote-share-btn:hover,
html.theme-dark .footer-quote-share-btn:focus-visible,
body.theme-dark .footer-quote-share-btn:hover,
body.theme-dark .footer-quote-share-btn:focus-visible {
    background: color-mix(in srgb, var(--link-color) 20%, var(--surface-card)) !important;
    color: var(--link-hover-color) !important;
    border-color: color-mix(in srgb, var(--link-color) 34%, var(--border-color)) !important;
}

html.theme-dark .home-footer-quote .hero-intro-bar,
body.theme-dark .home-footer-quote .hero-intro-bar {
    color: var(--muted-text);
}

/* —— Communauté & agenda —— */
body.theme-dark .community-page,
body.theme-dark .stream-planning-page {
    color: var(--text-dark);
}

body.theme-dark .community-card,
body.theme-dark .stream-slot-card {
    background: var(--surface-card);
    border-color: var(--border-color);
}

/* Planning stream — profil membre & espace membre */
body.theme-dark .member-public-stream-schedule-panel,
body.theme-dark .member-stream-schedule-panel {
    color: var(--text-dark);
}

body.theme-dark .member-stream-schedule-head-main h3,
body.theme-dark .member-stream-schedule-day-block h4,
body.theme-dark .member-stream-schedule-week-range,
body.theme-dark .member-stream-planning-page-head h1 {
    color: var(--text-dark);
}

body.theme-dark .member-stream-schedule-head-main h3 .fa-calendar-days,
body.theme-dark .member-stream-planning-page-head h1 .fa-calendar-days {
    color: var(--link-color);
}

body.theme-dark .member-stream-schedule-slot,
body.theme-dark .member-stream-schedule-view-toggle,
body.theme-dark .member-stream-schedule-week-col,
body.theme-dark .member-stream-schedule-share,
body.theme-dark .member-stream-schedule-empty-state,
body.theme-dark .member-stream-schedule-empty-notice {
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

body.theme-dark .member-stream-schedule-week-col.is-today {
    border-color: color-mix(in srgb, var(--link-color) 45%, var(--border-color));
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--link-color) 18%, transparent);
}

body.theme-dark .member-stream-schedule-week-col.is-today .member-stream-schedule-week-col-head {
    background: color-mix(in srgb, var(--link-color) 14%, var(--surface-panel));
}

body.theme-dark .member-stream-schedule-week-col.is-today .member-stream-schedule-slot-date-daynum {
    color: var(--link-color);
}

body.theme-dark .member-public-stream-schedule--sidebar .member-stream-schedule-slot {
    background: var(--surface-panel);
}

body.theme-dark .member-stream-schedule-empty,
body.theme-dark .member-stream-schedule-slot-event-date {
    color: var(--muted-text);
}

body.theme-dark .member-planning-modal-panel:not(.member-planning-modal-panel--share) {
    background: var(--surface-card);
    border-color: var(--border-color);
}

body.theme-dark .member-planning-modal-head:not(.member-planning-modal-head--share) {
    background: var(--surface-panel);
    border-bottom-color: var(--border-color);
}

body.theme-dark .member-planning-modal-head:not(.member-planning-modal-head--share) h2 {
    color: var(--text-dark);
}

/* Agenda événements : styles dans play4geek-agenda/assets/agenda.css */
body.theme-dark .p4g-agenda,
body.theme-dark .p4g-agenda-single-wrap {
    color: var(--text-dark);
}

/* Événements partagés — fil profil membre */
body.theme-dark .member-og-card.member-og-card--event,
body.theme-dark a.member-og-card.member-og-card--event {
    background: var(--surface-card);
    border-color: var(--border-color);
}

body.theme-dark .member-article-teaser--event {
    background: var(--surface-card);
    border-color: var(--border-color);
}

body.theme-dark .member-article-teaser--event .p4g-event-card-date--teaser {
    background: color-mix(in srgb, var(--bg-blue) 22%, transparent);
    color: color-mix(in srgb, var(--link-color) 85%, #ffffff);
}

/* Événements partagés — fil profil */
body.theme-dark .member-feed-card a.member-og-card,
body.theme-dark .member-feed-card a.member-og-card:hover,
body.theme-dark .member-feed-card a.member-og-card:focus-visible {
    color: var(--text-dark, #dbe8ff);
    text-decoration: none;
}

body.theme-dark .member-feed-card a.member-og-card .p4g-event-card-label {
    color: var(--link-color, #6eb5ff);
}

body.theme-dark .member-article-teaser--event {
    background: var(--surface-card, #10233f);
    border-color: var(--border-color, #1f3d63);
}

body.theme-dark .member-article-teaser--event .member-article-teaser-title a {
    color: var(--text-dark, #dbe8ff);
}

body.theme-dark .member-article-teaser--event .member-article-teaser-excerpt {
    color: var(--muted-text, #90a7c5);
}

/* —— Sidebar accueil —— */
body.theme-dark .sidebar-newsletter {
    background: var(--sidebar-bg);
    color: var(--text-light);
}

html.theme-dark .news-section .sidebar-panel.sidebar-live,
html.theme-dark .sidebar-panel.sidebar-live,
html.theme-dark .sidebar-live,
html.theme-dark .sidebar-widget.sidebar-live {
    background: linear-gradient(
        165deg,
        var(--surface-panel) 0%,
        color-mix(in srgb, var(--surface-card) 90%, var(--surface-panel)) 100%
    ) !important;
    border: 1px solid var(--border-color);
    color: var(--text-dark);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.theme-dark .sidebar-live h3 {
    color: var(--text-dark);
}

html.theme-dark .sidebar-live .streamer-meta strong,
html.theme-dark .sidebar-live .streamer-meta-main .streamer-pseudo,
html.theme-dark .sidebar-live .streamer-meta-main > strong {
    color: var(--text-dark);
}

html.theme-dark .sidebar-live .streamer-status {
    color: var(--muted-text);
}

html.theme-dark .sidebar-live .streamer-item.is-offline .streamer-status.is-offline {
    color: var(--muted-text);
}

html.theme-dark .sidebar-live .streamer-info span,
html.theme-dark .sidebar-live .streamer-game {
    color: var(--muted-text);
}

html.theme-dark .sidebar-live .streamer-metric {
    color: var(--text-dark);
}

html.theme-dark .sidebar-live .streamer-metric--viewers {
    color: var(--link-color);
}

html.theme-dark .sidebar-live .streamer-metric--followers {
    color: color-mix(in srgb, var(--text-dark) 88%, transparent);
}

html.theme-dark .sidebar-live .streamer-item {
    background: var(--surface-card);
    border: 1px solid var(--border-color);
}

html.theme-dark .sidebar-live .streamer-item.is-live {
    border-color: color-mix(in srgb, var(--link-color) 34%, var(--border-color));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--link-color) 10%, var(--surface-card)) 0%,
        var(--surface-card) 100%
    );
}

html.theme-dark .sidebar-live .streamer-avatar {
    border-color: color-mix(in srgb, var(--border-color) 70%, #ffffff);
}

html.theme-dark .sidebar-live .streamer-inline-player,
html.theme-dark .sidebar-live .streamer-live-player {
    border-color: var(--border-color);
    background: color-mix(in srgb, var(--surface-panel) 84%, #000);
}

html.theme-dark .sidebar-live-more {
    border-top-color: var(--border-color);
}

html.theme-dark .sidebar-live-more-link {
    background: color-mix(in srgb, var(--link-color) 10%, var(--surface-card));
    color: var(--link-color) !important;
    border: 1px solid var(--border-color);
    box-shadow: none;
}

html.theme-dark .sidebar-live-more-link:hover,
html.theme-dark .sidebar-live-more-link:focus-visible {
    background: color-mix(in srgb, var(--link-color) 18%, var(--surface-card));
    color: var(--link-hover-color) !important;
}

html.theme-dark .sidebar-live .streamer-button,
html.theme-dark .sidebar-live .streamer-play-button,
html.theme-dark .sidebar-live button.streamer-play-button {
    background: color-mix(in srgb, var(--link-color) 10%, var(--surface-card)) !important;
    color: var(--link-color) !important;
    border: 1px solid color-mix(in srgb, var(--border-color) 72%, var(--link-color)) !important;
    box-shadow: none !important;
}

html.theme-dark .sidebar-live .streamer-button:hover,
html.theme-dark .sidebar-live .streamer-play-button:hover,
html.theme-dark .sidebar-live button.streamer-play-button:hover,
html.theme-dark .sidebar-live .streamer-button:focus-visible,
html.theme-dark .sidebar-live .streamer-play-button:focus-visible,
html.theme-dark .sidebar-live button.streamer-play-button:focus-visible {
    background: color-mix(in srgb, var(--link-color) 18%, var(--surface-card)) !important;
    color: var(--link-hover-color) !important;
    border-color: color-mix(in srgb, var(--link-color) 42%, var(--border-color)) !important;
}

html.theme-dark .sidebar-live .streamer-metric--viewers {
    color: var(--link-color) !important;
}

body.theme-dark .sidebar-live,
body.theme-dark .sidebar-widget {
    color: var(--text-dark);
}

/* —— Bloc Discord sidebar —— */
html.theme-dark .sidebar-discord.p4g-discord-block,
html.theme-dark .p4g-discord-block,
html.theme-dark .news-section .sidebar-discord.p4g-discord-block {
    --p4g-discord-bg: none !important;
    --p4g-discord-overlay-start: transparent !important;
    --p4g-discord-overlay-end: transparent !important;
    --p4g-discord-accent: #5865f2 !important;

    background: linear-gradient(
        165deg,
        color-mix(in srgb, #5865f2 12%, var(--surface-panel)) 0%,
        var(--surface-card) 52%,
        color-mix(in srgb, var(--surface-panel) 94%, #5865f2) 100%
    ) !important;
    border: 1px solid var(--border-color);
    color: var(--text-dark);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.theme-dark .p4g-discord-block__overlay {
    background: linear-gradient(
        165deg,
        color-mix(in srgb, var(--surface-panel) 92%, #5865f2) 0%,
        color-mix(in srgb, #5865f2 6%, transparent) 100%
    ) !important;
    opacity: 0.65;
}

html.theme-dark .p4g-discord-block__badge {
    color: var(--muted-text);
}

html.theme-dark .p4g-discord-block__stats span {
    background: color-mix(in srgb, var(--surface-panel) 88%, #5865f2);
    border-color: var(--border-color);
    color: var(--muted-text);
}

html.theme-dark .p4g-discord-block__title,
html.theme-dark .p4g-discord-block__feature-title {
    color: var(--text-dark) !important;
}

html.theme-dark .p4g-discord-block__subtitle,
html.theme-dark .p4g-discord-block__feature-text {
    color: var(--muted-text) !important;
}

html.theme-dark .p4g-discord-block__logo {
    background: color-mix(in srgb, #5865f2 16%, var(--surface-panel));
    border-color: var(--border-color);
    color: #c7d2fe;
}

html.theme-dark .p4g-discord-block__feature {
    background: var(--surface-card);
    border-color: var(--border-color);
}

html.theme-dark .p4g-discord-block__feature-icon {
    background: color-mix(in srgb, #5865f2 14%, var(--surface-panel));
    border: 1px solid var(--border-color);
    color: #c7d2fe;
}

html.theme-dark .p4g-discord-block__cta,
html.theme-dark .sidebar-discord.p4g-discord-block .sidebar-discord-btn {
    background: color-mix(in srgb, #5865f2 78%, var(--surface-card)) !important;
    color: #fff !important;
    border: 1px solid color-mix(in srgb, #5865f2 42%, var(--border-color)) !important;
    box-shadow: none !important;
}

html.theme-dark .p4g-discord-block__cta:hover,
html.theme-dark .p4g-discord-block__cta:focus-visible,
html.theme-dark .sidebar-discord.p4g-discord-block .sidebar-discord-btn:hover,
html.theme-dark .sidebar-discord.p4g-discord-block .sidebar-discord-btn:focus-visible {
    background: color-mix(in srgb, #5865f2 88%, var(--surface-card)) !important;
    color: #fff !important;
    filter: none;
}

html.theme-dark .p4g-discord-block__embed {
    border: 1px solid var(--border-color);
    border-radius: 14px;
    overflow: hidden;
    background: var(--surface-panel);
}

body.theme-dark .sidebar-discord.p4g-discord-block {
    color: var(--text-dark);
}

/* —— Bloc sondages sidebar —— */
html.theme-dark .news-section .news-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro,
html.theme-dark .sidebar-panel.sidebar-poll.sidebar-poll--pro {
    background: linear-gradient(
        165deg,
        var(--surface-panel) 0%,
        color-mix(in srgb, var(--surface-card) 90%, var(--surface-panel)) 100%
    ) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-dark) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.theme-dark .sidebar-poll--pro .sidebar-poll-header,
html.theme-dark .sidebar-panel.sidebar-poll--pro .sidebar-poll-header {
    background: color-mix(in srgb, var(--surface-panel) 92%, var(--surface-card)) !important;
    background-color: color-mix(in srgb, var(--surface-panel) 92%, var(--surface-card)) !important;
    border-bottom-color: var(--border-color) !important;
}

/* —— Bloc enchères à la une —— */
html.theme-dark .news-section .sidebar-panel.sidebar-auctions-spotlight,
html.theme-dark .sidebar-panel.sidebar-auctions-spotlight {
    background: linear-gradient(
        165deg,
        var(--surface-panel) 0%,
        color-mix(in srgb, var(--surface-card) 90%, var(--surface-panel)) 100%
    ) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-dark) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

html.theme-dark .sidebar-auctions-headline h3,
html.theme-dark .sidebar-panel.sidebar-auctions-spotlight h3 {
    color: var(--text-dark);
}

html.theme-dark .sidebar-auctions-kicker,
html.theme-dark .sidebar-auctions-empty {
    color: var(--muted-text);
}

html.theme-dark .sidebar-auctions-more {
    color: var(--link-color);
}

html.theme-dark .sidebar-auctions-more:hover,
html.theme-dark .sidebar-auctions-more:focus-visible {
    color: var(--link-hover-color);
}

/* —— Badges & kickers —— */
body.theme-dark .post-category,
body.theme-dark .post-game-tag,
body.theme-dark .category-mag-kicker,
body.theme-dark .legal-page-kicker {
    background: var(--badge-bg);
    color: var(--badge-text);
    border-color: color-mix(in srgb, var(--badge-text) 35%, transparent);
}

body.theme-dark .legal-page-kicker {
    color: var(--link-color);
    background: color-mix(in srgb, var(--link-color) 18%, transparent);
}

/* —— Surfaces blanches codées en dur —— */
body.theme-dark .header-search-results,
body.theme-dark .member-gif-picker,
body.theme-dark .member-emoji-picker,
body.theme-dark .drawer-panel {
    background: var(--surface-card);
    color: var(--text-dark);
}

body.theme-dark [style*="background:#fff"],
body.theme-dark [style*="background: #fff"],
body.theme-dark [style*="background:#ffffff"],
body.theme-dark [style*="background: #ffffff"] {
    background: var(--surface-card) !important;
}

/* —— Pagination & fil d'Ariane —— */
body.theme-dark .pagination a,
body.theme-dark .pagination span,
body.theme-dark .breadcrumb a,
body.theme-dark .breadcrumb span {
    color: var(--link-color);
}

html.theme-dark body.single-post .single-article-page > .article-breadcrumb,
body.theme-dark.single-post .single-article-page > .article-breadcrumb {
    background: transparent !important;
}

html.theme-dark body.single-post .single-article-page .breadcrumb-item.active,
body.theme-dark.single-post .single-article-page .breadcrumb-item.active {
    color: var(--text-dark);
}

html.theme-dark body.single-post .single-article-page .breadcrumb-separator,
body.theme-dark.single-post .single-article-page .breadcrumb-separator {
    color: var(--muted-text);
}

html.theme-dark .single-article-page .single-article,
body.theme-dark .single-article-page .single-article {
    background: var(--surface-card) !important;
    color: var(--text-dark);
}

body.theme-dark .pagination .current {
    color: var(--text-dark);
    background: var(--surface-card);
    border-color: var(--border-color);
}

/* —— Tableaux —— */
body.theme-dark table th,
body.theme-dark table td {
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark table thead th {
    background: var(--surface-panel);
}

body.theme-dark table tbody tr:nth-child(even) {
    background: color-mix(in srgb, var(--surface-panel) 65%, transparent);
}

/* —— Alertes & notices —— */
body.theme-dark .notice,
body.theme-dark .p4g-notice,
body.theme-dark .member-notice {
    background: var(--surface-panel);
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark .notice-success,
body.theme-dark .p4g-notice--success {
    background: color-mix(in srgb, #22c55e 18%, var(--surface-panel));
    color: #bbf7d0;
}

body.theme-dark .notice-error,
body.theme-dark .p4g-notice--error {
    background: color-mix(in srgb, #ef4444 18%, var(--surface-panel));
    color: #fecaca;
}

/* —— WPDiscuz (commentaires) —— */
body.theme-dark #wpdcom,
body.theme-dark #wpdcom .wpd-form-wrapper,
body.theme-dark #wpdcom .wpd-comment-text {
    color: var(--text-dark);
}

body.theme-dark #wpdcom .wpd-form-wrapper {
    background: var(--surface-card);
    border-color: var(--border-color);
}

body.theme-dark #wpdcom a {
    color: var(--link-color);
}

/* —— Boutons secondaires / ghost —— */
body.theme-dark .btn-secondary,
body.theme-dark .btn-outline,
body.theme-dark .member-space-btn--ghost {
    background: transparent;
    border-color: var(--border-color);
    color: var(--text-dark);
}

body.theme-dark .btn-secondary:hover,
body.theme-dark .btn-outline:hover {
    background: color-mix(in srgb, var(--surface-card) 70%, var(--link-color) 30%);
    color: var(--link-hover-color);
}

body.theme-dark .btn-primary,
body.theme-dark .member-post-edit-submit.btn-primary {
    background: var(--button-bg);
    color: var(--button-text);
    border-color: transparent;
}

body.theme-dark .btn-primary:hover,
body.theme-dark .member-post-edit-submit.btn-primary:hover {
    background: var(--button-hover-bg);
    color: var(--button-text);
}

body.theme-dark .member-privacy-requests {
    background: color-mix(in srgb, var(--surface-card) 94%, var(--link-color) 6%);
    border-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .member-privacy-requests-head p {
    color: var(--muted-text);
}

body.theme-dark .member-privacy-request-btn--export {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--text-dark);
}

body.theme-dark .member-privacy-request-btn--export:hover,
body.theme-dark .member-privacy-request-btn--export:focus-visible {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--link-color);
    color: var(--link-hover-color);
    box-shadow: none;
}

body.theme-dark .member-privacy-request-btn--delete {
    background: #991b1b;
    border-color: #7f1d1d;
    color: #fff;
}

body.theme-dark .member-privacy-request-btn--delete:hover,
body.theme-dark .member-privacy-request-btn--delete:focus-visible {
    background: #7f1d1d;
    border-color: #6b1717;
    color: #fff;
}

body.theme-dark .member-social-links-lead {
    color: var(--muted-text);
}

body.theme-dark .member-social-link-field {
    background: color-mix(in srgb, var(--surface-card) 96%, var(--link-color) 4%);
    border-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .member-social-link-field label {
    color: var(--text-dark);
}

body.theme-dark .member-social-link-input {
    background: var(--surface-card);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--text-dark);
}

body.theme-dark .member-social-link-field.is-x .member-social-link-icon {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-dark);
}

body.theme-dark .member-social-link-field.is-tiktok .member-social-link-icon {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-dark);
}
/* play4geek-header-global */
/*
 * Play4Geek — header global (menu profil, notifications, modale auth)
 * Présent sur toutes les pages ; extrait de play4geek-member-surfaces.css.
 */

.member-auth-form label:not(.member-auth-check) {
    font-size: 0.9rem;
    font-weight: 600;
    color: #374151;
}

.member-auth-form,
.member-profile-form {
    display: grid;
    gap: 0.5rem;
}

.member-auth-form input[type="text"],
.member-auth-form input[type="email"],
.member-auth-form input[type="password"],
.member-auth-form input[type="url"],
.member-profile-form input[type="text"],
.member-profile-form input[type="email"],
.member-profile-form input[type="password"],
.member-profile-form input[type="url"],
.member-profile-form input[type="date"],
.member-profile-form textarea {
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(20, 89, 130, 0.2);
    padding: 0.55rem 0.7rem;
    color: #111827;
}

.member-auth-form input::placeholder {
    color: var(--muted-text, #56463f);
}

.member-auth-form button,
.member-logout-btn {
    min-height: 42px;
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.85rem;
    font-weight: 700;
    color: var(--button-text, #fff);
    background: var(--button-bg, var(--bg-blue));
}

.member-profile-form button:not(.member-composer-icon):not(.member-emoji-choice):not(.member-gif-choice):not(.member-gif-picker-clear):not(.member-klipy-picker-page-btn):not(.member-life-event-fb-choice):not(.member-life-event-fb-back):not(.member-life-event-fb-close):not(.member-life-event-fb-done):not(.member-life-event-fb-media-btn):not(.member-life-event-fb-media-remove):not(.member-composer-gallery-remove):not(.member-life-event-clear):not(.member-emoji-picker-nav-btn):not(.member-ma-choice):not(.member-ma-tab):not(.member-ma-done):not(.member-ma-clear):not(.member-poll-clear):not(.member-feed-poll-option-btn):not(.member-poll-add-option):not(.member-poll-option-remove):not(.member-poll-done):not(.member-ma-dialog-dismiss):not(.member-ma-place-locate):not(.member-ma-place-suggestion):not(.member-place-done):not(.member-place-dialog-dismiss):not(.member-post-privacy-toggle):not(.member-post-privacy-option):not(.member-text-bg-picker-swatch):not(.member-text-bg-picker-clear):not(.member-text-bg-tool-btn):not(.member-text-bg-aa-btn):not(.member-composer-emoji-btn):not(.member-ma-media-filter):not(.member-ma-music-filter):not(.member-ma-game-result):not(.member-ma-media-result):not(.member-ma-music-result):not(.member-ma-book-result):not(.member-ma-game-clear):not(.member-ma-media-clear):not(.member-ma-music-clear):not(.member-ma-book-clear) {
    min-height: 42px;
    border: 0;
    border-radius: 10px;
    padding: 0.45rem 0.85rem;
    font-weight: 700;
    color: var(--button-text, #fff);
    background: var(--reviews-score-bg, var(--bg-blue));
}

.member-auth-form button:hover,
.member-logout-btn:hover {
    background: var(--button-hover-bg, var(--bg-accent));
    color: var(--button-text, #fff);
}

.member-oauth-connect-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0.35rem 0.85rem;
    border-radius: 10px;
    font-weight: 700;
    text-decoration: none;
    background: var(--bg-blue);
    color: #fff !important;
}

.member-auth-linkline-oauth {
    margin-top: 0.6rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.member-auth-linkline-oauth .member-oauth-connect-btn,
.member-auth-form .member-oauth-connect-btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    align-self: stretch;
    min-height: 42px;
    justify-content: center !important;
    gap: 0.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid transparent;
    border-radius: 10px;
    text-decoration: none !important;
    font-size: 0.9rem;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(14, 32, 56, 0.12);
}

.member-auth-form .member-auth-linkline-oauth {
    width: 100%;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.5rem;
}

.member-auth-panel .member-auth-form .member-auth-linkline-oauth {
    width: 100% !important;
    margin: 0.5rem 0 0 !important;
    justify-items: stretch !important;
}

.member-auth-panel .member-auth-form .member-auth-linkline-oauth .member-oauth-connect-btn {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    justify-content: center !important;
}

.member-auth-form .member-oauth-connect-btn + .member-oauth-connect-btn {
    margin-top: 0.5rem;
}

.member-oauth-item .member-oauth-connect-btn {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
}

.member-oauth-connect-btn.is-discord {
    background: #5865f2;
    border-color: #4d5add;
    color: #ffffff !important;
}

.member-oauth-connect-btn.is-discord:hover {
    background: #4f5bda;
    color: #ffffff !important;
    text-decoration: none;
}

.member-oauth-connect-btn.is-twitch {
    background: #9146ff;
    border-color: #7f3fe0;
    color: #ffffff !important;
}

.member-oauth-connect-btn.is-google {
    background: #fff;
    border-color: #dadce0;
    color: #3c4043 !important;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.12);
}

.member-oauth-connect-btn.is-google:hover {
    background: #f8f9fa;
    border-color: #d2d4d8;
    color: #202124 !important;
    text-decoration: none;
}

.member-oauth-connect-btn.is-google .fa-google {
    color: #4285f4;
}

.member-oauth-connect-btn.is-microsoft {
    background: #0078d4;
    border-color: #006cbd;
    color: #ffffff !important;
}

.member-oauth-connect-btn.is-microsoft:hover {
    background: #006cbd;
    color: #ffffff !important;
    text-decoration: none;
}

.member-oauth-connect-btn.is-steam {
    background: #1b2838;
    border-color: #171a21;
    color: #ffffff !important;
}

.member-oauth-connect-btn.is-steam:hover {
    background: #171a21;
    color: #ffffff !important;
    text-decoration: none;
}

.member-auth-linkline-oauth .member-oauth-connect-btn.is-steam {
    order: -2;
}

.member-auth-linkline-oauth .member-oauth-connect-btn.is-microsoft {
    order: -1;
}

.member-auth-2fa-title {
    margin: 0 0 0.85rem;
    text-align: center;
    font-size: 1.15rem;
    color: #1f2937;
}

.member-2fa-form input[name="member_2fa_code"],
.member-2fa-form input[name="member_2fa_setup_code"],
.member-2fa-disable-form input[name="member_2fa_disable_code"] {
    letter-spacing: 0.15em;
    font-size: 1.15rem;
    text-align: center;
}

.member-auth-panel > .member-auth-linkline-oauth .member-oauth-connect-btn.is-microsoft,
.member-auth-panel .member-auth-form .member-auth-linkline-oauth .member-oauth-connect-btn.is-microsoft {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.member-auth-oauth-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1rem 0 0.65rem;
    color: var(--text-muted, #6b7280);
    font-size: 0.875rem;
    text-align: center;
}

.member-auth-oauth-divider::before,
.member-auth-oauth-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: currentColor;
    opacity: 0.35;
}

.member-auth-oauth-divider span {
    flex-shrink: 0;
    padding: 0 0.15rem;
}

.member-oauth-connect-btn.is-twitch:hover {
    background: #7f3ee0;
    color: #ffffff !important;
    text-decoration: none;
}

.header-notifications {
    position: relative;
}

.header-notifications-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 50%;
    background: transparent;
    color: var(--text-light);
    font-size: 1rem;
    cursor: pointer;
    position: relative;
}

.header-notifications-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    background: #ef4444;
    color: #fff;
    min-width: 18px;
    height: 18px;
    border-radius: 999px;
    font-size: 0.72rem;
    line-height: 18px;
    text-align: center;
    padding: 0 4px;
}

.header-notifications-menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.45rem);
    width: min(360px, 92vw);
    background: #fff;
    border: 1px solid rgba(20, 89, 130, 0.16);
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18);
    z-index: 10080;
    color: #111827;
}

.header-notifications-menu.is-floating {
    position: fixed;
    display: block !important;
    z-index: 100102;
    max-height: min(60vh, calc(100vh - 5rem));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.header-drawer.is-drawer-portal {
    position: fixed;
    z-index: 100100;
}

.member-profile-submenu.is-floating {
    position: fixed;
    display: block !important;
    z-index: 100095;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}

.header-notifications-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem;
    border-bottom: 1px solid rgba(20, 89, 130, 0.1);
}

.header-notifications-actions {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.header-notifications-action {
    border: 0;
    background: transparent;
    color: var(--text-accent, var(--link-color));
    font-weight: 600;
    font-size: 0.82rem;
    cursor: pointer;
    transition: color 0.15s ease;
    padding: 0.15rem 0.25rem;
}

.header-notifications-action:hover:not(:disabled) {
    color: var(--button-hover-bg, var(--bg-accent));
}

.header-notifications-action:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.header-notifications-action--danger {
    color: #b42318;
}

.header-notifications-action--danger:hover:not(:disabled) {
    color: #912018;
}

.header-notifications-head form button {
    border: 0;
    background: transparent;
    color: var(--text-accent, var(--link-color));
    font-weight: 600;
    cursor: pointer;
    transition: color 0.15s ease;
}

.header-notifications-head form button:hover {
    color: var(--button-hover-bg, var(--bg-accent));
}

.header-notifications-read-form {
    margin: 0;
}

.header-notifications-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 999px;
}

.header-notifications-clear i {
    font-size: 0.95rem;
}

.header-notifications-list {
    max-height: 320px;
    overflow: auto;
}

.header-notification-item {
    display: block;
    padding: 0.68rem 0.75rem;
    border-bottom: 1px solid rgba(20, 89, 130, 0.08);
    color: #111827;
}

.header-notification-link {
    display: block;
    color: #111827;
    text-decoration: none;
}

.header-notification-link:hover,
.header-notification-link:focus-visible {
    color: #111827;
    text-decoration: none;
}

.header-notification-item.is-unread {
    background: rgba(20, 89, 130, 0.06);
    font-weight: 600;
    color: #111827;
}

.header-notification-item small,
.header-notification-item time.header-notification-time {
    display: block;
    margin-top: 0.2rem;
    color: #4b5563;
    font-weight: 400;
}

.site-header .header-notifications-menu,
.site-header .header-notifications-menu strong,
.site-header .header-notifications-menu a.header-notification-item,
.site-header .header-notifications-menu a.header-notification-link,
.site-header .header-notifications-menu a.header-notification-item span,
.site-header .header-notifications-menu a.header-notification-link span {
    color: #111827 !important;
}

.site-header .header-notifications-menu a.header-notification-item:hover,
.site-header .header-notifications-menu a.header-notification-item:focus-visible,
.site-header .header-notifications-menu a.header-notification-link:hover,
.site-header .header-notifications-menu a.header-notification-link:focus-visible {
    color: #111827 !important;
}

.site-header .header-notifications-menu a.header-notification-item small,
.site-header .header-notifications-menu a.header-notification-item time,
.site-header .header-notifications-menu a.header-notification-link small,
.site-header .header-notifications-menu a.header-notification-link time {
    color: #4b5563 !important;
}

.header-notification-actions {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.48rem;
}

.header-notification-action-btn {
    border: 1px solid rgba(20, 89, 130, 0.2);
    background: #fff;
    color: #1f2937;
    border-radius: 999px;
    padding: 0.24rem 0.62rem;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.header-notification-action-btn.is-accept {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.header-notification-action-btn.is-accept:hover:not(:disabled) {
    background: #15803d;
    border-color: #15803d;
}

.header-notification-action-btn.is-decline:hover:not(:disabled) {
    border-color: #9ca3af;
}

.header-notification-action-btn:disabled {
    opacity: 0.68;
    cursor: not-allowed;
}

.header-notifications-empty {
    margin: 0;
    padding: 0.75rem;
    color: rgba(14, 32, 56, 0.7);
}

.p4g-friend-online-toast-stack {
    position: fixed;
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    display: grid;
    gap: 0.45rem;
    z-index: 10050;
    pointer-events: none;
}

.p4g-friend-online-toast {
    min-width: 220px;
    max-width: min(360px, calc(100vw - 24px));
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.56rem 0.7rem;
    border-radius: 12px;
    background: rgba(10, 22, 38, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #f8fafc;
    text-decoration: none;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.25);
    transform: translateX(8px);
    opacity: 0;
    transition: opacity 0.22s ease, transform 0.22s ease, border-color 0.18s ease, background 0.18s ease;
    pointer-events: auto;
    cursor: pointer;
}

.p4g-friend-online-toast.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.p4g-friend-online-toast:hover,
.p4g-friend-online-toast:focus-visible {
    border-color: rgba(56, 189, 248, 0.45);
    background: rgba(14, 32, 56, 0.98);
    transform: translateX(-2px);
    outline: none;
}

.p4g-friend-online-toast__avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    flex: 0 0 auto;
}

.p4g-friend-online-toast__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.p4g-friend-online-toast__title {
    display: block;
    font-size: 0.83rem;
    font-weight: 700;
    line-height: 1.25;
}

.p4g-friend-online-toast__hint {
    display: block;
    margin-top: 0.08rem;
    font-size: 0.72rem;
    font-weight: 500;
    line-height: 1.2;
    color: rgba(248, 250, 252, 0.72);
}

.p4g-friend-online-toast__dot {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.65);
    flex: 0 0 auto;
}

.member-auth-trigger {
    min-height: 34px;
    border: 1px solid rgba(20, 89, 130, 0.3);
    background: #fff;
    border-radius: 999px;
    padding: 0 0.7rem;
    font-weight: 700;
    color: rgba(14, 32, 56, 0.86);
}

.member-auth-shortcuts {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.member-auth-trigger.is-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
    min-height: 44px;
    border-radius: 50%;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f3eeeb;
    border: 1px solid rgba(255, 255, 255, 0.28);
    color: #7d6a66;
}

.header-topbar .member-auth-trigger.is-icon {
    background: #f3eeeb;
    color: #7d6a66;
}

.member-auth-trigger.is-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.member-auth-trigger.is-icon i {
    font-size: 1.15rem;
    line-height: 1;
    pointer-events: none;
    color: #7d6a66;
}

.drawer-member-menu .member-auth-trigger {
    width: 100%;
    justify-content: center;
}

@media (max-width: 1100px) {
    .header-topbar {
        grid-template-columns: auto 1fr auto;
        gap: 0.65rem;
    }

    .header-left,
    .header-right {
        gap: 0.5rem;
    }

    .header-left {
        grid-column: 1;
    }

    .header-brand {
        grid-column: 1 / -1;
        justify-self: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .header-right {
        grid-column: 3;
    }

    .header-brand .custom-logo-link img,
    .header-brand .custom-logo,
    .header-brand .site-logo-link--dual .site-logo-image,
    .header-brand .site-logo-link--switchable .site-logo-image--switchable {
        max-height: 44px;
        width: auto;
    }

    .header-brand .site-logo-link--switchable {
        height: 44px;
    }

    .header-right .social-links {
        display: none;
    }
}

@media (max-width: 760px) {
    :root {
        --p4g-sticky-site-header-height: 7.25rem;
    }

    .site-header {
        position: sticky;
        top: 0;
        z-index: 200;
    }

    .header-topbar {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        gap: 0.5rem;
        padding: 0.55rem 0.85rem;
        align-items: center;
    }

    .header-left,
    .header-right {
        display: inline-flex;
        min-width: 0;
        gap: 0.5rem;
        flex-wrap: nowrap;
        width: auto;
    }

    .header-right {
        justify-content: flex-end;
    }

    .header-left {
        grid-column: 1;
    }

    .header-brand {
        grid-column: 2;
        position: relative;
        left: auto;
        transform: none;
        justify-self: center;
    }

    .header-livedirect {
        display: none !important;
    }

    .header-right {
        grid-column: 3;
    }

    .header-brand .custom-logo-link img,
    .header-brand .custom-logo,
    .header-brand .site-logo-link--dual .site-logo-image,
    .header-brand .site-logo-link--switchable .site-logo-image--switchable {
        max-height: 36px;
        width: auto;
    }

    .header-brand .site-logo-link--switchable {
        height: 36px;
    }

    .member-auth-shortcuts {
        gap: 0.5rem;
    }

    .member-auth-trigger.is-icon,
    .menu-toggle,
    .header-notifications-toggle {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }

    /* Recherche : menu latéral (drawer) uniquement sur mobile */
    .header-right .search-toggle,
    .header-search-panel {
        display: none !important;
    }

    body.search-open {
        overflow: auto;
    }

    .header-topbar .member-space-link.member-space-link-profile {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
    }
}

.member-auth-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(5, 14, 26, 0.62);
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.member-auth-modal.is-open {
    display: flex;
}

.member-auth-modal-panel {
    width: min(100%, 460px);
    max-height: min(92vh, 720px);
    overflow-y: auto;
    background: #fff;
    /* Pas d’héritage du header (texte clair) : le panneau reste lisible sur fond blanc */
    color: #1f2937;
    border-radius: 16px;
    padding: 1.85rem 1.35rem 2rem;
    border: 1px solid rgba(20, 89, 130, 0.16);
    position: relative;
}

.member-auth-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.member-auth-logo img {
    max-height: 152px;
    max-width: min(100%, 380px);
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.member-auth-logo .logo-mark {
    min-width: 68px;
    width: auto;
    height: 68px;
    font-size: 1.2rem;
    border-radius: 16px;
}

.member-auth-logo .logo-text {
    font-size: 1.55rem;
    font-weight: 700;
    margin-left: 0;
}

.member-auth-modal-close {
    position: absolute;
    top: 0.6rem;
    right: 0.6rem;
    border: 0;
    background: transparent;
    font-size: 1.15rem;
    line-height: 1;
    min-width: 34px;
    min-height: 34px;
    border-radius: 8px;
    color: #1f2937;
    z-index: 2;
}

.member-auth-modal-close:hover {
    background: rgba(20, 89, 130, 0.08);
}

.member-auth-tabs {
    display: flex;
    gap: 0.45rem;
    margin-bottom: 0.7rem;
    padding: 0 2.5rem;
    justify-content: center;
}

.member-auth-tab {
    flex: 1;
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(20, 89, 130, 0.2);
    background: #f6f9fd;
    font-weight: 700;
    color: #1f2937;
}

.member-auth-tab.is-active {
    background: rgba(30, 115, 190, 0.14);
    border-color: rgba(30, 115, 190, 0.46);
    color: var(--text-accent, var(--link-color));
}

.member-auth-notice {
    margin: 0 0 0.7rem;
    border-radius: 8px;
    padding: 0.55rem 0.6rem;
    font-size: 0.9rem;
}

.member-auth-notice.is-success {
    background: rgba(22, 163, 74, 0.12);
    color: #14532d;
}

.member-auth-notice.is-error {
    background: rgba(220, 38, 38, 0.11);
    color: #7f1d1d;
}

.member-auth-panel {
    display: none;
}

.member-auth-panel.is-active {
    display: block;
}

.member-auth-panel form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem 0.75rem;
    align-items: center;
}

.member-auth-panel form > input[type="hidden"] {
    display: none;
}

.member-auth-panel form > input[type="text"],
.member-auth-panel form > input[type="email"],
.member-auth-panel form > input[type="password"],
.member-auth-panel form > button[type="submit"],
.member-auth-panel form > .member-auth-oauth-divider,
.member-auth-panel form > .member-auth-linkline-oauth,
.member-auth-panel > .member-auth-oauth-divider,
.member-auth-panel > .member-auth-linkline-oauth {
    grid-column: 1 / -1;
}

.member-auth-panel form > .member-auth-oauth-divider {
    margin: 0.35rem 0 0;
}

.member-auth-panel > .member-auth-oauth-divider {
    margin: 0.75rem 0 0;
}

.member-auth-panel > .member-auth-linkline-oauth,
.member-auth-panel .member-auth-form .member-auth-linkline-oauth {
    width: 100% !important;
    margin: 0.35rem 0 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.5rem;
    justify-items: stretch !important;
}

.member-auth-panel > .member-auth-linkline-oauth .member-oauth-connect-btn,
.member-auth-panel .member-auth-form .member-auth-linkline-oauth .member-oauth-connect-btn {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    justify-content: center !important;
}

.member-auth-panel input[type="text"],
.member-auth-panel input[type="email"],
.member-auth-panel input[type="password"] {
    min-height: 42px;
    border-radius: 10px;
    border: 1px solid rgba(20, 89, 130, 0.24);
    padding: 0.45rem 0.62rem;
    color: #111827;
}

.member-auth-panel input::placeholder {
    color: var(--muted-text, #56463f);
}

.member-auth-panel button[type="submit"] {
    min-height: 42px;
    border-radius: 10px;
    border: 0;
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, #fff);
    font-weight: 700;
    transition: background 0.15s ease;
}

.member-auth-panel button[type="submit"]:hover {
    background: var(--button-hover-bg, var(--bg-accent));
}

.member-auth-remember {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.86rem;
    color: #374151;
    justify-self: start;
}

.member-auth-lost-link {
    font-size: 0.86rem;
    color: var(--text-accent, var(--link-color));
    text-decoration: none;
    justify-self: end;
}

.member-auth-lost-link:hover {
    text-decoration: underline;
}

/* Scroll horizontal uniquement sur la liste des jeux (lien Tendances fixe à gauche). */
.header-secondary .category-menu-nav {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.08);
}

.header-secondary .category-menu-nav::-webkit-scrollbar {
    height: 5px;
}

.header-secondary .category-menu-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 999px;
}

.header-secondary .category-menu-nav::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 999px;
}

.header-secondary .category-menu {
    flex-wrap: nowrap;
    overflow-x: visible;
    width: max-content;
    min-width: max-content;
}

.header-secondary .category-menu li {
    flex: 0 0 auto;
}

.header-secondary .category-menu a {
    display: inline-flex;
    max-width: none;
    white-space: nowrap;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.1;
}

.header-tendances-shortcut a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0.35rem 0.15rem;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-size: 0.68rem;
    font-weight: 800;
    color: var(--text-light);
    background: transparent;
    border: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
    opacity: 0.95;
    text-decoration: none;
}

.footer-tendances-band {
    background: var(--footer-tendances-bg, var(--header-secondary-bg, #111827));
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.footer-tendances-inner {
    max-width: 1600px;
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 0.65rem 1.5rem;
    padding-inline-end: max(1.5rem, env(safe-area-inset-right, 0px));
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    box-sizing: border-box;
}

.footer-tendances-pill.is-title {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 0.35rem 0.15rem;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    font-size: 0.68rem;
    font-weight: 800;
    background: transparent;
    border: 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7);
    color: var(--footer-tendances-text, var(--text-light, #f7f1ea));
    opacity: 0.95;
    text-decoration: none;
}

.footer-tendances-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    color: var(--footer-tendances-text, var(--text-light, #f7f1ea));
    background: rgba(255, 255, 255, 0.08);
    white-space: nowrap;
}

.footer-tendances-nav {
    min-width: 0;
    flex: 1 1 auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding-inline-end: 1rem;
    scroll-padding-inline-end: 1rem;
}

.footer-tendances-menu {
    margin: 0;
    padding: 0;
    padding-inline-end: 0.35rem;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 0.5rem;
    overflow-x: visible;
    scrollbar-width: none;
    width: max-content;
    max-width: none;
}

.footer-tendances-menu::-webkit-scrollbar,
.footer-tendances-nav::-webkit-scrollbar {
    display: none;
}

.footer-tendances-menu li {
    margin: 0;
    list-style: none;
    flex: 0 0 auto;
}

.footer-tendances-menu a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    color: var(--footer-tendances-text, var(--text-light, #f7f1ea));
    background: rgba(255, 255, 255, 0.08);
    white-space: nowrap;
    max-width: none;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.1;
    text-decoration: none;
}

@media (max-width: 720px) {
    .header-secondary-inner {
        justify-content: flex-start;
    }

    .footer-tendances-inner {
        padding: 0.55rem 1rem;
        padding-inline-end: max(1rem, env(safe-area-inset-right, 0px));
    }
}

.member-space-link {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.14);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
}

/* Profil dans le header : lien circulaire = même gabarit que cloche / recherche (évite la « pilule » autour de l’avatar). */
.header-topbar .member-space-link.member-space-link-profile {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border-radius: 50%;
    gap: 0;
    overflow: hidden;
    flex-shrink: 0;
    text-decoration: none;
}

.header-topbar .member-space-link-profile .member-space-profile-text {
    display: none;
}

.header-topbar .member-space-avatar {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-topbar .member-space-avatar img {
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.member-space-link-profile {
    width: auto;
    height: 44px;
    border-radius: 999px;
    padding: 0 0.65rem 0 0.28rem;
    gap: 0.45rem;
    text-decoration: none;
}

.member-space-profile-text {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    max-width: 160px;
}

.member-profile-menu {
    position: relative;
    padding-bottom: 6px;
    margin-bottom: -6px;
    overflow: visible;
}

.member-space-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.member-space-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.member-space-name {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-light);
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-profile-submenu {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 180px;
    margin: 0;
    padding: 0.35rem;
    list-style: none;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: var(--bg-dark);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
    display: none;
    z-index: 10060;
}

.member-profile-submenu::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 8px;
}

.member-profile-submenu li {
    margin: 0;
}

.member-profile-submenu a {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.65rem;
    border-radius: 8px;
    color: var(--text-light);
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.member-profile-submenu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    flex-shrink: 0;
    font-size: 0.88rem;
    color: color-mix(in srgb, var(--text-light) 70%, var(--bg-blue));
    transition: color 0.15s ease;
}

.member-profile-submenu a span {
    min-width: 0;
}

.member-profile-submenu a:hover,
.member-profile-submenu a:focus-visible {
    background: color-mix(in srgb, var(--bg-blue) 16%, transparent);
    color: var(--text-accent, var(--link-color));
}

.member-profile-submenu a:hover .member-profile-submenu-icon,
.member-profile-submenu a:focus-visible .member-profile-submenu-icon {
    color: var(--text-accent, var(--link-color));
}

.member-profile-menu:hover .member-profile-submenu,
.member-profile-menu:focus-within .member-profile-submenu,
.member-profile-menu.is-open .member-profile-submenu {
    display: block;
}

.drawer-member-menu {
    margin-bottom: 0.35rem;
}

.drawer-member-menu > li > a {
    font-weight: 700;
}

@media (max-width: 1100px) {
        .header-topbar {
            grid-template-columns: auto 1fr auto;
            gap: 0.65rem;
        }

        .header-left,
        .header-right {
            gap: 0.5rem;
        }

        .header-left {
            grid-column: 1;
        }

        .header-brand {
            grid-column: 1 / -1;
            justify-self: center;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
        }

        .header-right {
            grid-column: 3;
        }

        .header-brand .custom-logo-link img,
        .header-brand .custom-logo,
        .header-brand .site-logo-link--dual .site-logo-image,
        .header-brand .site-logo-link--switchable .site-logo-image--switchable {
            max-height: 44px;
            width: auto;
        }

        .header-brand .site-logo-link--switchable {
            height: 44px;
        }

        .header-right .social-links {
            display: none;
        }
}

@media (max-width: 760px) {
        :root {
            --p4g-sticky-site-header-height: 7.25rem;
        }

        .site-header {
            position: sticky;
            top: 0;
            z-index: 200;
        }

        .header-topbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
            gap: 0.5rem;
            padding: 0.55rem 0.85rem;
            align-items: center;
        }

        .header-left,
        .header-right {
            display: inline-flex;
            min-width: 0;
            gap: 0.5rem;
            flex-wrap: nowrap;
            width: auto;
        }

        .header-right {
            justify-content: flex-end;
        }

        .header-left {
            grid-column: 1;
        }

        .header-brand {
            grid-column: 2;
            position: relative;
            left: auto;
            transform: none;
            justify-self: center;
        }

        .header-livedirect {
            display: none !important;
        }

        .header-right {
            grid-column: 3;
        }

        .header-brand .custom-logo-link img,
        .header-brand .custom-logo,
        .header-brand .site-logo-link--dual .site-logo-image,
        .header-brand .site-logo-link--switchable .site-logo-image--switchable {
            max-height: 36px;
            width: auto;
        }

        .header-brand .site-logo-link--switchable {
            height: 36px;
        }

        .member-auth-shortcuts {
            gap: 0.5rem;
        }

        .member-auth-trigger.is-icon,
        .menu-toggle,
        .header-notifications-toggle {
            width: 44px;
            min-width: 44px;
            height: 44px;
            min-height: 44px;
        }

        /* Recherche : menu latéral (drawer) uniquement sur mobile */
        .header-right .search-toggle,
        .header-search-panel {
            display: none !important;
        }

        body.search-open {
            overflow: auto;
        }

        .header-topbar .member-space-link.member-space-link-profile {
            width: 44px;
            height: 44px;
            min-width: 44px;
            min-height: 44px;
        }

        .member-profile-submenu {
            right: 0;
            left: auto;
            min-width: 210px;
            max-width: min(240px, calc(100vw - 1rem));
            box-sizing: border-box;
        }

        .member-profile-submenu a span {
            white-space: nowrap;
        }
}

.back-to-top-sentinel {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
    visibility: hidden;
}

.back-to-top-btn {
    position: fixed;
    right: 18px;
    bottom: 84px;
    width: 64px;
    height: 64px;
    border: 1px solid color-mix(in srgb, var(--button-bg, var(--bg-blue)) 35%, transparent);
    border-radius: 999px;
    background: var(--button-bg, var(--bg-blue));
    color: var(--button-text, #fff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--button-bg, var(--bg-blue)) 38%, transparent);
    cursor: pointer;
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease, background 0.2s ease, border-color 0.2s ease;
}

.back-to-top-btn i {
    font-size: 1.28rem;
}

.back-to-top-btn.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top-btn:hover {
    background: var(--button-hover-bg, var(--bg-accent));
    border-color: color-mix(in srgb, var(--button-hover-bg, var(--bg-accent)) 40%, transparent);
}

@media (max-width: 640px) {
    .back-to-top-btn {
        width: 54px;
        height: 54px;
        right: 12px;
        bottom: 72px;
    }
}

/* FAB flottants — cookies à gauche ; wpDiscuz + remonter empilés à droite */
:root {
    --p4g-fab-size: 64px;
    --p4g-fab-gap: 12px;
    --p4g-fab-edge-x: 18px;
    --p4g-fab-edge-y: calc(84px + env(safe-area-inset-bottom, 0));
    --p4g-fab-stack-y: calc(18px + env(safe-area-inset-bottom, 0));
}

@media (max-width: 640px) {
    :root {
        --p4g-fab-size: 54px;
        --p4g-fab-gap: 10px;
        --p4g-fab-edge-x: 12px;
        --p4g-fab-edge-y: calc(72px + env(safe-area-inset-bottom, 0));
        --p4g-fab-stack-y: calc(12px + env(safe-area-inset-bottom, 0));
    }
}

#p4g-cookie-fab.p4g-cookie-fab:not(.is-hidden) {
    left: var(--p4g-fab-edge-x) !important;
    right: auto !important;
    /* Au-dessus des liens légaux / confidentialité en bas de page. */
    bottom: calc(var(--p4g-fab-edge-y) + 36px) !important;
    width: var(--p4g-fab-size) !important;
    height: var(--p4g-fab-size) !important;
    z-index: 9999;
}

.footer-legal-links .p4g-cookie-preferences-link {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 0.76rem;
    color: var(--text-on-accent, #ffffff);
    text-decoration: underline;
    cursor: pointer;
}

/* wpDiscuz : content_left / left_corner — repousser à droite pour libérer la gauche */
body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper {
    left: auto !important;
    right: var(--p4g-fab-edge-x) !important;
    bottom: var(--p4g-fab-stack-y) !important;
    z-index: 10000;
}

body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper > div {
    width: var(--p4g-fab-size) !important;
    height: var(--p4g-fab-size) !important;
}

body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message,
body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-content > #wpd-bubble #wpd-bubble-add-message {
    left: auto !important;
    right: calc(var(--p4g-fab-size) + 11px) !important;
}

body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-corner > #wpd-bubble #wpd-bubble-add-message::before,
body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-content > #wpd-bubble #wpd-bubble-add-message::before {
    left: auto !important;
    right: -9px !important;
    border-right: none !important;
    border-left: 9px solid transparent !important;
}

body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper #wpd-bubble-notification-message {
    left: auto !important;
    right: calc(var(--p4g-fab-size) + 11px) !important;
}

body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-corner #wpd-bubble-notification-message::before,
body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-content #wpd-bubble-notification-message::before {
    left: auto !important;
    right: -10px !important;
    border-left: none !important;
    border-right: 9px solid #b2b2b2 !important;
}

body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-corner #wpd-bubble-notification-message::after,
body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper.wpd-left-content #wpd-bubble-notification-message::after {
    left: auto !important;
    right: -9px !important;
    border-left: none !important;
    border-right: 9px solid #fbfbfb !important;
}

body:has(#wpd-bubble-wrapper) .back-to-top-btn {
    bottom: calc(var(--p4g-fab-stack-y) + var(--p4g-fab-size) + var(--p4g-fab-gap)) !important;
}

@media (max-width: 600px) {
    body:has(#wpd-bubble-wrapper) #wpd-bubble-wrapper {
        bottom: calc(20px + env(safe-area-inset-bottom, 0)) !important;
    }

    body:has(#wpd-bubble-wrapper) .back-to-top-btn {
        bottom: calc(20px + var(--p4g-fab-size) + var(--p4g-fab-gap) + env(safe-area-inset-bottom, 0)) !important;
    }
}

/* reCAPTCHA v3 : coin bas gauche (droite réservée à wpDiscuz + remonter). */
.grecaptcha-badge {
    left: var(--p4g-fab-edge-x) !important;
    right: auto !important;
    bottom: calc(var(--p4g-fab-stack-y) + env(safe-area-inset-bottom, 0)) !important;
    z-index: 9000 !important;
    transform: scale(0.86);
    transform-origin: left bottom;
    opacity: 0.94;
    pointer-events: auto;
}

@media (max-width: 640px) {
    .grecaptcha-badge {
        transform: scale(0.8);
    }
}

/* ==========================================================================
 * STYLE-DIET-PHASE2-HEADER-GLOBAL — extrait de style.css (phase 2 diet)
 * ========================================================================== */

/* --- site-header shell --- */
.site-header {
    background: var(--header-topbar-bg, var(--bg-blue));
    color: var(--text-light);
    position: sticky;
    top: 0;
    z-index: 200;
    margin-top: 0;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22);
}


/* --- header layout + barre tendances + drawer --- */
.header-topbar {
    display: grid;
    grid-template-columns: minmax(0, auto) auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 4;
    overflow: visible;
}

.header-left,
.header-right {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header-left {
    grid-column: 1;
    justify-content: flex-start;
    min-width: 0;
    overflow: visible;
}

.header-right {
    grid-column: 4;
    justify-content: flex-end;
    overflow: visible;
}

.header-brand {
    grid-column: 2;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.header-livedirect {
    grid-column: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
    padding-inline: clamp(0.5rem, 1.5vw, 1.25rem);
}

.menu-toggle,
.search-toggle,
.drawer-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(255,255,255,0.14);
    border-radius: 50%;
    background: transparent;
    color: var(--text-light);
    font-size: 1rem;
    cursor: pointer;
}

.topbar-menu,
.category-menu,
.drawer-menu {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-right .social-links {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 0 0 auto;
    flex-shrink: 0;
    align-items: center;
}

/* Après display:flex ci-dessus — sinon la cascade réaffiche les icônes sur mobile. */
@media (max-width: 1100px) {
    .site-header .header-topbar .social-links,
    .site-header .header-right .social-links {
        display: none !important;
    }
}

.topbar-menu li,
.category-menu li,
.drawer-menu li {
    margin: 0;
}

/* Liens header : même palette lisible que la barre Tendances (fond #513628, texte #f7f1ea, pilules) */
.header-topbar .topbar-menu-nav {
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.header-topbar .topbar-menu {
    flex-wrap: nowrap;
    overflow: visible;
}

.header-topbar .topbar-menu > li {
    flex: 0 0 auto;
}

.header-topbar .topbar-menu > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 0.45rem 0.8rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    text-decoration: none;
    white-space: nowrap;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.header-topbar .topbar-menu > li > a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-1px);
}

.topbar-menu > li > a.has-nav-menu-icon,
.header-drawer .drawer-menu > li > a.has-nav-menu-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.topbar-menu .sub-menu li > a.has-nav-menu-icon,
.category-menu .sub-menu li > a.has-nav-menu-icon {
    display: flex;
    align-items: center;
    gap: 0.62rem;
    width: 100%;
    box-sizing: border-box;
}

.topbar-menu .sub-menu li > a .nav-menu-icon,
.category-menu .sub-menu li > a .nav-menu-icon {
    width: 1rem;
    min-width: 1rem;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.header-drawer .drawer-menu .sub-menu li > a.has-nav-menu-icon {
    display: flex;
    align-items: center;
    gap: 0.48rem;
}

.nav-menu-icon {
    flex-shrink: 0;
    width: 1.05em;
    text-align: center;
    line-height: 1;
    opacity: 0.94;
}

.nav-menu-icon::before {
    line-height: 1;
}

.header-topbar .topbar-menu .nav-menu-icon {
    font-size: 0.82rem;
}

.header-drawer .drawer-menu > li > a .nav-menu-icon {
    width: 1.15rem;
    font-size: 0.92rem;
    opacity: 1;
}

.header-drawer .drawer-menu > li > a.has-nav-menu-icon {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.62rem 0.72rem;
    border-radius: 12px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 0.95rem;
    font-weight: 700;
}

.header-drawer .drawer-menu > li.menu-item-has-children > a.has-nav-menu-icon,
.header-drawer .drawer-menu > li.menu-item-has-children > a {
    padding-right: 2.85rem;
}

.header-drawer .drawer-menu .menu-item-has-children {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    position: relative;
    width: 100%;
}

.header-drawer .drawer-menu .menu-item-has-children > a {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    box-sizing: border-box;
}

.header-drawer .drawer-menu .menu-item-has-children > .submenu-toggle {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    z-index: 2;
    margin: 0 0.55rem 0 0;
    flex-shrink: 0;
}

.header-drawer .drawer-menu .menu-item-has-children > .sub-menu {
    grid-column: 1 / -1;
    grid-row: 2;
}

.header-drawer .drawer-menu > li > a.has-nav-menu-icon .nav-menu-label {
    line-height: 1.2;
}

.header-drawer .drawer-menu .sub-menu li > a .nav-menu-icon {
    width: 1rem;
    min-width: 1rem;
    font-size: 0.82rem;
    opacity: 0.88;
    margin-right: 0;
}

.header-drawer .drawer-menu .sub-menu li > a.has-nav-menu-icon .nav-menu-label {
    line-height: 1.25;
}

.header-secondary .category-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0.45rem 0.72rem;
    border-radius: 999px;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.header-secondary .category-menu > li > a:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.22);
    transform: translateY(-1px);
}

.header-drawer .drawer-menu > li > a {
    color: #f1f5f9;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 500;
    transition: color 0.2s ease;
}

.header-drawer .drawer-menu > li > a:hover {
    color: #ffffff;
}

.header-topbar .topbar-menu > li > a:focus-visible,
.header-secondary .category-menu > li > a:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
    border-radius: 4px;
}

.custom-logo-link img,
.logo-mark {
    max-height: 56px;
    width: auto;
}

.header-brand [data-p4g-easter-tap="logo"],
.header-brand .custom-logo,
.header-brand .site-logo-image,
.header-brand .logo-mark {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
}

/* Fix: prevent double logo (light+dark) rendering */
.custom-logo-link img + img {
    display: none !important;
}

.site-logo-link--switchable img + img,
.site-logo-link--dual img + img {
    display: none !important;
}

/* Hard guard: masquer uniquement les images logo en double (évite de cacher l’img réelle si un lazy-load injecte un nœud avant). */
.header-brand .custom-logo-link img + img,
.header-brand .site-logo-link img + img,
.drawer-brand .custom-logo-link img + img,
.drawer-brand .site-logo-link img + img {
    display: none !important;
}

.header-brand .custom-logo-link,
.drawer-brand .custom-logo-link,
.header-brand .site-logo-link:not(.site-logo-link--switchable),
.drawer-brand .site-logo-link:not(.site-logo-link--switchable) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    line-height: 0;
    max-width: 100%;
}

.header-brand .custom-logo-link img.custom-logo,
.header-brand .site-logo-link img.custom-logo,
.header-brand .site-logo-link img.site-logo-image,
.drawer-brand .custom-logo-link img.custom-logo,
.drawer-brand .site-logo-link img.site-logo-image {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: 48px;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Ancien markup dual (2 img light/dark) : un seul visible selon le mode */
.site-logo-link--dual .site-logo-image--dark {
    display: none !important;
}

html.theme-dark .site-logo-link--dual .site-logo-image--light,
body.theme-dark .site-logo-link--dual .site-logo-image--light {
    display: none !important;
}

html.theme-dark .site-logo-link--dual .site-logo-image--dark,
body.theme-dark .site-logo-link--dual .site-logo-image--dark {
    display: block !important;
}

.site-logo-link--switchable,
.site-logo-link--dual {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    line-height: 0;
    max-width: 100%;
}

.site-logo-link--switchable .site-logo-image--switchable,
.site-logo-link--dual .site-logo-image {
    display: block !important;
    max-height: 56px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.header-brand .site-logo-link--switchable {
    height: 48px;
    max-width: min(240px, 100%);
}

.header-brand .site-logo-link--switchable .site-logo-image--switchable,
.header-brand .site-logo-link--dual .site-logo-image {
    max-height: 48px;
}

.drawer-brand .site-logo-link--switchable {
    height: 34px;
    max-width: min(200px, 100%);
}

.drawer-brand .site-logo-link--switchable .site-logo-image--switchable,
.header-drawer .drawer-brand .custom-logo,
.header-drawer .drawer-brand .site-logo-image--switchable {
    max-height: 34px;
}

.member-auth-logo .site-logo-image--switchable,
.member-auth-logo .site-logo-image {
    display: block !important;
    max-height: 56px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 52px;
    height: 52px;
    border-radius: 14px;
    background: var(--bg-blue);
    font-weight: 700;
}

.logo-text {
    margin-left: 0.85rem;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
}

/* Fond pleine largeur ; contenu aligné comme .hero-fullpage-inner / .site-main (1600px). */
.header-secondary {
    background: var(--header-secondary-bg, var(--bg-blue));
    padding: 0;
    min-width: 0;
    display: block;
    position: relative;
    z-index: 3;
    overflow: visible;
}

.header-secondary-inner {
    max-width: 1600px;
    width: min(100%, 1600px);
    margin: 0 auto;
    padding: 0.75rem 1.5rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.65rem;
    min-width: 0;
    box-sizing: border-box;
}

.header-tendances-shortcut {
    flex: 0 0 auto;
    flex-shrink: 0;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: none;
}

.header-secondary .category-menu-nav {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

.header-secondary .category-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    width: max-content;
    min-width: max-content;
}

.header-secondary .category-menu li {
    flex: 0 0 auto;
}

.header-secondary .category-menu a {
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.09);
    transition: background 0.2s ease;
}

.header-secondary .category-menu a:hover {
    background: rgba(255,255,255,0.16);
}

.header-drawer {
    position: fixed;
    inset: 0;
    background: rgba(var(--drawer-overlay-rgb, 7, 21, 35), var(--drawer-overlay-opacity, 0.92));
    z-index: 9999;
    transform: translateX(-100%);
    transition: transform 0.28s ease;
    display: flex;
    justify-content: flex-start;
    pointer-events: none;
}

.header-drawer.is-open {
    transform: translateX(0);
    pointer-events: auto;
}

.drawer-panel {
    width: min(320px, 90vw);
    height: 100%;
    padding: 1.5rem;
    background: var(--drawer-bg, var(--header-topbar-bg, #e04f12));
    box-shadow: 24px 0 80px color-mix(in srgb, var(--drawer-shadow-color, #000000) 32%, transparent), 8px 0 28px color-mix(in srgb, var(--drawer-shadow-color, #000000) 18%, transparent);
    overflow-y: auto;
}

.drawer-close {
    margin-bottom: 1.25rem;
}

.drawer-brand {
    margin-bottom: 2rem;
}

.drawer-nav {
    display: grid;
    gap: 1rem;
}

.drawer-menu {
    flex-direction: column;
    gap: 0.85rem;
    list-style: disc inside;
}

.drawer-menu.secondary {
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255,255,255,0.1);
}

.drawer-menu li {
    margin-left: 0.5rem;
}

.drawer-menu li a {
    display: block;
    padding: 0.95rem 1rem;
    background: rgba(255,255,255,0.05);
    border-radius: 14px;
}

.drawer-menu.secondary li a {
    background: transparent;
}

.header-right .social-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.75rem;
}

/* ≤ ~27" (1920px) : masquer le menu horizontal du header ; au-dessus, menu horizontal + ☰ peuvent coexister. */
@media (max-width: 1920px) {
    .header-topbar .header-left .topbar-menu-nav,
    .header-topbar .header-left > nav.topbar-menu,
    .header-topbar .header-left nav .topbar-menu {
        display: none !important;
    }
}

@media (min-width: 1921px) {
    .header-topbar .topbar-menu-nav {
        overflow: visible;
    }
}

@media (max-width: 1024px) {
    .header-topbar {
        grid-template-columns: auto 1fr auto;
    }

    .header-left {
        grid-column: 1;
    }

    .header-brand {
        grid-column: 1 / -1;
        justify-self: center;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }

    .header-livedirect {
        display: none !important;
    }

    .header-right {
        grid-column: 3;
    }
}

@media (max-width: 720px) {
    .header-secondary-inner {
        padding: 0.65rem 1rem;
    }

    .header-secondary .category-menu > li {
        display: inline-flex;
    }
}

.category-menu {
    flex-wrap: wrap;
}

/* Barre « jeux tendances » : une seule ligne, défilement horizontal si besoin (voir bloc .header-secondary plus bas). */

.category-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.category-menu li {
    list-style: none;
}

.category-menu a {
    padding: 0.55rem 0.8rem;
    border-radius: 999px;
    background: rgba(255,255,255,0.07);
}


/* --- site-footer visiteur --- */
body {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

.footer-tendances-band {
    margin-top: auto;
}

.site-footer {
    background: var(--footer-bg);
    color: var(--footer-text);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0;
}

.site-footer a {
    color: var(--footer-text);
}

.footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem 1rem;
}

.footer-top {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
    gap: 2rem;
    margin-bottom: 2rem;
}

.footer-brand-col {
    min-width: 0;
}

.footer-brand {
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.9rem;
}

.footer-brand .custom-logo-link,
.footer-brand .site-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    height: 54px;
    max-width: min(240px, 100%);
}

.footer-brand .custom-logo-link img,
.footer-brand img,
.footer-brand .site-logo-image--switchable {
    max-height: 54px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 1rem;
}

.footer-links-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-links-menu li {
    margin: 0;
    list-style: none;
}

.footer-links a {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--text-on-accent, #ffffff);
}

.footer-links a.has-nav-menu-icon,
.footer-links-menu a.has-nav-menu-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
}

.footer-links a.has-nav-menu-icon .nav-menu-icon,
.footer-links-menu a.has-nav-menu-icon .nav-menu-icon {
    width: 0.92em;
    min-width: 0.92em;
    flex-shrink: 0;
}

.footer-description {
    max-width: 760px;
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.75;
    color: var(--text-on-accent, #ffffff);
}

.footer-social-col h4 {
    margin: 0 0 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    color: var(--text-on-accent, #ffffff);
}

.footer-social {
    display: flex;
    gap: 1rem 1.1rem;
    flex-wrap: wrap;
    align-items: center;
}

.footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.24);
    color: var(--footer-text);
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.footer-social a:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.34);
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.16);
    padding-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.78rem;
    color: var(--text-on-accent, #ffffff);
}

.footer-bottom p {
    margin: 0;
}

.footer-legal-links {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.footer-legal-links a {
    font-size: 0.76rem;
    color: var(--text-on-accent, #ffffff);
}

/* --- navigation pro (submenu, mega-menu, drawer) --- */
/* Navigation pro: submenu + mega menu + no bullets */
.topbar-menu ul,
.category-menu,
.category-menu ul,
.drawer-menu,
.drawer-menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.category-menu-nav {
    max-width: 100%;
}

.category-menu {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    position: relative;
}

/* Barre tendances sous le header : une seule ligne (libellé + jeux). */
.header-secondary .category-menu-nav {
    width: auto !important;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
}

.header-secondary .category-menu {
    flex-wrap: nowrap;
}

.header-secondary .category-menu > li {
    padding-bottom: 0;
    margin-bottom: 0;
}

.category-menu > li {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: -8px;
}

.topbar-menu > li {
    position: relative;
    padding-bottom: 8px;
    margin-bottom: -8px;
}

.category-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0.45rem 0.72rem;
    border-radius: 8px;
}

.topbar-menu > li > a {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
}

.topbar-menu .menu-item-has-children > a::after,
.category-menu .menu-item-has-children > a::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 0.45rem;
    border-right: 1.8px solid currentColor;
    border-bottom: 1.8px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    opacity: 0.8;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.category-menu .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    min-width: var(--header-submenu-min-width, 220px);
    width: max-content;
    max-width: min(320px, 92vw);
    background: rgba(10, 22, 38, 0.48);
    background: color-mix(in srgb, var(--header-submenu-bg, #0f1d33) 50%, transparent);
    backdrop-filter: blur(22px) saturate(168%);
    -webkit-backdrop-filter: blur(22px) saturate(168%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 0.35rem;
    z-index: 60;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    transition: opacity 0.16s ease, transform 0.16s ease;
    opacity: 0;
    transform: translateY(4px);
    visibility: hidden;
    pointer-events: none;
}

.topbar-menu .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 4px);
    min-width: var(--header-submenu-min-width, 220px);
    width: max-content;
    max-width: min(320px, 92vw);
    background: rgba(10, 22, 38, 0.48);
    background: color-mix(in srgb, var(--header-submenu-bg, #0f1d33) 50%, transparent);
    backdrop-filter: blur(22px) saturate(168%);
    -webkit-backdrop-filter: blur(22px) saturate(168%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 0.35rem;
    z-index: 70;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    transition: opacity 0.16s ease, transform 0.16s ease;
    opacity: 0;
    transform: translateY(4px);
    visibility: hidden;
    pointer-events: none;
}

.category-menu .sub-menu::before,
.topbar-menu .sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    height: 10px;
}

.category-menu .sub-menu li,
.topbar-menu .sub-menu li {
    width: 100%;
}

.category-menu .sub-menu li a,
.topbar-menu .sub-menu li a {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.62rem;
    border-radius: 7px;
    white-space: nowrap;
    transition: background 0.15s ease, color 0.15s ease;
}

.category-menu .sub-menu li a:hover,
.category-menu .sub-menu li a:focus-visible,
.topbar-menu .sub-menu li a:hover,
.topbar-menu .sub-menu li a:focus-visible {
    background: rgba(255, 255, 255, 0.08);
}

.category-menu li:hover > .sub-menu,
.category-menu li:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.topbar-menu li:hover > .sub-menu,
.topbar-menu li:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.topbar-menu .menu-item-has-children:hover > a::after,
.topbar-menu .menu-item-has-children:focus-within > a::after,
.category-menu .menu-item-has-children:hover > a::after,
.category-menu .menu-item-has-children:focus-within > a::after {
    transform: rotate(225deg) translateY(1px);
    opacity: 1;
}

.category-menu .sub-menu .sub-menu {
    left: 100%;
    top: -2px;
}

/* Add "mega-menu" class on top-level item in WP menu */
.category-menu > li.mega-menu {
    position: static;
}

.category-menu > li.mega-menu > .sub-menu {
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.75rem;
}

.category-menu > li.mega-menu:hover > .sub-menu,
.category-menu > li.mega-menu:focus-within > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
}

.category-menu > li.mega-menu > .sub-menu > li {
    width: 100%;
    min-width: 0;
}

.category-menu > li.mega-menu > .sub-menu > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.drawer-menu {
    display: grid;
    gap: 0.25rem;
}

.drawer-menu li {
    position: relative;
}

.drawer-menu a {
    display: block;
    padding: 0.55rem 2rem 0.55rem 0.15rem;
}

.drawer-menu .menu-item-has-children {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    width: 100%;
}

.drawer-menu .menu-item-has-children > a {
    grid-column: 1 / -1;
    grid-row: 1;
    width: 100%;
    box-sizing: border-box;
    padding-right: 2.75rem;
}

.drawer-menu .menu-item-has-children > .submenu-toggle {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    position: relative;
    z-index: 1;
    margin: 0 0.15rem 0 0;
}

.drawer-menu .sub-menu {
    display: none;
    margin-left: 0.6rem;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    padding-left: 0.6rem;
    grid-column: 1 / -1;
    grid-row: 2;
}

.drawer-menu li.is-open > .sub-menu {
    display: grid;
    gap: 0.15rem;
}

.submenu-toggle {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    cursor: pointer;
}

/* Drawer submenu visual refinement */
.header-drawer .drawer-menu {
    gap: 0.5rem;
}

.header-drawer .drawer-menu > li > a {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 0.75rem 0.9rem;
}

.header-drawer .drawer-menu .menu-item-has-children > a {
    border-radius: 12px;
}

.header-drawer .submenu-toggle {
    width: 32px;
    height: 32px;
    margin-right: 0;
    border-radius: 10px;
    background: color-mix(in srgb, var(--drawer-text, #ffffff) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--drawer-text, #ffffff) 18%, transparent);
    font-size: 0.78rem;
}

.header-drawer .drawer-menu .sub-menu {
    margin-left: 0.45rem;
    padding-left: 0.55rem;
    border-left: 2px solid rgba(255, 255, 255, 0.14);
}

.header-drawer .drawer-menu .sub-menu li > a {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    padding: 0.62rem 0.75rem;
    font-size: 0.82rem;
}

.header-drawer .drawer-menu li.is-open > .submenu-toggle {
    background: color-mix(in srgb, var(--bg-blue) 28%, transparent);
}

/* Drawer visual style inspired by editorial mockup */
.header-drawer .drawer-panel {
    width: min(370px, 92vw);
    padding: 0.7rem 0.8rem 1.35rem;
    background: var(--drawer-bg, #e04f12);
}

/* Mode clair : panneau orange + voile orange sur le contenu */
html:not(.theme-dark) .header-drawer .drawer-panel {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--drawer-bg, #e04f12) 90%, #ffffff) 0%,
        var(--drawer-bg, #e04f12) 42%,
        color-mix(in srgb, var(--drawer-bg, #e04f12) 76%, #442127) 100%
    );
}

html:not(.theme-dark) .header-drawer {
    background: rgba(var(--drawer-overlay-rgb, 252, 95, 32), var(--drawer-overlay-opacity, 0.58));
}

html:not(.theme-dark) .header-drawer .drawer-menu .sub-menu {
    border-left-color: color-mix(in srgb, var(--drawer-text, #f7f1ea) 30%, transparent);
}

html:not(.theme-dark) .header-drawer .drawer-menu .sub-menu li > a {
    color: color-mix(in srgb, var(--drawer-text, #f7f1ea) 94%, transparent);
}

html:not(.theme-dark) .header-drawer .drawer-menu .sub-menu li > a::before {
    background: color-mix(in srgb, var(--drawer-text, #f7f1ea) 42%, transparent);
}

html:not(.theme-dark) .header-drawer .drawer-socials {
    border-top-color: color-mix(in srgb, var(--drawer-text, #f7f1ea) 24%, transparent);
}

html:not(.theme-dark) .header-drawer .drawer-socials a {
    color: color-mix(in srgb, var(--drawer-text, #f7f1ea) 94%, transparent);
}

html:not(.theme-dark) .header-drawer .drawer-search-submit {
    color: var(--text-dark, #111827);
}

.header-drawer .drawer-topbar {
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.7rem;
}

.header-drawer .drawer-close,
.header-drawer .drawer-theme-toggle {
    margin: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid color-mix(in srgb, var(--drawer-text, #ffffff) 18%, transparent);
    background: color-mix(in srgb, var(--drawer-text, #ffffff) 6%, transparent);
    color: var(--drawer-text, #ecf3ff);
}

.header-drawer .drawer-brand {
    margin: 0;
    display: grid;
    place-items: center;
}

.header-drawer .drawer-brand .custom-logo,
.header-drawer .drawer-brand .site-logo-image--switchable {
    max-height: 34px;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.header-drawer .drawer-search {
    margin-bottom: 0.9rem;
}

.header-drawer .p4g-livedirect-drawer-promo {
    margin: 0 0 0.9rem;
    padding: 0 0 0.85rem;
}

.header-drawer .p4g-livedirect-nav-tab--drawer {
    color: #ffffff;
}

.header-drawer .drawer-search-form {
    position: relative;
}

.header-drawer .drawer-search-input {
    width: 100%;
    min-height: 42px;
    border-radius: 9px;
    border: 1px solid rgba(95, 143, 191, 0.22);
    background: #ffffff;
    color: #1f2937;
    padding: 0.55rem 2.4rem 0.55rem 0.75rem;
    font-size: 0.95rem;
}

.header-drawer .drawer-search-input::placeholder {
    color: rgba(31, 41, 55, 0.72);
}

/* Force readable colors when browser autofill applies custom styling. */
.header-drawer .drawer-search-input:-webkit-autofill,
.header-drawer .drawer-search-input:-webkit-autofill:hover,
.header-drawer .drawer-search-input:-webkit-autofill:focus {
    -webkit-text-fill-color: #1f2937;
    box-shadow: 0 0 0 1000px #ffffff inset;
    transition: background-color 9999s ease-out 0s;
}

.header-drawer .drawer-search-submit {
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: rgba(236, 243, 255, 0.92);
    width: 30px;
    height: 30px;
}

.header-drawer .drawer-nav {
    gap: 0.48rem;
}

.header-drawer .drawer-menu > li {
    margin-left: 0;
    width: 100%;
}

.header-drawer .drawer-menu > li > a {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0.34rem 0.1rem 0.24rem;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--drawer-text, #f1f6ff);
}

.header-drawer .drawer-menu .menu-item-has-children > a {
    border-radius: 12px;
}

.header-drawer .drawer-menu .menu-item-has-children > .submenu-toggle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--drawer-text, #ffffff) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--drawer-text, #ffffff) 18%, transparent);
    color: var(--drawer-text, rgba(108, 180, 255, 0.95));
}

.header-drawer .drawer-menu .sub-menu {
    margin-top: 0.08rem;
    margin-left: 0;
    padding-left: 0.72rem;
    border-left: 1px solid rgba(78, 163, 255, 0.35);
}

.header-drawer .drawer-menu .sub-menu li > a {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0.5rem 0.55rem;
    font-size: 0.86rem;
    color: rgba(215, 232, 255, 0.95);
    text-transform: none;
    letter-spacing: 0;
    position: relative;
}

.header-drawer .drawer-menu .sub-menu .menu-item-has-children > a {
    padding-right: 2.5rem;
}

.header-drawer .drawer-menu .sub-menu li > a::before {
    content: "";
    position: absolute;
    left: -0.72rem;
    top: 50%;
    width: 0.58rem;
    height: 1px;
    background: color-mix(in srgb, var(--drawer-shadow-color, #4ea3ff) 48%, transparent);
}

.header-drawer .drawer-menu.secondary {
    padding-top: 0;
    border-top: 0;
}

.header-drawer .drawer-socials {
    margin-top: 1.15rem;
    padding-top: 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--drawer-shadow-color, #4ea3ff) 24%, transparent);
    display: flex;
    justify-content: center;
    gap: 0.78rem;
}

.header-drawer .drawer-socials a {
    color: rgba(236, 243, 255, 0.9);
    font-size: 1.02rem;
}

/* --- panneau recherche header --- */
/* Search panel + Font Awesome icon integration */
.header-right .social-links a,
.footer-social a {
    font-size: 0.92rem;
}

.search-toggle i,
.header-right .social-links i,
.footer-social i {
    pointer-events: none;
}

.header-search-panel {
    position: fixed;
    inset: 0;
    background: rgba(7, 21, 35, 0.58);
    z-index: 250;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 90px 1rem 1rem;
}

.header-search-panel.is-open {
    display: flex;
}

.header-search-panel-inner {
    width: min(920px, 100%);
    background: #ffffff;
    border: 1px solid rgba(20, 89, 130, 0.18);
    border-radius: 14px;
    box-shadow: 0 24px 60px rgba(8, 14, 29, 0.24);
    padding: 0.8rem;
}

.header-search-form {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.6rem;
    align-items: center;
}

.header-search-input {
    width: 100%;
    border: 1px solid rgba(20, 89, 130, 0.23);
    border-radius: 10px;
    min-height: 46px;
    padding: 0 0.9rem;
    font-size: 1rem;
    color: var(--bg-dark);
}

.header-search-input:focus {
    outline: none;
    border-color: rgba(30, 115, 190, 0.66);
    box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.14);
}

.header-search-submit {
    min-height: 46px;
    min-width: 46px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--bg-blue), var(--bg-accent));
    color: #fff;
    cursor: pointer;
}

.header-search-submit:hover {
    filter: brightness(1.05);
}

@media (max-width: 680px) {
    .header-search-panel {
        padding-top: 72px;
    }

    .header-search-panel-inner {
        border-radius: 12px;
        padding: 0.65rem;
    }

    .header-search-input {
        min-height: 42px;
        font-size: 0.95rem;
    }

    .header-search-submit {
        min-height: 42px;
        min-width: 42px;
    }
}
/* play4geek-search */
/* Suggestions header / drawer */
.play4geek-search-suggest {
    margin-top: 0.65rem;
    max-height: min(70vh, 420px);
    overflow: auto;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--bg-accent) 18%, transparent);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(8, 24, 48, 0.14);
    padding: 0.55rem 0.35rem;
}

.play4geek-search-suggest--drawer {
    margin-top: 0.5rem;
    max-height: 240px;
}

.play4geek-search-suggest-label {
    margin: 0.25rem 0.45rem 0.35rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--muted-text, #56463f);
}

.play4geek-search-suggest-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.play4geek-search-suggest-link {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem 0.5rem;
    border-radius: 8px;
    color: var(--bg-dark);
    text-decoration: none;
}

.play4geek-search-suggest-link:hover,
.play4geek-search-suggest-link:focus-visible {
    background: color-mix(in srgb, var(--bg-accent) 8%, transparent);
    outline: none;
}

.play4geek-search-suggest-thumb {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    background: #0f172a;
}

.play4geek-search-suggest-thumb.is-empty {
    background: linear-gradient(135deg, color-mix(in srgb, var(--bg-accent) 35%, transparent), color-mix(in srgb, var(--bg-dark) 90%, transparent));
}

.play4geek-search-suggest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.play4geek-search-suggest-title {
    display: block;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.25;
}

.play4geek-search-suggest-empty {
    margin: 0.5rem 0.65rem;
    color: var(--muted-text, #56463f);
    font-size: 0.9rem;
}

.play4geek-search-suggest-footer {
    margin: 0.35rem 0.5rem 0.25rem;
    padding-top: 0.35rem;
    border-top: 1px solid color-mix(in srgb, var(--bg-accent) 12%, transparent);
    font-size: 0.88rem;
}

.play4geek-search-suggest-footer a {
    font-weight: 600;
}

.header-search-panel-inner {
    position: relative;
}

/* Page résultats : jeux + forum */
.search-games-section.search-page-section,
.search-content-section.search-page-section {
    margin-bottom: 1rem;
}

.search-games-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
    gap: 0.7rem;
}

.search-game-card {
    background: color-mix(in srgb, var(--bg-accent, #145982) 2%, #fff);
    border: 1px solid color-mix(in srgb, var(--bg-accent, #145982) 12%, transparent);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.search-game-card:hover {
    border-color: color-mix(in srgb, var(--bg-accent, #145982) 28%, transparent);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
}

.search-game-card-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.search-game-card-cover {
    aspect-ratio: 3 / 4;
    max-height: 210px;
    background: #0f172a;
}

.search-game-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.search-game-card-body {
    padding: 0.6rem 0.65rem 0.7rem;
}

.search-game-card-body h3 {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.25;
    color: var(--text-dark, #0f172a);
}

.search-game-card-body p {
    margin: 0.2rem 0 0;
    font-size: 0.74rem;
    color: var(--muted-text, #56463f);
}

/* Forum — section recherche globale */
.search-forum-section.search-page-section {
    margin-bottom: 1rem;
}

.search-forum-section-body {
    display: grid;
    gap: 0.75rem;
}

.search-forum-boards {
    margin: 0;
}

.search-forum-topics {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.55rem;
}

.search-forum-topic-card {
    margin: 0;
}

.search-forum-topic-card__link {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.65rem 0.7rem;
    border: 1px solid color-mix(in srgb, var(--bg-accent, #145982) 12%, transparent);
    border-radius: 12px;
    background: color-mix(in srgb, var(--bg-accent, #145982) 2%, #fff);
    color: inherit;
    text-decoration: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-forum-topic-card__link:hover,
.search-forum-topic-card__link:focus-visible {
    border-color: color-mix(in srgb, var(--bg-accent, #145982) 28%, transparent);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    outline: none;
}

.search-forum-topic-card__thumb {
    display: block;
    width: 46px;
    min-height: 62px;
}

.search-forum-topic-card__thumb .p4g-forum-topic-thumb,
.search-forum-topic-card__thumb .p4g-forum-topic-thumb--row {
    width: 46px;
    height: 62px;
}

.search-forum-topic-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.search-forum-topic-card__body {
    min-width: 0;
}

.search-forum-topic-card__type,
.search-forum-topic-card__board {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--muted-text, #56463f);
}

.search-forum-topic-card__title {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.95rem;
    line-height: 1.3;
    color: var(--text-dark, #0f172a);
}

.search-forum-topic-card__excerpt {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.84rem;
    line-height: 1.4;
    color: rgba(14, 32, 56, 0.7);
}

.search-forum-topic-card__board {
    margin-top: 0.3rem;
    text-transform: none;
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0;
    color: var(--text-accent, var(--link-color));
}

.p4g-forum-search-results--global .p4g-forum-search-boards--compact {
    display: grid;
    gap: 0.5rem;
}

.p4g-forum-search-results--global .p4g-forum-search-boards__link {
    padding: 0.6rem 0.7rem;
    border-radius: 12px;
    border: 1px solid color-mix(in srgb, var(--bg-accent, #145982) 12%, transparent);
    background: color-mix(in srgb, var(--bg-accent, #145982) 2%, #fff);
}

body.theme-dark .search-game-card,
body.theme-dark .search-forum-topic-card__link,
body.theme-dark .p4g-forum-search-results--global .p4g-forum-search-boards__link {
    background: color-mix(in srgb, #fff 3%, var(--surface-card, #111827));
    border-color: color-mix(in srgb, #fff 10%, transparent);
}

body.theme-dark .search-game-card-body h3,
body.theme-dark .search-forum-topic-card__title {
    color: var(--text-dark, #f8fafc);
}

body.theme-dark .search-forum-topic-card__excerpt,
body.theme-dark .search-game-card-body p {
    color: rgba(226, 232, 240, 0.72);
}

@media (max-width: 720px) {
    .search-games-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 420px) {
    .search-games-grid {
        grid-template-columns: 1fr;
    }

    .search-game-card-cover {
        max-height: none;
        aspect-ratio: 16 / 9;
    }
}
/* play4geek-discord-block */
.sidebar-discord.p4g-discord-block,.p4g-discord-block{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,0.16);padding:0 !important;color:#f8fafc;background:var(--p4g-discord-bg,none) center center / cover no-repeat,linear-gradient(145deg,#5865f2,#3a45b7);box-shadow:0 18px 40px rgba(15,23,42,0.22)}.p4g-discord-block__overlay{position:absolute;inset:0;background:linear-gradient(165deg,var(--p4g-discord-overlay-start,rgba(15,23,42,0.78)),var(--p4g-discord-overlay-end,rgba(49,46,129,0.62)));pointer-events:none}.p4g-discord-block__inner{position:relative;z-index:1;display:grid;gap:1rem;padding:1.15rem}.p4g-discord-block__top{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.p4g-discord-block__badge{display:inline-flex;align-items:center;gap:0.45rem;font-size:0.68rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;color:#ecfdf5}.p4g-discord-block__badge-dot{width:0.55rem;height:0.55rem;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,0.22);animation:p4g-discord-pulse 2s ease-in-out infinite}@keyframes p4g-discord-pulse{0%,100%{opacity:1}50%{opacity:0.65}}.p4g-discord-block__stats{display:inline-flex;align-items:center;gap:0.45rem;flex-wrap:wrap;justify-content:flex-end}.p4g-discord-block__stats span{display:inline-flex;align-items:center;gap:0.35rem;min-height:1.7rem;padding:0.2rem 0.55rem;border-radius:999px;background:rgba(15,23,42,0.42);border:1px solid rgba(255,255,255,0.12);font-size:0.74rem;font-weight:700;color:#e2e8f0;white-space:nowrap}.p4g-discord-block__stats .is-online::before{content:"";width:0.45rem;height:0.45rem;border-radius:50%;background:#22c55e;flex-shrink:0}.p4g-discord-block__brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.8rem;align-items:center}.p4g-discord-block__logo{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:14px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.18);color:#fff;font-size:1.55rem;flex-shrink:0}.p4g-discord-block__title{margin:0;font-size:1.12rem;line-height:1.25;font-weight:800;color:#fff !important}.p4g-discord-block__subtitle{margin:0.28rem 0 0;font-size:0.84rem;line-height:1.45;color:rgba(226,232,240,0.92) !important}.p4g-discord-block__features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.55rem}.p4g-discord-block__feature{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.55rem;align-items:start;min-height:100%;padding:0.65rem 0.7rem;border-radius:14px;background:rgba(15,23,42,0.34);border:1px solid rgba(255,255,255,0.1)}.p4g-discord-block__feature-icon{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:10px;background:rgba(255,255,255,0.1);color:#c7d2fe;font-size:0.9rem;flex-shrink:0}.p4g-discord-block__feature-copy{display:grid;gap:0.15rem;min-width:0}.p4g-discord-block__feature-title{display:block;font-size:0.8rem;line-height:1.25;color:#fff}.p4g-discord-block__feature-text{display:block;font-size:0.72rem;line-height:1.35;color:rgba(226,232,240,0.82)}.p4g-discord-block__cta,.sidebar-discord.p4g-discord-block .sidebar-discord-btn{display:inline-flex;align-items:center;justify-content:center;gap:0.55rem;width:100%;min-height:2.85rem;padding:0.7rem 1rem;border-radius:14px;border:0;background:var(--p4g-discord-accent,#5865f2) !important;color:#fff !important;font-size:0.92rem;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(15,23,42,0.28);transition:transform 0.16s ease,filter 0.16s ease}.p4g-discord-block__cta:hover,.p4g-discord-block__cta:focus-visible,.sidebar-discord.p4g-discord-block .sidebar-discord-btn:hover,.sidebar-discord.p4g-discord-block .sidebar-discord-btn:focus-visible{color:#fff !important;filter:brightness(1.06);transform:translateY(-1px)}.p4g-discord-block__embed,.p4g-discord-block__embed iframe{width:100%;max-width:100%;border:0;border-radius:14px;overflow:hidden}.p4g-forum-sidebar .p4g-discord-block{margin-bottom:1rem}.p4g-forum-sidebar .p4g-discord-block__features{grid-template-columns:1fr}@media (max-width:520px){.p4g-discord-block__features{grid-template-columns:1fr}.p4g-discord-block__top{align-items:flex-start;flex-direction:column}.p4g-discord-block__stats{justify-content:flex-start}}.news-section .sidebar-discord.p4g-discord-block,.news-section .sidebar-discord.p4g-discord-block h3,.news-section .sidebar-discord.p4g-discord-block p,.news-section .sidebar-discord.p4g-discord-block .sidebar-discord-server,.news-section .sidebar-discord.p4g-discord-block .sidebar-discord-subtitle,.news-section .sidebar-discord.p4g-discord-block .sidebar-discord-meta,.news-section .sidebar-discord.p4g-discord-block .sidebar-discord-meta span,.news-section .sidebar-discord.p4g-discord-block .sidebar-discord-btn{color:#fff}html.theme-dark .sidebar-discord.p4g-discord-block,html.theme-dark .p4g-discord-block,html.theme-dark .news-section .sidebar-discord.p4g-discord-block{--p4g-discord-bg:none !important;--p4g-discord-overlay-start:transparent !important;--p4g-discord-overlay-end:transparent !important;--p4g-discord-accent:#5865f2 !important;background:linear-gradient( 165deg,color-mix(in srgb,#5865f2 12%,var(--surface-panel)) 0%,var(--surface-card) 52%,color-mix(in srgb,var(--surface-panel) 94%,#5865f2) 100% ) !important;border:1px solid var(--border-color) !important;color:var(--text-dark) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}html.theme-dark .p4g-discord-block__overlay{background:linear-gradient( 165deg,color-mix(in srgb,var(--surface-panel) 92%,#5865f2) 0%,color-mix(in srgb,#5865f2 6%,transparent) 100% ) !important;opacity:0.65}html.theme-dark .p4g-discord-block__badge{color:var(--muted-text)}html.theme-dark .p4g-discord-block__stats span{background:color-mix(in srgb,var(--surface-panel) 88%,#5865f2);border-color:var(--border-color);color:var(--muted-text)}html.theme-dark .p4g-discord-block__title,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .p4g-discord-block__title,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .sidebar-discord-server{color:var(--text-dark) !important}html.theme-dark .p4g-discord-block__subtitle,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .p4g-discord-block__subtitle,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .sidebar-discord-subtitle{color:var(--muted-text) !important}html.theme-dark .p4g-discord-block__logo{background:color-mix(in srgb,#5865f2 16%,var(--surface-panel));border-color:var(--border-color);color:#c7d2fe}html.theme-dark .p4g-discord-block__feature{background:var(--surface-card);border-color:var(--border-color)}html.theme-dark .p4g-discord-block__feature-icon{background:color-mix(in srgb,#5865f2 14%,var(--surface-panel));border:1px solid var(--border-color);color:#c7d2fe}html.theme-dark .p4g-discord-block__feature-title,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .p4g-discord-block__feature-title{color:var(--text-dark) !important}html.theme-dark .p4g-discord-block__feature-text,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .p4g-discord-block__feature-text{color:var(--muted-text) !important}html.theme-dark .p4g-discord-block__cta,html.theme-dark .sidebar-discord.p4g-discord-block .sidebar-discord-btn,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .p4g-discord-block__cta,html.theme-dark .news-section .sidebar-discord.p4g-discord-block .sidebar-discord-btn{background:color-mix(in srgb,#5865f2 78%,var(--surface-card)) !important;color:#fff !important;border:1px solid color-mix(in srgb,#5865f2 42%,var(--border-color)) !important;box-shadow:none !important}html.theme-dark .p4g-discord-block__cta:hover,html.theme-dark .p4g-discord-block__cta:focus-visible,html.theme-dark .sidebar-discord.p4g-discord-block .sidebar-discord-btn:hover,html.theme-dark .sidebar-discord.p4g-discord-block .sidebar-discord-btn:focus-visible{background:color-mix(in srgb,#5865f2 88%,var(--surface-card)) !important;color:#fff !important;filter:none}html.theme-dark .p4g-discord-block__embed{border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--surface-panel)}html.theme-dark .news-section .sidebar-discord.p4g-discord-block .sidebar-discord-meta span{color:var(--muted-text) !important}
/* play4geek-home-news-editorial */
.news-section .post-card{background:var(--surface-card,#fff);color:var(--text-dark,#111827);border:1px solid var(--border-color,#d6e3f3)}.news-section .post-card h2,.news-section .post-card h3,.news-section .post-card h3 a,.news-section .post-card-body h2 a{color:var(--text-dark,#111827)}.news-section .post-card p,.news-section .post-card-body p,.news-section .post-card-excerpt,.news-section .post-meta,.news-section .post-meta span,.news-section .meta-separator{color:var(--muted-text,#56463f)}.news-section .post-read-more{color:var(--text-accent,var(--link-color))}.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll){background:var(--surface-panel,#f6f9ff);color:var(--text-dark,#111827);border:1px solid var(--border-color,#d6e3f3)}.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll) h3,.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll) p,.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll) li a:not(.streamer-button):not(.sidebar-auctions-banner){color:var(--text-dark,#111827)}.news-section .sidebar-newsletter.sidebar-panel,.news-section .sidebar-newsletter{background:var(--sidebar-bg,var(--theme-gradient-hero,linear-gradient(135deg,var(--bg-blue,#1e73be) 0%,#1558a0 100%))) !important;color:#fff !important;border:1px solid rgba(255,255,255,0.12) !important}.news-section .sidebar-newsletter h3,.news-section .sidebar-newsletter p{color:#fff !important}.hero-fullpage{width:100%;background:var(--bg-light);padding:0 0 1.5rem}.hero-fullpage.hero-fullpage--slider{--hero-slider-height:min(70vh,620px);--hero-interval:6500ms;--hero-blend:var(--bg-light,#f2f4f7);width:100%;max-width:none;margin:0;padding:0;background:var(--hero-blend)}html.theme-dark .hero-fullpage.hero-fullpage--slider,body.theme-dark .hero-fullpage.hero-fullpage--slider{--hero-blend:#07172b}body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage.hero-fullpage--slider,body.home .ad-slot-under-header + .hero-fullpage.hero-fullpage--slider{padding:0}.hero-slider{position:relative;width:100%;height:var(--hero-slider-height);min-height:380px;overflow:hidden;background:var(--hero-blend,var(--bg-light,#f2f4f7));isolation:isolate}.hero-slider::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--hero-blend,var(--bg-light,#f2f4f7)) 40%,transparent) 42%,var(--hero-blend,var(--bg-light,#f2f4f7)) 100%)}.hero-slider-viewport{position:absolute;inset:0}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.55s ease}.hero-slide.is-active{opacity:1;z-index:1;pointer-events:auto}.hero-fullpage--slider .hero-slide[hidden]{display:block !important}.hero-slide-media{position:absolute;inset:0;display:block;overflow:hidden}.hero-slide-image,.hero-slide-image--fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center 28%;display:block}.hero-slide-image--fallback{background:linear-gradient(135deg,var(--bg-dark,#0e2038),var(--bg-blue,#fc5f20))}.hero-slide-copy{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:clamp(1.2rem,4vh,2.8rem) clamp(1rem,4vw,3.5rem) 7rem;background:linear-gradient( 180deg,transparent 0%,rgba(11,18,32,0.38) 30%,rgba(11,18,32,0.58) 58%,color-mix(in srgb,var(--hero-blend,var(--bg-light,#f2f4f7)) 45%,rgba(11,18,32,0.4)) 86%,var(--hero-blend,var(--bg-light,#f2f4f7)) 100% );color:#ffffff;box-sizing:border-box}.hero-slide-copy .hero-label{display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.7rem;min-height:0;padding:0.5em 0.78em 0.28em 0.92em;line-height:1;letter-spacing:0.08em;color:#ffffff}.hero-slide-title{margin:0 0 0.55rem;max-width:min(46rem,86%);font-size:clamp(1.28rem,2.45vw,2.2rem);font-weight:800;line-height:1.18;letter-spacing:-0.03em;color:#ffffff;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 18px rgba(0,0,0,0.55)}.hero-slide-title a{color:#ffffff;text-decoration:none}.hero-slide-title a:hover,.hero-slide-title a:focus-visible{color:#ffffff;text-decoration:underline;text-underline-offset:0.12em}.hero-slide-excerpt{margin:0;max-width:min(42rem,72%);color:#ffffff;font-size:clamp(0.92rem,1.4vw,1.08rem);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 16px rgba(0,0,0,0.7)}.hero-slider-ui{position:absolute;right:clamp(0.75rem,3vw,2rem);bottom:1rem;z-index:4;display:flex;align-items:flex-end;gap:0.7rem;max-width:calc(100% - 1.5rem)}.hero-thumbs{display:flex;gap:0.4rem;overflow-x:auto;scrollbar-width:none}.hero-thumbs::-webkit-scrollbar{display:none}.hero-thumb{position:relative;flex:0 0 auto;width:84px;height:54px;padding:0;border:2px solid rgba(255,255,255,0.38);border-radius:10px;overflow:hidden;background:#0b1726;cursor:pointer;appearance:none}.hero-thumb.is-active{border-color:#ffffff;box-shadow:0 0 0 2px var(--bg-blue,#fc5f20)}.hero-thumb:focus-visible,.hero-slider-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.hero-thumb-image,.hero-thumb-image--fallback{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;display:block}.hero-thumb-image--fallback{background:linear-gradient(135deg,var(--bg-dark,#0e2038),var(--bg-accent,#e04f12))}.hero-thumb::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--bg-blue,#fc5f20)}.hero-thumb.is-progressing::after{animation:play4geek-hero-thumb-progress var(--hero-interval,6500ms) linear forwards}@keyframes play4geek-hero-thumb-progress{from{width:0}to{width:100%}}.hero-slider-controls{display:flex;gap:0.35rem}.hero-slider-btn{width:2.35rem;height:2.35rem;min-width:2.35rem;border-radius:999px;border:1px solid rgba(255,255,255,0.35);background:rgba(7,21,35,0.62);color:#ffffff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.hero-slider-btn:hover{background:rgba(7,21,35,0.86)}.hero-slider.is-paused .hero-thumb.is-progressing::after{animation:none;width:100%}.hero-fullpage--slider + .site-main{padding-top:0.35rem}body.theme-dark .hero-fullpage--slider .hero-slide-title a,body.theme-dark .hero-fullpage--slider .hero-slide-excerpt,body.theme-dark .hero-fullpage--slider .hero-slide-copy{color:#ffffff}@media (max-width:820px){.hero-fullpage.hero-fullpage--slider{padding-top:0}}@media (max-width:720px){.hero-fullpage.hero-fullpage--slider{--hero-slider-height:min(56vh,480px)}.hero-slider{min-height:280px}.hero-slide-excerpt{display:none}.hero-slide-copy{padding:1rem 1rem 5.15rem}.hero-slide-title{max-width:100%;font-size:1.2rem;line-height:1.22;-webkit-line-clamp:2;line-clamp:2}.hero-slider-ui{left:0.75rem;right:0.75rem;bottom:0.75rem;justify-content:space-between}.hero-thumb{width:56px;height:40px;border-radius:8px}}@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}.hero-thumb.is-progressing::after{animation:none;width:100%}}body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage,body.home .ad-slot-under-header + .hero-fullpage{padding:0 0 1.5rem}body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage .hero-article-module,body.home .ad-slot-under-header + .hero-fullpage .hero-article-module{padding-top:0}.hero-fullpage-inner{max-width:1600px;width:min(100%,1600px);margin:0 auto;padding:0 1.5rem}.hero-intro-bar{text-align:center;margin:0 auto 1.5rem;color:var(--muted-text,#56463f);font-size:0.95rem}.home-footer-quote{padding:0.8rem 1rem 1.25rem}.home-footer-quote .hero-intro-bar{margin-bottom:0}.footer-quote-share-form{margin-top:0.7rem}.footer-quote-share-btn{min-height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border-color,#d6e3f3) 80%,var(--link-color,#145982));background:color-mix(in srgb,var(--link-color,#145982) 10%,var(--surface-card,#fff));color:var(--text-dark,#1f2937);font-family:inherit;font-size:0.82rem;font-weight:700;padding:0.3rem 0.75rem;display:inline-flex;align-items:center;gap:0.36rem;cursor:pointer}.footer-quote-share-btn:hover,.footer-quote-share-btn:focus-visible{background:color-mix(in srgb,var(--link-color,#145982) 18%,var(--surface-card,#fff));color:var(--link-hover-color,var(--link-color,#145982));border-color:color-mix(in srgb,var(--link-color,#145982) 34%,var(--border-color,#d6e3f3))}.hero-quote{display:inline-grid;flex-direction:column;gap:0.4rem;max-width:min(980px,95vw);padding:1.05rem 1.5rem;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,0.85),rgba(255,255,255,0.72));border:1px solid rgba(20,89,130,0.15);box-shadow:0 12px 28px rgba(15,23,42,0.08);position:relative;justify-items:center}.hero-quote-text{margin:0;color:var(--text-dark,#111827);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.02rem,2.2vw,1.22rem);font-weight:600;line-height:1.6;text-transform:none;letter-spacing:0.01em;padding:0 2rem;position:relative;text-align:center;max-width:60ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-quote-author{color:var(--muted-text,#355477);font-size:0.78rem;text-transform:none;letter-spacing:0.11em;text-transform:uppercase;font-weight:700;opacity:0.9;position:relative;padding-top:0.55rem}.hero-quote-author::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(20,89,130,0),rgba(20,89,130,0.65),rgba(20,89,130,0))}.hero-quote-text::before,.hero-quote-text::after{position:absolute;top:-0.15rem;color:rgba(20,89,130,0.3);font-family:Georgia,"Times New Roman",serif;font-size:2.2rem;line-height:1}.hero-quote-text::before{content:"\201C";left:0}.hero-quote-text::after{content:"\201D";right:0}.hero-article-module{--hero-main-height:480px;--hero-side-row-height:225px;display:grid;grid-template-columns:1.7fr 1.3fr;gap:2.4rem;width:100%;padding:1.25rem;box-sizing:border-box;align-items:stretch}.hero-main-card,.hero-side-card{position:relative;overflow:hidden;border-radius:28px;background:var(--bg-dark);color:var(--text-light);isolation:isolate}.hero-main-card{width:100%;height:var(--hero-main-height,480px);min-height:var(--hero-main-height,480px);max-height:var(--hero-main-height,480px);flex-shrink:0}.hero-main-card > a{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;margin:0}.hero-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1.2rem;height:var(--hero-main-height,480px);min-height:var(--hero-main-height,480px);max-height:var(--hero-main-height,480px);padding:0.75rem 0 0.25rem;box-sizing:border-box;align-self:stretch}.hero-side-card{width:100%;height:100%;min-height:0;max-height:none;position:relative;overflow:hidden;border-radius:28px;display:block;padding:0}.hero-side-card > a{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;margin:0}.hero-main-card .hero-main-image,.hero-side-card .hero-side-image,.hero-side-card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:cover;object-position:center;display:block}.hero-side-card .hero-side-meta{position:absolute;bottom:0;left:0;right:0;padding:1rem}.hero-main-meta,.hero-side-meta{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:1.5rem;background:linear-gradient(180deg,transparent 0%,rgba(7,21,35,0.95) 85%)}.hero-label{display:inline-flex;align-items:center;justify-content:center;margin-bottom:0.75rem;padding:0.45em 0.9em;min-height:2rem;background:var(--bg-blue);border-radius:999px;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;line-height:1;color:#ffffff;box-sizing:border-box}.hero-main-meta h1{margin:0 0 0.75rem;font-size:clamp(1.9rem,2vw,2.5rem);line-height:1.08}.hero-main-meta p{margin:0;max-width:620px;color:rgba(255,255,255,0.88)}.hero-side-meta > span:not(.post-category){display:inline-block;margin-bottom:0.5rem;font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;opacity:0.9}.hero-side-meta .hero-side-title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.08}.section-heading{margin-bottom:1.5rem}.section-heading span:not(.recent-articles-head-line){display:block;font-size:0.8rem;color:var(--text-accent,var(--link-color));text-transform:uppercase;letter-spacing:0.16em;margin-bottom:0.5rem}.section-heading:not(.recent-articles-heading) h2{margin:0;font-size:2rem;letter-spacing:-0.05em}.news-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,0.9fr);gap:1.5rem;margin-bottom:2rem;align-items:start}.news-sidebar{display:grid;gap:1rem;min-width:0;max-width:100%}.news-main{display:grid;gap:1.5rem;min-width:0}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.post-card{background:var(--bg-dark);color:var(--text-light);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,0.18);transition:transform 0.2s ease,box-shadow 0.2s ease}.news-section .post-card{overflow:hidden}.post-card:hover{transform:translateY(-4px);box-shadow:0 32px 90px rgba(15,23,42,0.22)}.post-card img{width:100%;height:220px;object-fit:cover;max-width:100%}.post-card-body{padding:1.5rem}.post-category,.post-card .post-category{display:inline-flex;align-items:center;justify-content:center;gap:0.38rem;background:var(--badge-bg,#eef5ff);color:var(--badge-text);border:1px solid color-mix(in srgb,var(--badge-text) 62%,transparent);border-radius:999px;padding:0.45em 0.95em;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.9rem;line-height:1;box-shadow:none;min-height:2rem;box-sizing:border-box;vertical-align:middle}.post-category.has-platform i{font-size:0.95em;opacity:0.95}.post-category-label,.post-category a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;margin:0;padding:0;line-height:1.15;letter-spacing:inherit}.post-category a:hover{text-decoration:underline}.category-mag-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;margin:0 0 0.35rem}.category-mag-hero-badge{font-size:0.82rem}.hero-label.post-category,.hero-side-label.post-category{margin-bottom:0.55rem}.hero-main-meta .post-category.hero-label,.hero-main-meta .hero-label,.hero-side-meta .post-category.hero-side-label{display:inline-flex !important;align-items:center !important;justify-content:center !important;background:var(--bg-blue) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.38) !important;box-shadow:none !important;min-height:2rem;padding:0.45em 0.95em !important;line-height:1 !important;letter-spacing:0.1em !important;margin-bottom:0.55rem !important}.hero-main-meta .post-category .post-category-label,.hero-main-meta .post-category a,.hero-side-meta .post-category .post-category-label,.hero-side-meta .post-category a{display:inline-flex !important;align-items:center !important;margin:0 !important;padding:0 !important;line-height:1.15 !important;letter-spacing:inherit !important;opacity:1 !important;font-size:inherit !important;color:inherit !important;text-transform:inherit !important}.related-card-category.post-category,.game-sheet-news-category{margin-bottom:0.45rem}.single-article-category-badge{margin-bottom:0.65rem}.single-article-header .single-article-category-badge{margin-bottom:0.65rem}.post-promo-code{display:inline-flex;align-items:center;width:fit-content;min-height:24px;margin:0 0 0.7rem;padding:0.14rem 0.5rem;border-radius:999px;border:1px solid rgba(234,88,12,0.26);background:rgba(251,146,60,0.14);color:#9a3412;font-size:0.72rem;font-weight:700}.post-game-tag{display:inline-flex;align-items:center;background:rgba(255,255,255,0.08);color:var(--text-accent,var(--link-color));border-radius:999px;padding:0.35rem 0.75rem;font-size:0.75rem;font-weight:700;margin-bottom:0.9rem}.post-card h2{margin:0;font-size:1.25rem;line-height:1.35}.post-card p{margin:0.9rem 0 1.2rem;color:rgba(255,255,255,0.75);line-height:1.7}.post-meta{display:flex;gap:0.75rem;flex-wrap:wrap;font-size:0.85rem;color:rgba(255,255,255,0.65)}.post-meta i{margin-right:0.32rem;opacity:0.85}.post-views{display:inline-flex;align-items:center;gap:0.32rem;font-weight:400;color:inherit}.post-views i{margin-right:0;color:currentColor;opacity:0.88;font-size:1em;text-shadow:none;filter:none}.news-section .sidebar-ad-panel.play4geek-ad-slot-sidebar-home-news{overflow:visible;min-height:0;height:auto}.news-section .sidebar-ad-panel.play4geek-ad-slot-sidebar-home-news .p4g-sidebar-ad-300x250{flex:0 0 auto}.news-section .news-sidebar .play4geek-ad-slot-sidebar,.news-section .news-sidebar .ad-slot-sidebar{width:300px;max-width:100%;margin-left:auto;margin-right:auto}.news-section .news-sidebar .play4geek-ad-slot-sidebar .play4geek-ad-inner,.news-section .news-sidebar .play4geek-ad-slot-sidebar .p4g-sidebar-ad-300x250__unit{width:300px;height:250px;max-width:100%;padding:0;overflow:hidden}.post-card{background:var(--bg-dark);color:var(--text-light);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,0.16)}.post-card img{width:100%;height:190px;object-fit:cover}.post-card-body{padding:1.25rem}.post-card .post-category{display:inline-flex;align-items:center;justify-content:center;background:var(--badge-bg,#eef5ff);color:var(--badge-text);border:1px solid color-mix(in srgb,var(--badge-text) 62%,transparent);border-radius:999px;padding:0.45em 0.95em;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.85rem;line-height:1;min-height:2rem;box-shadow:none;box-sizing:border-box}.post-card-body > .post-category .post-category-label,.post-card-body > .post-category a{display:inline-flex;align-items:center;margin:0;padding:0;line-height:1.15;color:inherit}.post-card h2{margin:0;font-size:1.2rem;line-height:1.3}.post-card p{margin:0.8rem 0 1rem;color:rgba(255,255,255,0.75)}.post-meta{display:flex;gap:0.5rem;flex-wrap:wrap;font-size:0.85rem;color:rgba(255,255,255,0.65)}.meta-separator{color:rgba(255,255,255,0.3)}.blog-sidebar{display:grid;gap:1rem}.sidebar-panel:not(.sidebar-live):not(.sidebar-newsletter):not(.sidebar-hype-widget):not(.sidebar-discord):not(.sidebar-poll):not(.sidebar-recent-comments):not(.sidebar-collection-widget):not(.sidebar-auctions-spotlight){background:var(--bg-blue);color:var(--text-light);padding:1.5rem;border-radius:24px}.sidebar-live{background:var(--theme-gradient-vertical);min-width:0;max-width:100%;box-sizing:border-box;overflow:visible}.sidebar-live .streamer-list,.sidebar-live .streamer-item{min-width:0;max-width:100%}.sidebar-live .streamer-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:0.35rem 0.5rem}.sidebar-live .streamer-meta{flex:1 1 10rem;min-width:0}.sidebar-live .streamer-card-aside{flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto;text-align:right;white-space:normal;word-break:break-word}.sidebar-live .streamer-metric{font-size:0.78rem;line-height:1.3}.sidebar-live h3{margin:0 0 0.65rem;font-size:1rem;color:#fff;display:flex;align-items:center;gap:0.45rem}.streamer-live-player{margin-bottom:0.9rem;border:1px solid rgba(255,255,255,0.14);border-radius:16px;overflow:hidden;background:rgba(0,0,0,0.2)}.streamer-inline-details{margin-top:0.35rem}.streamer-player-toggle{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.streamer-inline-player.is-collapsed{display:none !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important}.streamer-inline-player:not(.is-collapsed){display:block;margin-top:0.55rem}.streamer-inline-player:not(.is-collapsed) .member-twitch-embed--player{aspect-ratio:16 / 9;height:auto;min-height:0}.sidebar-live .streamer-inline-player{margin-top:0.55rem;border:0;padding:0;background:transparent;border-radius:12px;overflow:hidden;width:100%;max-width:100%;min-width:0}.sidebar-live .streamer-inline-player:not(.is-collapsed){display:block !important;height:auto !important;min-height:0;border:1px solid rgba(255,255,255,0.18)}.sidebar-live .streamer-inline-player .member-twitch-embed--player{position:relative;width:100%;max-width:100%;min-width:0;min-height:0;aspect-ratio:16 / 9;height:auto;border-color:rgba(255,255,255,0.14);background:#0e0e10}.sidebar-live .streamer-inline-player .member-twitch-embed--player iframe{position:absolute;inset:0;width:100%;max-width:100%;height:100%;border:0;display:block}.sidebar-live label.streamer-play-button,.sidebar-live button.streamer-play-button{cursor:pointer;font-family:inherit;line-height:1.2;margin:0;appearance:none;-webkit-appearance:none}.streamer-inline-details > summary{list-style:none;cursor:pointer}.streamer-inline-details > summary::-webkit-details-marker{display:none}.streamer-inline-details:not([open]) .streamer-inline-player{display:none}.streamer-inline-details[open] > summary{margin-bottom:0.45rem}.streamer-inline-details[open] .streamer-inline-player{display:block}.streamer-inline-player{margin-top:0.2rem;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.18)}.streamer-inline-player.is-collapsed{border:0}.streamer-inline-player:not(.is-collapsed) .streamer-live-embed{min-height:180px}.streamer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem}.streamer-card-aside{flex:0 0 auto;text-align:right;max-width:42%}.streamer-metric{display:block;font-size:0.82rem;font-weight:700;line-height:1.35;color:rgba(255,255,255,0.92)}.streamer-metric--viewers{color:var(--text-accent,var(--link-color))}.streamer-metric--followers{color:rgba(255,255,255,0.88)}.streamer-item.is-offline .streamer-status.is-offline{color:rgba(255,255,255,0.62)}.streamer-item.is-live .streamer-avatar{border:2.5px solid #e11d48;box-shadow:0 0 0 2px rgba(225,29,72,0.28),0 0 12px rgba(225,29,72,0.4)}.streamer-item.is-live .streamer-status.is-live{display:inline-flex;align-items:center;gap:0.3rem;color:#ffffff;font-weight:700;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;line-height:1.2;padding:0;margin:0;border-radius:0;background:transparent;border:0;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,0.75),0 0 10px rgba(0,0,0,0.35)}.streamer-status.is-live .streamer-live-dot{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background:#e11d48;color:#e11d48;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,0.2),0 0 6px rgba(225,29,72,0.55);animation:streamer-live-pulse 1.4s ease-in-out infinite}@keyframes streamer-live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.78)}}.streamer-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.45rem}.streamer-game{flex:1 1 auto;min-width:0}.sidebar-live .streamer-info{display:grid;gap:0.45rem;align-items:start}.sidebar-live .streamer-game{min-width:0;white-space:normal;overflow:visible;text-overflow:unset;word-break:break-word;line-height:1.35}.sidebar-live .streamer-actions{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0.35rem;width:100%;min-width:0}.sidebar-live .streamer-card-head{flex-wrap:wrap;align-items:flex-start}.sidebar-live .streamer-meta{flex:1 1 100%;min-width:0;width:100%}.sidebar-live .streamer-meta-main{display:flex;align-items:center;gap:0.55rem;width:100%;min-width:0}.sidebar-live .streamer-meta-main .streamer-pseudo,.sidebar-live .streamer-meta-main > strong{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-live .streamer-meta-main .streamer-status{display:inline-flex;align-items:center;margin-left:auto;flex-shrink:0;white-space:nowrap}.sidebar-live .streamer-card-aside{flex:1 1 100%;min-width:0;max-width:100%;margin-left:0;white-space:normal;text-align:left}.sidebar-live .streamer-play-button,.sidebar-live .streamer-button{flex:1 1 0;min-width:0;max-width:none;white-space:nowrap;text-align:center;line-height:1.15;padding:0.42rem 0.5rem;font-size:0.68rem;gap:0.32rem}.sidebar-live .streamer-action-icon{flex-shrink:0;font-size:0.78rem;line-height:1;opacity:0.92}.sidebar-live .streamer-action-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.streamer-info span{font-size:0.9rem;color:rgba(255,255,255,0.82)}.sidebar-live .streamer-button,.sidebar-live .streamer-play-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;text-decoration:none;cursor:pointer;background:var(--bg-blue);color:var(--button-text,#ffffff);border:1px solid color-mix(in srgb,var(--bg-blue) 72%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--bg-blue) 28%,transparent)}.sidebar-live .streamer-play-button{font-weight:700}.sidebar-live .streamer-button:hover,.sidebar-live .streamer-play-button:hover,.sidebar-live .streamer-button:focus-visible,.sidebar-live .streamer-play-button:focus-visible{background:var(--bg-accent);color:var(--button-text,#ffffff);border-color:color-mix(in srgb,var(--bg-accent) 72%,transparent)}.sidebar-live .streamer-item.is-live .streamer-avatar{border:2.5px solid #e11d48;box-shadow:0 0 0 2px rgba(225,29,72,0.28),0 0 12px rgba(225,29,72,0.4)}.sidebar-live .streamer-item.is-live .streamer-status.is-live{display:inline-flex;align-items:center;gap:0.3rem;color:#ffffff;font-weight:700;font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;line-height:1.2;padding:0;margin:0 0 0 auto;border-radius:0;background:transparent;border:0;box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,0.75),0 0 10px rgba(0,0,0,0.35)}.sidebar-live .streamer-status.is-live .streamer-live-dot{display:inline-block;width:0.4rem;height:0.4rem;border-radius:50%;background:#e11d48;color:#e11d48;flex-shrink:0;box-shadow:0 0 0 1px rgba(0,0,0,0.2),0 0 6px rgba(225,29,72,0.55);animation:streamer-live-pulse 1.4s ease-in-out infinite}.sidebar-live .streamer-metric--viewers{color:var(--text-accent,var(--link-color))}.sidebar-newsletter h3{margin-top:0;color:#fff}.sidebar-newsletter p{color:rgba(255,255,255,0.92)}.sidebar-highlight{background:var(--theme-gradient-btn)}.sidebar-panel h3{margin-top:0}.sidebar-panel ul{margin:1rem 0 0;padding:0;list-style:none}.sidebar-panel li{margin-bottom:0.85rem}.sidebar-panel:not(.sidebar-poll):not(.sidebar-hype-widget):not(.sidebar-auctions-spotlight) li a:not(.streamer-button):not(.sidebar-auctions-banner){color:#ffffff;opacity:0.95}.hero-intro{background:#ffffff;padding:2rem;border-radius:24px;box-shadow:0 24px 80px rgba(15,23,42,0.08)}.hero-intro .eyebrow{display:inline-block;margin-bottom:1rem;color:var(--text-accent,var(--link-color));font-weight:700;text-transform:uppercase;letter-spacing:0.12em}.hero-intro h2{font-size:clamp(2rem,2.4vw,3.2rem);margin:0 0 1rem;line-height:1.05}.hero-intro p{margin:0;color:#4b5563}.hero-highlights{display:grid;gap:1rem}.hero-card{position:relative;overflow:hidden;border-radius:24px;min-height:260px;display:flex;align-items:flex-end;background:#111827;color:var(--text-light)}.hero-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,0.85))}.hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-card-content{position:relative;padding:1.5rem;z-index:1}.hero-card-content span{display:inline-block;margin-bottom:0.75rem;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.1em}.hero-card-content h3{margin:0;font-size:1.25rem;line-height:1.25}.home-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:1.5rem;margin-bottom:2rem}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.post-card,.card-panel{background:var(--bg-dark);color:var(--text-light);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,0.18);transition:transform 0.24s ease,box-shadow 0.24s ease}.post-card:hover,.card-panel:hover{transform:translateY(-4px);box-shadow:0 32px 90px rgba(15,23,42,0.22)}.post-card img,.card-panel img{width:100%;height:220px;object-fit:cover}.post-card h2,.post-card h3,.card-panel h3{margin-top:0;margin-bottom:0.85rem;font-size:1.25rem;line-height:1.35;color:var(--text-light)}.post-card h3 a{color:var(--text-light)}.post-card p{margin:0 0 1.1rem;color:rgba(255,255,255,0.82)}.post-card-body{padding:1.5rem}.blog-layout{display:grid;grid-template-columns:2.2fr 0.9fr;gap:1.5rem}.blog-sidebar{display:grid;gap:1rem}.sidebar-panel{background:var(--bg-blue);color:var(--text-light);padding:1.5rem}.sidebar-panel.sidebar-poll,.sidebar-panel.sidebar-poll.sidebar-poll--pro{background:transparent;color:inherit;padding:0}.sidebar-panel.sidebar-collection-widget,.sidebar-panel.sidebar-recent-comments,.sidebar-panel.sidebar-poll,.sidebar-panel.sidebar-poll.sidebar-poll--pro,.sidebar-panel.sidebar-poll.sidebar-recent-comments,.sidebar-panel.sidebar-auctions-spotlight{background:transparent;color:var(--text-dark,#111827);padding:0;border:0;border-radius:0;box-shadow:none}.sidebar-panel.sidebar-collection-widget h3,.sidebar-panel.sidebar-recent-comments h3,.sidebar-panel.sidebar-poll.sidebar-recent-comments h3,.sidebar-panel.sidebar-auctions-spotlight h3{color:var(--text-dark,#111827)}.news-section .news-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro,.single-article-page .article-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro{background:linear-gradient(165deg,#fff 0%,#f8fbff 100%);border:1px solid var(--border-color,#d6e3f3);border-radius:18px;padding:0;overflow:visible;box-shadow:0 10px 28px rgba(15,35,70,0.06);color:var(--text-dark,#111827)}.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-title,.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-question,.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-option-text,.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-nav-label,.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-result-label,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-title,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-question,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-option-text,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-nav-label,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-result-label{color:var(--text-dark,#111827)}.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-submit,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-submit{color:#fff}.news-section .news-sidebar .sidebar-poll--pro fieldset.sidebar-poll-options,.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-form,.single-article-page .article-sidebar .sidebar-poll--pro fieldset.sidebar-poll-options,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-form{border:0;margin:0;padding:0;min-width:0}.news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-option,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-option{position:relative}.news-section .news-sidebar .p4g-sidebar-widget > .sidebar-poll.sidebar-poll--pro,.single-article-page .article-sidebar .p4g-sidebar-widget > .sidebar-poll.sidebar-poll--pro{width:100%;max-width:100%;box-sizing:border-box}.news-section .sidebar-panel.sidebar-recent-comments,.news-section .sidebar-panel.sidebar-poll.sidebar-recent-comments{background:var(--surface-panel,#f6f9ff);border:1px solid var(--border-color,#d6e3f3);border-radius:12px;padding:0.9rem;box-sizing:border-box}.news-section .sidebar-panel.sidebar-auctions-spotlight{background:linear-gradient(180deg,rgba(255,255,255,0.98) 0%,var(--surface-panel,#f6f9ff) 100%);border:1px solid var(--border-color,#d6e3f3);border-radius:14px;padding:1rem 0.9rem 0.85rem;box-sizing:border-box;box-shadow:0 10px 28px rgba(15,23,42,0.06)}.news-section .sidebar-panel.sidebar-recent-comments h3,.news-section .sidebar-panel.sidebar-poll.sidebar-recent-comments h3,.sidebar-auctions-headline h3{margin:0 0 0.65rem;padding:0 0.4rem;font-size:0.92rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;display:flex;align-items:center;gap:0.45rem}.news-section .sidebar-panel.sidebar-auctions-spotlight .sidebar-auctions-headline h3{margin:0 0 0.25rem;padding:0}.news-section .sidebar-panel.sidebar-recent-comments h3 i,.news-section .sidebar-panel.sidebar-auctions-spotlight h3 i{color:var(--text-accent,var(--link-color))}.sidebar-panel.sidebar-auctions-spotlight{color:var(--text-dark,#111827)}.sidebar-auctions-headline{margin-bottom:0.75rem;padding:0 0.15rem}.sidebar-auctions-headline h3{margin:0 0 0.25rem}.sidebar-auctions-kicker{margin:0;font-size:0.74rem;line-height:1.4;color:var(--muted-text,#56463f)}.sidebar-auctions-list{list-style:none;margin:0;padding:0;display:grid;gap:0.55rem}.sidebar-panel.sidebar-auctions-spotlight .sidebar-auctions-list > li{margin:0}.sidebar-auctions-item{margin:0}.sidebar-panel.sidebar-auctions-spotlight .sidebar-auctions-list > li > a{display:block !important;color:#fff !important;opacity:1 !important;text-decoration:none !important}.sidebar-auctions-banner{position:relative;display:block !important;overflow:hidden;min-height:4.1rem;border-radius:11px;background-color:#0f172a;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,0.08);box-shadow:0 10px 24px rgba(15,23,42,0.22),0 2px 6px rgba(15,23,42,0.12);transition:transform 0.16s ease,box-shadow 0.16s ease}.sidebar-auctions-banner--no-cover{background-image:linear-gradient(120deg,#1e3a5f 0%,#0f172a 55%,#1e293b 100%)}.sidebar-auctions-banner:hover,.sidebar-auctions-banner:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,0.28),0 4px 10px rgba(15,23,42,0.14)}.sidebar-auctions-banner-scrim{position:absolute;inset:0;background:linear-gradient( 90deg,rgba(15,23,42,0.88) 0%,rgba(15,23,42,0.62) 42%,rgba(15,23,42,0.52) 100% );pointer-events:none}.sidebar-auctions-item.is-upcoming .sidebar-auctions-banner-scrim{background:linear-gradient( 90deg,rgba(15,23,42,0.9) 0%,rgba(30,58,110,0.58) 50%,rgba(15,23,42,0.5) 100% )}.sidebar-auctions-banner-grid{position:relative;z-index:1;display:grid !important;grid-template-columns:minmax(0,1fr) auto auto;justify-items:stretch;align-items:center;gap:0.45rem 0.55rem;width:100%;min-height:4.1rem;padding:0.5rem 0.55rem 0.5rem 0.65rem;box-sizing:border-box}.sidebar-auctions-banner-main{display:flex;flex-direction:column;justify-content:center;align-items:stretch;align-self:stretch;justify-self:stretch;gap:0.12rem;min-width:0;width:100%;max-width:100%;text-align:left}.sidebar-auctions-banner-title{display:block;width:100%;max-width:100%;color:#fff !important;font-size:0.78rem;font-weight:700;line-height:1.28;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 10px rgba(0,0,0,0.45)}.sidebar-auctions-banner-bid{display:block;width:100%;max-width:100%;color:rgba(255,255,255,0.82) !important;font-size:0.64rem;font-weight:700;font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-auctions-banner-time{justify-self:center;display:inline-flex !important;align-items:center;gap:0.28rem;padding:0.22rem 0.5rem;border-radius:999px;background:rgba(0,0,0,0.38);border:1px solid rgba(255,255,255,0.14);color:#fff !important;font-size:0.66rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;backdrop-filter:blur(4px)}.sidebar-auctions-banner-time--empty{visibility:hidden;min-width:0;padding:0;border:0;background:transparent}.sidebar-auctions-banner-time i{font-size:0.68rem;opacity:0.92;color:#fff !important}.sidebar-auctions-banner-cta{justify-self:end;display:inline-flex !important;align-items:center;justify-content:center;padding:0.36rem 0.78rem;border-radius:999px;background:var(--bg-accent,#e85d04) !important;color:#fff !important;font-size:0.68rem;font-weight:800;letter-spacing:0.02em;white-space:nowrap;box-shadow:0 4px 14px rgba(232,93,4,0.5)}.sidebar-auctions-item.is-upcoming .sidebar-auctions-banner-cta{background:var(--bg-blue,#1e73be) !important;box-shadow:0 4px 14px rgba(30,115,190,0.38)}@media (max-width:420px){.sidebar-auctions-banner-grid{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title time" "cta cta";row-gap:0.35rem}.sidebar-auctions-banner-main{grid-area:title}.sidebar-auctions-banner-time{grid-area:time;justify-self:end}.sidebar-auctions-banner-cta{grid-area:cta;justify-self:stretch;width:100%}}.sidebar-auctions-empty{margin:0;padding:0.65rem 0.15rem;font-size:0.82rem;line-height:1.45;color:var(--muted-text,#56463f)}.sidebar-auctions-more{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.7rem;padding:0.45rem 0.15rem 0.1rem;font-size:0.8rem;font-weight:700;color:var(--text-accent,var(--link-color));text-decoration:none}.sidebar-auctions-more:hover,.sidebar-auctions-more:focus-visible{color:var(--text-accent,var(--link-color))}.sidebar-auctions-more i{font-size:0.72rem;transition:transform 0.15s ease}.sidebar-auctions-more:hover i,.sidebar-auctions-more:focus-visible i{transform:translateX(2px)}body.theme-dark .sidebar-panel.sidebar-auctions-spotlight,html.theme-dark .news-section .sidebar-panel.sidebar-auctions-spotlight,html.theme-dark .sidebar-panel.sidebar-auctions-spotlight{background:linear-gradient( 165deg,var(--surface-panel) 0%,color-mix(in srgb,var(--surface-card) 90%,var(--surface-panel)) 100% ) !important;border:1px solid var(--border-color) !important;color:var(--text-dark) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}html.theme-dark .news-section .news-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro,html.theme-dark .single-article-page .article-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro{background:linear-gradient( 165deg,var(--surface-panel) 0%,color-mix(in srgb,var(--surface-card) 90%,var(--surface-panel)) 100% ) !important;border:1px solid var(--border-color) !important;color:var(--text-dark) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}html.theme-dark .news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-header,html.theme-dark .single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-header,html.theme-dark .sidebar-poll--pro .sidebar-poll-header{background:color-mix(in srgb,var(--surface-panel) 92%,var(--surface-card)) !important;background-color:color-mix(in srgb,var(--surface-panel) 92%,var(--surface-card)) !important;border-bottom-color:var(--border-color) !important}html.theme-dark .news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-title,html.theme-dark .news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-question,html.theme-dark .news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-option-text,html.theme-dark .news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-nav-label,html.theme-dark .news-section .news-sidebar .sidebar-poll--pro .sidebar-poll-result-label,html.theme-dark .single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-title,html.theme-dark .single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-question,html.theme-dark .single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-option-text,html.theme-dark .single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-nav-label,html.theme-dark .single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-result-label{color:var(--text-dark) !important}html.theme-dark .sidebar-panel.sidebar-poll.sidebar-recent-comments h3,html.theme-dark .sidebar-panel.sidebar-recent-comments h3,html.theme-dark .sidebar-panel.sidebar-auctions-spotlight h3,html.theme-dark .sidebar-auctions-headline h3{color:var(--text-dark)}html.theme-dark .home-after-tests-sidebar-box .sidebar-recent-comments-author,html.theme-dark .news-section .sidebar-recent-comments-author,body.theme-dark .home-after-tests-sidebar-box .sidebar-recent-comments-author,body.theme-dark .news-section .sidebar-recent-comments-author{color:var(--text-dark) !important}html.theme-dark .home-after-tests-sidebar-box .sidebar-recent-comments-text,html.theme-dark .home-after-tests-sidebar-box .sidebar-recent-comments-post,html.theme-dark .news-section .sidebar-recent-comments-text,html.theme-dark .news-section .sidebar-recent-comments-post,body.theme-dark .home-after-tests-sidebar-box .sidebar-recent-comments-text,body.theme-dark .home-after-tests-sidebar-box .sidebar-recent-comments-post,body.theme-dark .news-section .sidebar-recent-comments-text,body.theme-dark .news-section .sidebar-recent-comments-post{color:var(--muted-text) !important}html.theme-dark .news-section .sidebar-panel.sidebar-auctions-spotlight h3 i{color:var(--link-color)}body.theme-dark .sidebar-auctions-kicker,body.theme-dark .sidebar-auctions-empty,html.theme-dark .sidebar-auctions-kicker,html.theme-dark .sidebar-auctions-empty{color:var(--muted-text)}html.theme-dark .sidebar-auctions-more{color:var(--link-color)}html.theme-dark .sidebar-auctions-more:hover,html.theme-dark .sidebar-auctions-more:focus-visible{color:var(--link-hover-color)}html.theme-dark .news-section .sidebar-panel.sidebar-live,html.theme-dark .sidebar-panel.sidebar-live,html.theme-dark .sidebar-live,html.theme-dark .sidebar-widget.sidebar-live,body.theme-dark .sidebar-live{background:linear-gradient( 165deg,var(--surface-panel) 0%,color-mix(in srgb,var(--surface-card) 90%,var(--surface-panel)) 100% ) !important;border:1px solid var(--border-color) !important;color:var(--text-dark) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03)}html.theme-dark .sidebar-live h3,body.theme-dark .sidebar-live h3{color:var(--text-dark) !important}html.theme-dark .sidebar-live .streamer-meta strong,html.theme-dark .sidebar-live .streamer-meta-main .streamer-pseudo,html.theme-dark .sidebar-live .streamer-meta-main > strong,body.theme-dark .sidebar-live .streamer-meta strong,body.theme-dark .sidebar-live .streamer-meta-main .streamer-pseudo,body.theme-dark .sidebar-live .streamer-meta-main > strong{color:var(--text-dark) !important}html.theme-dark .sidebar-live .streamer-status,html.theme-dark .sidebar-live .streamer-item.is-offline .streamer-status.is-offline,body.theme-dark .sidebar-live .streamer-status,body.theme-dark .sidebar-live .streamer-item.is-offline .streamer-status.is-offline{color:var(--muted-text) !important}html.theme-dark .sidebar-live .streamer-info span,html.theme-dark .sidebar-live .streamer-game,html.theme-dark .sidebar-live .streamer-metric--followers,body.theme-dark .sidebar-live .streamer-info span,body.theme-dark .sidebar-live .streamer-game,body.theme-dark .sidebar-live .streamer-metric--followers{color:var(--muted-text) !important}html.theme-dark .sidebar-live .streamer-metric,body.theme-dark .sidebar-live .streamer-metric{color:var(--text-dark) !important}html.theme-dark .sidebar-live .streamer-metric--viewers,body.theme-dark .sidebar-live .streamer-metric--viewers{color:var(--link-color) !important}html.theme-dark .sidebar-live .streamer-item,body.theme-dark .sidebar-live .streamer-item{background:var(--surface-card) !important;border:1px solid var(--border-color) !important}html.theme-dark .sidebar-live .streamer-item.is-live,body.theme-dark .sidebar-live .streamer-item.is-live{border-color:color-mix(in srgb,var(--link-color) 34%,var(--border-color)) !important;background:linear-gradient( 180deg,color-mix(in srgb,var(--link-color) 10%,var(--surface-card)) 0%,var(--surface-card) 100% ) !important}html.theme-dark .sidebar-live .streamer-avatar,body.theme-dark .sidebar-live .streamer-avatar{border-color:color-mix(in srgb,var(--border-color) 70%,#ffffff) !important}html.theme-dark .sidebar-live .streamer-inline-player:not(.is-collapsed),html.theme-dark .sidebar-live .streamer-inline-player:not(.is-collapsed) .member-twitch-embed--player,body.theme-dark .sidebar-live .streamer-inline-player:not(.is-collapsed){border-color:var(--border-color) !important}html.theme-dark .sidebar-live .streamer-button,html.theme-dark .sidebar-live .streamer-play-button,html.theme-dark .sidebar-live button.streamer-play-button,body.theme-dark .sidebar-live .streamer-button,body.theme-dark .sidebar-live .streamer-play-button,body.theme-dark .sidebar-live button.streamer-play-button{background:color-mix(in srgb,var(--link-color) 10%,var(--surface-card)) !important;color:var(--link-color) !important;border:1px solid color-mix(in srgb,var(--border-color) 72%,var(--link-color)) !important;box-shadow:none !important}html.theme-dark .sidebar-live .streamer-button:hover,html.theme-dark .sidebar-live .streamer-play-button:hover,html.theme-dark .sidebar-live button.streamer-play-button:hover,html.theme-dark .sidebar-live .streamer-button:focus-visible,html.theme-dark .sidebar-live .streamer-play-button:focus-visible,html.theme-dark .sidebar-live button.streamer-play-button:focus-visible,body.theme-dark .sidebar-live .streamer-button:hover,body.theme-dark .sidebar-live .streamer-play-button:hover,body.theme-dark .sidebar-live button.streamer-play-button:hover,body.theme-dark .sidebar-live .streamer-button:focus-visible,body.theme-dark .sidebar-live .streamer-play-button:focus-visible,body.theme-dark .sidebar-live button.streamer-play-button:focus-visible{background:color-mix(in srgb,var(--link-color) 18%,var(--surface-card)) !important;color:var(--link-hover-color) !important;border-color:color-mix(in srgb,var(--link-color) 42%,var(--border-color)) !important}html.theme-dark .sidebar-live-more,body.theme-dark .sidebar-live-more{border-top-color:var(--border-color) !important}html.theme-dark .sidebar-live-more-link,body.theme-dark .sidebar-live-more-link{background:color-mix(in srgb,var(--link-color) 10%,var(--surface-card)) !important;color:var(--link-color) !important;border:1px solid var(--border-color) !important;box-shadow:none !important}html.theme-dark .sidebar-live-more-link:hover,html.theme-dark .sidebar-live-more-link:focus-visible,body.theme-dark .sidebar-live-more-link:hover,body.theme-dark .sidebar-live-more-link:focus-visible{background:color-mix(in srgb,var(--link-color) 18%,var(--surface-card)) !important;color:var(--link-hover-color) !important}.sidebar-panel h3,.sidebar-panel h4{margin-top:0}.sidebar-panel ul{margin:1rem 0 0;padding:0;list-style:none}.sidebar-panel li{margin-bottom:0.85rem}.sidebar-panel:not(.sidebar-poll):not(.sidebar-hype-widget):not(.sidebar-auctions-spotlight) li a:not(.streamer-button):not(.sidebar-auctions-banner){color:var(--text-light)}.sidebar-highlight{background:var(--theme-gradient-btn)}.promo-section{margin-top:2rem}.promo-section h2{margin-bottom:1rem}.promo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.promo-card{background:var(--bg-dark);color:var(--text-light);border-radius:20px;padding:1.5rem}.promo-card h3{margin-bottom:0.75rem}.hero-main-meta h1 a,.hero-side-meta .hero-side-title a{color:var(--text-light)}.hero-main-meta p,.hero-side-meta > span:not(.post-category),.hero-side-meta .hero-side-title{color:rgba(255,255,255,0.8)}.hero-side-meta .post-category,.hero-main-meta .post-category{color:#ffffff}.editorial-hero-heading{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.12rem 1.2rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(128deg,var(--theme-surface-deep) 0%,var(--bg-dark) 45%,var(--bg-blue) 100%);color:#fff;min-height:132px}.editorial-hero-heading::before{content:"";position:absolute;inset:-70% auto auto -18%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.14),rgba(255,255,255,0));pointer-events:none}.recent-heading-main{position:relative;z-index:1}.recent-heading-main > span,.recent-heading-kicker{text-transform:uppercase;letter-spacing:0.1em;font-size:0.7rem;margin:0 0 0.3rem;display:inline-block;color:rgba(255,255,255,0.9);font-weight:700}.recent-heading-main h2{margin:0 0 0.32rem;color:#fff;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.1;letter-spacing:-0.01em}.editorial-hero-heading h1{margin:0 0 0.32rem;color:#fff;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.1;letter-spacing:-0.01em}.recent-heading-main p{color:rgba(255,255,255,0.9);max-width:56ch}.recent-heading-cta{position:relative;z-index:1;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);color:#fff}.recent-heading-cta:hover{background:rgba(255,255,255,0.14)}.news-section .p4g-home-news-heading{display:flex;align-items:center;flex-wrap:nowrap;gap:0.65rem;margin-bottom:0;padding:0;border:0;background:transparent;min-width:0}.news-main > .p4g-home-news-heading{margin-bottom:0}.news-section .p4g-home-news-heading__title{margin:0;flex:0 1 auto;min-width:0;font-size:clamp(0.82rem,0.95vw,1rem);font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:0.04em;color:rgba(14,32,56,0.9);white-space:nowrap;position:relative;padding-left:0.65rem}.news-section .p4g-home-news-heading__title::before{content:"";position:absolute;left:0;top:0.08em;bottom:0.08em;width:3px;border-radius:999px;background:linear-gradient(180deg,var(--bg-blue),var(--bg-accent))}.news-section .p4g-home-news-heading__line,.news-section .p4g-home-news-heading .recent-articles-head-line{flex:1 1 auto;display:block;width:auto;min-width:0.75rem;max-width:none;height:3px;margin:0;padding:0;border-radius:999px;background:var(--bg-blue);opacity:0.92;font-size:0;line-height:0;align-self:center}.news-section .p4g-home-news-heading__more{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.35rem;padding:0;font-size:0.72rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:0.055em;color:var(--text-accent,var(--link-color));text-decoration:none;white-space:nowrap;border:0;background:transparent;transition:color 0.15s ease}.news-section .p4g-home-news-heading__more span{display:inline-block;line-height:1.15}.news-section .p4g-home-news-heading__more i{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:1.15em;font-size:0.92em;line-height:1;opacity:0.92}.news-section .p4g-home-news-heading__more i::before{display:block;line-height:1;transform:translateY(-0.06em);transition:transform 0.15s ease}.news-section .p4g-home-news-heading__more:hover,.news-section .p4g-home-news-heading__more:focus-visible{color:var(--text-accent,var(--link-color));background:transparent}.news-section .p4g-home-news-heading__more:hover i::before,.news-section .p4g-home-news-heading__more:focus-visible i::before{transform:translateY(-0.06em) translateX(2px)}.news-section .p4g-home-news-heading__views,.news-section .p4g-home-news-heading .p4g-news-layout-toggle{flex:0 0 auto;display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.35rem;border:0;border-radius:10px;background:color-mix(in srgb,var(--bg-blue) 4%,var(--surface-panel,#fff8f5))}.news-section .p4g-home-news-heading__view-btn,.news-section .p4g-home-news-heading .p4g-news-layout-btn{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;min-width:2.15rem;min-height:2.15rem;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted-text,#56463f);cursor:pointer;transition:background 0.15s ease,color 0.15s ease,box-shadow 0.15s ease,transform 0.12s ease}.news-section .p4g-home-news-heading__view-btn:hover,.news-section .p4g-home-news-heading .p4g-news-layout-btn:hover{background:color-mix(in srgb,var(--bg-blue) 12%,#ffffff);color:var(--text-accent,var(--link-color))}.news-section .p4g-home-news-heading__view-btn:focus-visible,.news-section .p4g-home-news-heading .p4g-news-layout-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--bg-blue) 45%,transparent);outline-offset:1px}.news-section .p4g-home-news-heading__view-btn.is-active,.news-section .p4g-home-news-heading .p4g-news-layout-btn.is-active{color:#ffffff;background:linear-gradient(180deg,var(--bg-blue),var(--bg-accent));box-shadow:0 2px 8px color-mix(in srgb,var(--bg-blue) 32%,transparent)}.news-section .p4g-home-news-heading__view-btn + .p4g-home-news-heading__view-btn,.news-section .p4g-home-news-heading .p4g-news-layout-btn + .p4g-news-layout-btn{border-left:0}.news-section .p4g-home-news-heading__view-btn i,.news-section .p4g-home-news-heading .p4g-news-layout-btn i{font-size:0.95rem;line-height:1;pointer-events:none}@media (max-width:1024px){.news-section .p4g-home-news-heading__views,.news-section .p4g-home-news-heading .p4g-news-layout-toggle{display:none !important}}@media (max-width:720px){.news-section .p4g-home-news-heading{gap:0.45rem}.news-section .p4g-home-news-heading__title{font-size:0.76rem;max-width:min(46vw,11.5rem);overflow:hidden;text-overflow:ellipsis}.news-section .p4g-home-news-heading__more{font-size:0.64rem}.news-section .p4g-home-news-heading__view-btn,.news-section .p4g-home-news-heading .p4g-news-layout-btn{width:1.95rem;height:1.95rem;min-width:1.95rem;min-height:1.95rem}.news-section .p4g-home-news-heading__view-btn i,.news-section .p4g-home-news-heading .p4g-news-layout-btn i{font-size:0.72rem}}.news-section .home-news-pagination{margin-top:1.35rem}.news-section .home-news-pagination ul{display:flex;flex-wrap:wrap;gap:0.55rem;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}.news-section .home-news-pagination li{margin:0;list-style:none}.news-section .home-news-pagination a,.news-section .home-news-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0.35rem 0.7rem;border-radius:10px;border:1px solid rgba(20,89,130,0.18);background:#fff;color:var(--text-accent,var(--link-color));font-weight:600;text-decoration:none;box-shadow:0 6px 16px rgba(17,24,39,0.07);transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease,background 0.2s ease}.news-section .home-news-pagination a:hover,.news-section .home-news-pagination a:focus-visible{transform:translateY(-1px);border-color:rgba(30,115,190,0.45);box-shadow:0 10px 22px rgba(30,115,190,0.2);outline:none}.news-section .home-news-pagination .current{background:linear-gradient(135deg,var(--bg-blue,#1e73be),var(--bg-accent,#145982));color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(16,86,156,0.28)}.search-page-header{margin-bottom:1rem}.category-mag-hero{margin-bottom:1rem}.category-mag-hero.editorial-hero-heading .recent-heading-main{min-width:0}.category-mag-hero.editorial-hero-heading .recent-heading-main:only-child{flex:1 1 100%;max-width:none}.category-mag-hero.editorial-hero-heading .recent-heading-main:only-child p{max-width:none}.category-mag-hero.editorial-hero-heading .recent-heading-main:not(:only-child){flex:1 1 0}.category-mag-hero.editorial-hero-heading >:not(.recent-heading-main){flex-shrink:0}@media (max-width:980px){.recent-articles-heading,.editorial-hero-heading{min-height:0}}body.theme-dark .editorial-hero-heading .post-category.category-mag-hero-badge,body.theme-dark .editorial-hero-heading .post-category.hero-label,body.theme-dark .editorial-hero-heading .post-category.hero-side-label{background:rgba(255,255,255,0.14) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.38) !important;box-shadow:none !important}body.theme-dark .editorial-hero-heading .post-category .post-category-label,body.theme-dark .editorial-hero-heading .post-category a{color:#ffffff !important}.news-section .sidebar-panel.sidebar-hype-widget{background:var(--surface-card);border:1px solid var(--border-color);border-radius:16px;padding:0.2rem;color:var(--text-dark)}.news-section .sidebar-panel.sidebar-hype-widget h3{margin:0 0 0.65rem;padding:0.7rem 0.8rem 0.25rem;font-size:1rem;color:var(--text-dark);display:flex;align-items:center;gap:0.45rem}.news-section .sidebar-hype-list{list-style:none;margin:0;padding:0;display:grid;gap:0.45rem}.news-section .sidebar-hype-item{margin:0;list-style:none}.news-section .sidebar-hype-link{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:0.55rem;padding:0.48rem;border-radius:12px;color:inherit;text-decoration:none;transition:background 0.16s ease}.news-section .sidebar-hype-link:hover{background:rgba(20,89,130,0.08)}.sidebar-hype-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:rgba(15,23,42,0.08)}.sidebar-hype-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-hype-content{min-width:0;display:grid;gap:0.15rem}.sidebar-hype-name{font-size:0.86rem;font-weight:700;color:var(--text-dark)}.sidebar-hype-meta{font-size:0.74rem;color:var(--muted-text)}.sidebar-hype-score{display:inline-flex;align-items:center;gap:0.2rem;padding:0.14rem 0.36rem;border-radius:999px;border:1px solid rgba(234,88,12,0.28);color:#c2410c;background:rgba(251,146,60,0.16);font-size:0.72rem;font-weight:700}.sidebar-hype-score.is-neutral{color:#4b5563;border-color:rgba(75,85,99,0.22);background:rgba(148,163,184,0.14)}.news-section .post-card-body h3,.news-section .post-card-body h3 a,.news-section .post-card-body h2,.news-section .post-card-body h2 a{color:var(--text-dark) !important;font-size:1.05rem;line-height:1.28;font-weight:700;letter-spacing:normal;text-transform:none}.news-section .post-card .post-category{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;align-self:flex-start;background:var(--badge-bg) !important;color:var(--badge-text) !important;border:1px solid var(--badge-text) !important;border-radius:999px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.28em 0.55em !important;line-height:1 !important;min-height:1.35rem;font-size:0.62rem;box-sizing:border-box;margin-bottom:0}.news-section .post-card-image{position:relative;overflow:hidden}.news-section .post-card-image > .post-card-category-badge,.news-section .post-card-category-overlay .post-category{position:absolute !important;top:0.45rem !important;left:0.45rem !important;right:auto !important;z-index:6 !important;margin:0 !important;display:inline-flex !important;max-width:calc(100% - 5.5rem);background:#fff4ed !important;color:#c2410c !important;border:1px solid #ea580c !important;border-radius:999px !important;box-shadow:0 2px 10px rgba(15,23,42,0.18) !important;font-size:0.62rem !important;font-weight:700 !important;letter-spacing:0.06em !important;text-transform:uppercase !important;padding:0.28em 0.55em !important;line-height:1 !important;min-height:1.35rem !important;box-sizing:border-box;pointer-events:auto}.news-section .post-card-image > .post-card-category-badge .post-category-label,.news-section .post-card-category-overlay .post-category .post-category-label,.news-section .post-card-category-overlay .post-category a{color:inherit !important}.news-section .post-card-image .game-sheet-platform-icons.is-card-corner{top:0.45rem !important;right:0.45rem !important;left:auto !important;bottom:auto !important;z-index:5 !important}.news-section .post-card-head{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:0.55rem;margin:0 0 0.75rem}.news-section .post-card-head .post-category{flex:0 0 auto !important;width:auto !important;max-width:max-content !important;margin:0 !important}.news-section .post-card-head h3{flex:0 0 auto;width:100%;min-width:0;margin:0;font-size:1.1rem;line-height:1.32}.news-section .post-card-head h3 a{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-dark,#111827);text-decoration:none;transition:color 0.16s ease}.news-section .post-card-head h3 a:hover,.news-section .post-card-head h3 a:focus-visible,.news-section .post-card-body .post-card-head h3 a:hover,.news-section .post-card-body .post-card-head h3 a:focus-visible{color:var(--reviews-score-bg,#ea580c) !important;-webkit-text-fill-color:var(--reviews-score-bg,#ea580c) !important}.news-section .post-card-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:12.5rem;padding:1rem 1.15rem 1.15rem}.news-section .post-card-image img{height:220px}.news-section .post-card-body h3,.news-section .post-card-body h3 a{margin-top:0;margin-bottom:0}.news-section .post-card-body p,.news-section .post-card-excerpt{flex:1 1 auto;margin:0.65rem 0 1rem;line-height:1.55;font-size:0.88rem}.news-section .post-card-body p.post-card-excerpt{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:5;line-clamp:5}.news-section .cards-grid.is-horizontal .post-card-body p.post-card-excerpt{-webkit-line-clamp:4;line-clamp:4}@media (max-width:1024px){.news-section .post-card-body p.post-card-excerpt{-webkit-line-clamp:4;line-clamp:4}}.news-section .post-promo-code{margin:0 0 0.35rem;font-size:0.68rem;min-height:20px;padding:0.1rem 0.42rem}.news-section .post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:auto;padding-top:0.85rem;flex-wrap:nowrap}.news-section .post-card-footer .post-meta{display:flex;flex-wrap:wrap;align-items:center;flex:1 1 auto;min-width:0;margin:0;font-size:0.74rem;gap:0.45rem;row-gap:0.2rem;word-break:normal;overflow-wrap:normal}.news-section .post-card-footer .post-read-more{flex:0 1 auto;margin:0 0 0 auto;padding:0;font-size:0.72rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-accent,var(--link-color))}.news-section .post-card-footer .post-read-more:hover{color:var(--text-accent,var(--link-color))}.news-section .post-meta-item{display:inline-flex;align-items:center;gap:0.28rem}.news-section .post-meta-item .post-meta-count{font-weight:600;font-size:0.74rem;line-height:1}.news-section .post-card-footer .post-read-more--icon{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;min-width:1.55rem;flex:0 0 auto;max-width:none;padding:0;overflow:visible;text-overflow:unset;text-transform:none;letter-spacing:0;font-size:0.68rem;line-height:1;border-radius:999px;background:color-mix(in srgb,var(--bg-accent,#145982) 12%,#fff);border:1px solid color-mix(in srgb,var(--bg-accent,#145982) 24%,transparent);transition:background 0.16s ease,color 0.16s ease,border-color 0.16s ease}.news-section .post-card-footer .post-read-more--icon:hover,.news-section .post-card-footer .post-read-more--icon:focus-visible{color:#fff;background:var(--bg-accent,#145982);border-color:var(--bg-accent,#145982)}.news-section .post-card .post-category .post-category-label{display:inline-flex;align-items:center;margin:0;padding:0;line-height:1.15}.news-section .post-card-body p,.news-section .post-card-excerpt,.news-section .post-meta,.news-section .post-meta span{color:var(--muted-text) !important}.news-section .post-meta .post-views,.news-section .post-meta .post-views i{font-weight:400 !important;color:var(--muted-text) !important}.news-section .post-read-more{display:inline-flex;align-items:center;font-weight:700;font-size:0.84rem;color:var(--text-accent,var(--link-color))}.news-section .post-card-footer .post-read-more{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em}.news-section .section-heading.recent-articles-heading h2,.news-section .recent-articles-heading h2{font-size:1.02rem;letter-spacing:0.03em;text-transform:uppercase}.recent-heading-main p{margin:0.35rem 0 0;font-size:0.92rem}@media (max-width:820px){.editorial-hero-heading{flex-direction:column;align-items:flex-start}}.news-section,.news-section .news-main{min-width:0;max-width:100%}.news-section .news-grid{min-width:0;max-width:100%;align-items:start}.news-section .news-sidebar{align-self:start;align-content:start;grid-auto-rows:min-content}.news-section .news-sidebar .sidebar-panel{align-self:start;height:auto}.news-section .news-sidebar .p4g-sidebar-widget,.single-article-page .article-sidebar .p4g-sidebar-widget{min-width:0}.news-section .news-sidebar .p4g-sidebar-widget{display:block;width:100%;min-width:0}.news-section .news-sidebar .p4g-sidebar-widget:empty{display:none}.news-section .news-sidebar .p4g-sidebar-widget > .sidebar-panel,.news-section .news-sidebar .p4g-sidebar-widget > .sidebar-discord,.news-section .news-sidebar .p4g-sidebar-widget > .sidebar-poll,.news-section .news-sidebar .p4g-sidebar-widget > .sidebar-newsletter,.news-section .news-sidebar .p4g-sidebar-widget > .sidebar-auctions-spotlight,.single-article-page .article-sidebar .p4g-sidebar-widget > .sidebar-newsletter,.single-article-page .article-sidebar .p4g-sidebar-widget > .article-sidebar-game-card,.single-article-page .article-sidebar .p4g-sidebar-widget > .sidebar-discord,.single-article-page .article-sidebar .p4g-sidebar-widget > .sidebar-poll,.single-article-page .article-sidebar .p4g-sidebar-widget > .play4geek-moneytizer-slot-article_sidebar{width:100%;max-width:100%}.news-section .cards-grid{min-width:0;max-width:100%;align-items:stretch}.news-section .post-card{min-width:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.news-section .cards-grid.is-vertical .post-card,.news-section .cards-grid:not(.is-horizontal) .post-card{display:flex;flex-direction:column;height:100%}.news-section .post-card-body{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word}.news-section .post-card-body h3,.news-section .post-card-body h3 a,.news-section .post-card-body p{min-width:0;max-width:100%;overflow-wrap:break-word;word-break:break-word;white-space:normal}.news-section .post-card-footer .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;row-gap:0.2rem;word-break:normal;overflow-wrap:normal}.news-section .post-card-footer .post-meta span{white-space:nowrap;word-break:normal;overflow-wrap:normal}.news-section .cards-grid.is-vertical .post-card-footer{flex-direction:row;align-items:center;justify-content:space-between;gap:0.55rem;flex-wrap:nowrap}.news-section .cards-grid.is-vertical .post-card-footer .post-meta{width:auto;flex:1 1 auto;min-width:0}.news-section .cards-grid.is-vertical .post-card-footer .post-read-more{align-self:auto;margin:0 0 0 auto;max-width:none}.news-section .cards-grid.is-horizontal .post-card-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap}.news-section .cards-grid.is-horizontal .post-card-footer .post-read-more:not(.post-read-more--icon){flex:0 1 auto;max-width:min(48%,14rem);overflow:hidden;text-overflow:ellipsis}.news-section .cards-grid.is-horizontal .post-card-footer .post-read-more--icon{flex:0 0 auto;max-width:none;margin:0 0 0 auto}.news-section .post-meta{flex-wrap:wrap;row-gap:0.35rem}.news-section .cards-grid.is-horizontal{grid-template-columns:1fr}.news-section .cards-grid.is-horizontal .post-card:nth-last-child(-n+2){display:none !important}@media (min-width:1025px){.news-section .cards-grid.is-horizontal .post-card{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);grid-template-areas:"media body";align-items:stretch;min-height:200px}.news-section .cards-grid.is-horizontal .post-card-body{grid-area:body;display:flex;flex-direction:column;justify-content:flex-start;flex:1 1 auto;min-height:100%;min-width:0;padding:1rem 1.15rem 1.1rem}.news-section .cards-grid.is-horizontal .post-card-image{grid-area:media;height:100%;min-width:0}.news-section .cards-grid.is-horizontal .post-card-image img{width:100%;height:100%;min-height:140px;object-fit:cover}.news-section .cards-grid.is-horizontal .post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:auto;padding-top:0.85rem;flex-wrap:nowrap}.news-section .cards-grid.is-horizontal .post-card-footer .post-meta{flex:1 1 auto;min-width:0;margin:0}.news-section .cards-grid.is-horizontal .post-card-footer .post-read-more--icon{flex:0 0 auto;max-width:none;margin:0 0 0 auto}}@media (max-width:1024px){.news-section .news-grid{grid-template-columns:1fr !important;gap:1.25rem}.news-section .news-main{order:1;width:100%;min-width:0}.news-section .news-sidebar{order:2;width:100%;min-width:0;max-width:100%;overflow-x:clip}.news-section .news-sidebar .sidebar-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:1.1rem;border-radius:16px}.news-section .sidebar-live .streamer-card-head{flex-wrap:wrap;align-items:flex-start}.news-section .sidebar-live .streamer-card-aside{flex:1 1 100%;max-width:100%;white-space:normal;text-align:left}.news-section .sidebar-live .streamer-info{flex-wrap:wrap;align-items:flex-start}.news-section .sidebar-live .streamer-game{flex:1 1 100%;white-space:normal;overflow:visible;word-break:break-word}.news-section .sidebar-live .streamer-actions{flex:1 1 100%;flex-wrap:nowrap;justify-content:stretch;min-width:0}.news-section .sidebar-discord-embed,.news-section .sidebar-discord-embed iframe{max-width:100%}.news-section .sidebar-hype-link{grid-template-columns:48px minmax(0,1fr) auto;gap:0.45rem}.news-section .cards-grid,.news-section .cards-grid.is-horizontal{grid-template-columns:1fr !important}.news-section .post-card,.news-section .cards-grid.is-horizontal .post-card,.news-section .cards-grid.is-vertical .post-card{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:auto;grid-template-columns:unset;grid-template-areas:unset}.news-section .cards-grid{gap:1.25rem}.news-section .cards-grid.is-horizontal .post-card-image,.news-section .cards-grid.is-vertical .post-card-image{flex:0 0 auto;order:-1;width:100%;height:auto;min-height:0;aspect-ratio:720 / 495;max-height:min(42vw,210px)}.news-section .cards-grid.is-horizontal .post-card-image > a,.news-section .cards-grid.is-vertical .post-card-image > a{height:auto;min-height:0}.news-section .cards-grid.is-horizontal .post-card-image img,.news-section .cards-grid.is-vertical .post-card-image img{width:100%;height:auto;min-height:0;max-height:min(42vw,210px);aspect-ratio:720 / 495;object-fit:cover}.news-section .cards-grid.is-horizontal .post-card-body,.news-section .cards-grid.is-vertical .post-card-body{flex:1 1 auto;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:auto;min-height:9.5rem;overflow:visible;padding:1rem 1.15rem 1.15rem}.news-section .post-card-body p,.news-section .post-card-excerpt{flex:1 1 auto;margin:0.65rem 0 1rem;line-height:1.55;font-size:0.88rem}.news-section .post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-top:auto;padding-top:0.85rem;flex-wrap:nowrap}.news-section .cards-grid.is-horizontal .post-card-footer,.news-section .cards-grid.is-vertical .post-card-footer{flex-wrap:nowrap}.news-section .post-card-footer .post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;flex:1 1 auto;min-width:0;margin:0;padding:0;line-height:1.4;overflow:visible;word-break:normal;overflow-wrap:normal}.news-section .post-card-footer .post-meta span{white-space:nowrap;word-break:normal}.news-section .post-card-footer .post-read-more--icon{flex:0 0 auto;margin:0 0 0 auto;max-width:none;overflow:visible;text-overflow:unset;text-transform:none;letter-spacing:0}.news-section .post-meta span{display:inline-flex;align-items:center;line-height:1.45}.news-section .post-card img{height:auto}}@media (max-width:1080px){.news-grid{grid-template-columns:1fr}.hero-article-module,.home-layout{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr}}@media (max-width:720px){.hero-main-meta h1{font-size:1.6rem}.hero-article-module{--hero-main-height:460px;--hero-side-row-height:220px}.hero-side-grid{height:auto;min-height:0;max-height:none;grid-template-rows:repeat(2,minmax(0,var(--hero-side-row-height,220px)))}}@media (max-width:1280px){.hero-fullpage-inner,.news-grid{max-width:100%}}@media (max-width:980px){.news-grid{grid-template-columns:1fr !important}.hero-article-module{grid-template-columns:1fr !important}.news-section .cards-grid{grid-template-columns:1fr !important}}@media (max-width:680px){.post-card{border-radius:10px}.hero-article-module{gap:0.9rem;--hero-main-height:360px;--hero-side-row-height:185px}.hero-main-card{height:var(--hero-main-height,360px);min-height:var(--hero-main-height,360px);max-height:var(--hero-main-height,360px);border-radius:18px}.hero-side-grid{gap:0.7rem;padding:0;height:auto;min-height:0;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,var(--hero-side-row-height,185px)))}.hero-side-card{width:100%;height:100%;min-height:var(--hero-side-row-height,185px);border-radius:14px}.hero-main-meta,.hero-side-meta{z-index:2;padding:0.75rem;min-height:0}.hero-main-meta h1{font-size:1.02rem;line-height:1.28;margin:0 0 0.45rem;min-height:0;display:block;overflow:visible;overflow-wrap:break-word;word-break:break-word}.hero-main-meta p{margin:0;font-size:0.86rem;line-height:1.34;min-height:0;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.hero-side-meta .hero-side-title{font-size:0.88rem;line-height:1.28;min-height:0;display:block;overflow:visible;overflow-wrap:break-word;word-break:break-word}}.news-section .post-card{background:var(--surface-card,#fff);color:var(--text-dark,#111827);border:1px solid var(--border-color,#d6e3f3)}.news-section .post-card h2,.news-section .post-card h3,.news-section .post-card h3 a,.news-section .post-card-body h2 a,.news-section .post-card-body h3 a{color:var(--text-dark,#111827) !important}.news-section .post-card-body .post-card-head h3 a:hover,.news-section .post-card-body .post-card-head h3 a:focus-visible{color:var(--reviews-score-bg,#ea580c) !important;-webkit-text-fill-color:var(--reviews-score-bg,#ea580c) !important}.news-section .post-card p,.news-section .post-card-body p,.news-section .post-card-excerpt,.news-section .post-meta,.news-section .post-meta span,.news-section .post-meta .post-views,.news-section .post-meta .post-views i,.news-section .meta-separator{color:var(--muted-text,#56463f) !important}.news-section .post-read-more{color:var(--text-accent,var(--link-color)) !important}.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll){background:var(--surface-panel,#f6f9ff);color:var(--text-dark,#111827);border:1px solid var(--border-color,#d6e3f3)}.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll) h3,.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll) p,.news-section .sidebar-panel:not(.sidebar-live):not(.sidebar-hype-widget):not(.sidebar-newsletter):not(.sidebar-discord):not(.sidebar-auctions-spotlight):not(.sidebar-poll) li a:not(.streamer-button):not(.sidebar-auctions-banner){color:var(--text-dark,#111827)}.news-section .sidebar-newsletter.sidebar-panel,.news-section .sidebar-newsletter{background:var(--sidebar-bg,var(--theme-gradient-hero,linear-gradient(135deg,var(--bg-blue,#1e73be) 0%,#1558a0 100%))) !important;color:#fff !important;border:1px solid rgba(255,255,255,0.12) !important}.news-section .sidebar-newsletter h3,.news-section .sidebar-newsletter p{color:#fff !important}.news-section .post-card-head{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:0.55rem !important;margin:0 0 0.75rem !important}.news-section .post-card-head .post-category{flex:0 0 auto !important;display:inline-flex !important;width:auto !important;max-width:max-content !important;margin:0 !important;margin-bottom:0 !important;padding:0.28em 0.55em !important;min-height:1.35rem !important;font-size:0.62rem !important}.news-section .post-card-head h3{flex:0 0 auto !important;width:100% !important;min-width:0 !important;margin:0 !important;font-size:1.1rem !important;line-height:1.32 !important}.news-section .post-card-head h3 a{display:-webkit-box !important;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none !important;transition:color 0.16s ease}.news-section .post-card-head h3 a:hover,.news-section .post-card-head h3 a:focus-visible,.news-section .post-card-body .post-card-head h3 a:hover,.news-section .post-card-body .post-card-head h3 a:focus-visible{color:var(--reviews-score-bg,#ea580c) !important;-webkit-text-fill-color:var(--reviews-score-bg,#ea580c) !important}.news-section .post-card-body{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;min-height:12.5rem !important;padding:1rem 1.15rem 1.15rem !important}.news-section .post-card-footer{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:space-between !important;gap:0.75rem !important;margin-top:auto !important;padding-top:0.85rem !important;flex-wrap:nowrap !important}.news-section .cards-grid.is-vertical .post-card-footer{flex-direction:row !important;align-items:center !important;justify-content:space-between !important;flex-wrap:nowrap !important}.news-section .cards-grid.is-horizontal .post-card-footer{flex-direction:row !important;flex-wrap:nowrap !important}.news-section .post-card-footer .post-meta{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0.45rem !important;flex:1 1 auto !important;min-width:0 !important;margin:0 !important;word-break:normal !important;overflow-wrap:normal !important}.news-section .post-card-footer .post-meta span{white-space:nowrap !important;word-break:normal !important;overflow-wrap:normal !important}.news-section .cards-grid.is-vertical .post-card-footer .post-meta{width:auto !important;flex:1 1 auto !important}.news-section .cards-grid.is-vertical .post-card-footer .post-read-more--icon{align-self:auto !important;margin:0 0 0 auto !important;max-width:none !important}.news-section .post-card-footer .post-read-more:not(.post-read-more--icon){flex:0 1 auto !important;margin:0 0 0 auto !important;text-transform:uppercase !important;letter-spacing:0.05em !important;white-space:nowrap !important;font-size:0.72rem !important;font-weight:700 !important;overflow:hidden !important;text-overflow:ellipsis !important}.news-section .cards-grid.is-horizontal .post-card-footer .post-read-more:not(.post-read-more--icon){max-width:min(48%,14rem) !important}.news-section .post-card-footer .post-read-more--icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:1.55rem !important;height:1.55rem !important;min-width:1.55rem !important;flex:0 0 auto !important;max-width:none !important;margin:0 0 0 auto !important;padding:0 !important;overflow:visible !important;text-overflow:unset !important;text-transform:none !important;letter-spacing:0 !important;font-size:0.68rem !important;line-height:1 !important;border-radius:999px !important;background:color-mix(in srgb,var(--bg-accent,#145982) 12%,#fff) !important;border:1px solid color-mix(in srgb,var(--bg-accent,#145982) 24%,transparent) !important}.news-section .post-meta-item{display:inline-flex !important;align-items:center !important;gap:0.28rem !important}.news-section .post-meta-item .post-meta-count{font-weight:600 !important;font-size:0.74rem !important;line-height:1 !important}.news-section .post-card-excerpt,.news-section .post-card-body p.post-card-excerpt{flex:1 1 auto !important;margin:0.65rem 0 1rem !important;line-height:1.55 !important;font-size:0.88rem !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;overflow:hidden !important;-webkit-line-clamp:5 !important;line-clamp:5 !important}.news-section .cards-grid.is-horizontal .post-card-body p.post-card-excerpt{-webkit-line-clamp:4 !important;line-clamp:4 !important}body.theme-dark .news-section .post-card{background:var(--surface-card);color:var(--text-dark);border-color:var(--border-color);box-shadow:0 12px 32px rgba(0,0,0,0.28)}body.theme-dark .news-section .post-card h2,body.theme-dark .news-section .post-card h3,body.theme-dark .news-section .post-card-head,body.theme-dark .news-section .post-card-head h3,body.theme-dark .news-section .post-card-head h3 a,body.theme-dark .news-section .post-card-body h2,body.theme-dark .news-section .post-card-body h3,body.theme-dark .news-section .post-card-body h2 a,body.theme-dark .news-section .post-card-body h3 a{background:transparent !important;background-color:transparent !important;color:var(--text-dark) !important;-webkit-text-fill-color:currentColor}body.theme-dark .news-section .post-card p,body.theme-dark .news-section .post-card-body p,body.theme-dark .news-section .post-card-excerpt,body.theme-dark .news-section .post-meta,body.theme-dark .news-section .post-meta span,body.theme-dark .news-section .meta-separator{color:var(--muted-text) !important}body.theme-dark .news-section .post-card-head h3 a:hover,body.theme-dark .news-section .post-card-head h3 a:focus-visible,body.theme-dark .news-section .post-card-body .post-card-head h3 a:hover,body.theme-dark .news-section .post-card-body .post-card-head h3 a:focus-visible{color:var(--reviews-score-bg,#ea580c) !important;-webkit-text-fill-color:var(--reviews-score-bg,#ea580c) !important}body.theme-dark .news-section .p4g-home-news-heading__title{color:#dbe8ff !important}body.theme-dark .news-section .p4g-home-news-heading__more{color:#dbe8ff !important}body.theme-dark .news-section .p4g-home-news-heading__more:hover,body.theme-dark .news-section .p4g-home-news-heading__more:focus-visible{color:#ffffff !important;background:transparent}body.theme-dark .news-section .p4g-home-news-heading__view-btn.is-active,body.theme-dark .news-section .p4g-home-news-heading .p4g-news-layout-btn.is-active{color:#ffffff;background:linear-gradient(180deg,var(--bg-blue),var(--bg-accent));box-shadow:0 2px 10px color-mix(in srgb,var(--bg-blue) 40%,transparent)}body.theme-dark .news-section .p4g-home-news-heading__views,body.theme-dark .news-section .p4g-home-news-heading .p4g-news-layout-toggle{background:color-mix(in srgb,var(--surface-panel) 70%,#000)}@media (max-width:720px){.news-section .post-card-head h3 a{display:block !important;-webkit-line-clamp:unset !important;line-clamp:unset !important;-webkit-box-orient:unset !important;overflow:visible !important;overflow-wrap:break-word !important;word-break:break-word !important;white-space:normal !important}}@media (max-width:760px){.hero-fullpage--mobile-compact{padding:0.35rem 0 0;--hero-main-height:280px;--hero-side-row-height:140px;min-height:calc(var(--hero-main-height) + 0.75rem + var(--hero-side-row-height) * 2 + 0.5rem)}.play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage.hero-fullpage--mobile-compact{padding-top:0}body.home .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .hero-fullpage.hero-fullpage--mobile-compact .hero-article-module{padding-top:0}.hero-fullpage--mobile-compact .hero-fullpage-inner{padding:0 1rem}.hero-fullpage--mobile-compact .hero-article-module{display:grid;grid-template-columns:1fr;padding:0;gap:0.75rem;min-height:calc(var(--hero-main-height) + 0.75rem + var(--hero-side-row-height) * 2 + 0.5rem)}.hero-fullpage--mobile-compact .hero-main-card{height:var(--hero-main-height);min-height:var(--hero-main-height);max-height:var(--hero-main-height);border-radius:16px}.hero-fullpage--mobile-compact .hero-side-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,var(--hero-side-row-height)));gap:0.55rem;height:auto;min-height:calc(var(--hero-side-row-height) * 2 + 0.55rem);max-height:none;padding:0}.hero-fullpage--mobile-compact .hero-side-card{min-height:var(--hero-side-row-height);border-radius:14px}.hero-fullpage--mobile-compact .hero-main-meta,.hero-fullpage--mobile-compact .hero-side-meta{padding:0.55rem 0.65rem}.hero-fullpage--mobile-compact .hero-main-meta p{display:none}.hero-fullpage--mobile-compact .hero-main-meta h1{font-size:1rem;line-height:1.24;margin:0}.hero-fullpage--mobile-compact .hero-side-meta .hero-side-title{font-size:0.82rem;line-height:1.22;margin:0}.hero-fullpage--mobile-compact .hero-label{margin-bottom:0.3rem;padding:0.28em 0.6em;font-size:0.64rem}.hero-fullpage--mobile-compact + .site-main{padding-top:0.35rem}.hero-fullpage--mobile-compact + .site-main .news-grid{margin-bottom:1.25rem}.hero-fullpage--mobile-compact + .site-main .news-section .section-heading.recent-articles-heading{margin-bottom:0.65rem}}
/* play4geek-style-single-article */
.single-article-page > .article-breadcrumb.article-breadcrumb--single{max-width:1600px;margin:0 auto 0.85rem;padding:0 1.5rem;background:transparent !important;border:0}.single-article-page > .article-breadcrumb--single .breadcrumb-list{display:block;margin:0;padding:0;list-style:none;border:0;border-radius:0;background:transparent !important;background-color:transparent !important;box-shadow:none;font-size:0.8rem;line-height:1.55}.single-article-page > .article-breadcrumb--single .breadcrumb-list__item{display:inline;min-width:0;color:var(--muted-text,#56463f)}.single-article-page > .article-breadcrumb--single .breadcrumb-list__item:not(:last-child)::after{content:"/";margin:0 0.42rem;color:var(--muted-text,#56463f);font-weight:400}.single-article-page > .article-breadcrumb--single .breadcrumb-list__item a{display:inline;color:var(--text-accent,var(--link-color));text-decoration:none;font-weight:600;transition:color 0.16s ease}.single-article-page > .article-breadcrumb--single .breadcrumb-list__item a:hover,.single-article-page > .article-breadcrumb--single .breadcrumb-list__item a:focus-visible{color:color-mix(in srgb,var(--bg-blue,#1e73be) 78%,#000);text-decoration:underline}.single-article-page > .article-breadcrumb--single .breadcrumb-list__item.is-current{color:var(--text-dark,#111827);font-weight:700}.single-article-page > .article-breadcrumb--single .breadcrumb-list__current{display:inline;font-weight:700;word-break:break-word}body.theme-dark.single-post .single-article-page > .article-breadcrumb.article-breadcrumb--single{background:transparent !important;border:0}body.theme-dark.single-post .single-article-page > .article-breadcrumb--single .breadcrumb-list{background:transparent;border:0;box-shadow:none}body.theme-dark.single-post .single-article-page > .article-breadcrumb--single .breadcrumb-list__item{color:rgba(226,232,240,0.72)}body.theme-dark.single-post .single-article-page > .article-breadcrumb--single .breadcrumb-list__item.is-current,body.theme-dark.single-post .single-article-page > .article-breadcrumb--single .breadcrumb-list__current{color:#f8fafc}body.theme-dark.single-post .single-article-page > .article-breadcrumb--single .breadcrumb-list__item:not(:last-child)::after{color:rgba(148,163,184,0.55)}.single-article-page > .article-breadcrumb:not(.article-breadcrumb--single){max-width:1600px;margin:0 auto 0.85rem;padding:0 1.5rem;background:transparent !important;border:0}.article-breadcrumb:not(.article-breadcrumb--single){background:transparent;padding:1rem 0;margin-bottom:2rem}.breadcrumb-wrapper{max-width:1600px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;font-size:0.95rem}.breadcrumb-item{color:var(--muted-text,#56463f);transition:color 0.2s ease}a.breadcrumb-item{color:var(--link-color,var(--bg-blue));text-decoration:none;font-weight:600}a.breadcrumb-item:hover,a.breadcrumb-item:focus-visible{color:var(--link-hover-color,var(--bg-blue));text-decoration:underline}.breadcrumb-item.active{color:var(--text-dark);font-weight:700}.breadcrumb-separator{color:var(--muted-text,#56463f);margin:0 0.25rem}html.theme-dark body.single-post .single-article-page > .article-breadcrumb:not(.article-breadcrumb--single),body.theme-dark.single-post .single-article-page > .article-breadcrumb:not(.article-breadcrumb--single){background:transparent !important}html.theme-dark body.single-post .single-article-page .breadcrumb-item.active,body.theme-dark.single-post .single-article-page .breadcrumb-item.active{color:var(--text-dark)}html.theme-dark body.single-post .single-article-page .breadcrumb-separator,body.theme-dark.single-post .single-article-page .breadcrumb-separator{color:var(--muted-text)}body.single-post .play4geek-moneytizer-slot-header_below.ad-slot-under-header,body.single-post .ad-slot-under-header.play4geek-moneytizer-slot{margin:0 auto;padding:0.4rem 0;max-width:min(728px,calc(100% - 2rem));text-align:center;clear:both}body.single-post .play4geek-moneytizer-slot-header_below .play4geek-moneytizer-inner,body.single-post .ad-slot-under-header .play4geek-moneytizer-inner{width:100%;min-height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden}body.single-post .play4geek-moneytizer-slot-header_below .play4geek-moneytizer-mount,body.single-post .ad-slot-under-header .play4geek-moneytizer-mount,body.single-post .play4geek-moneytizer-slot-header_below .play4geek-moneytizer-inner iframe,body.single-post .ad-slot-under-header .play4geek-moneytizer-inner iframe{margin-left:auto;margin-right:auto;display:block}body.single-post .play4geek-moneytizer-slot-header_below.ad-slot-under-header + .site-main.single-article-page{padding-top:0}.single-article-page .article-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,0.9fr);gap:1.5rem;align-items:start;max-width:1600px;margin:0 auto;padding:0 1.5rem}.single-article{background:var(--surface-card,#ffffff);border-radius:30px;box-shadow:0 32px 100px rgba(15,23,42,0.08);overflow:visible;min-width:0}.article-sidebar{display:grid;gap:1.25rem;align-items:start;min-width:0}.single-article-page .article-sidebar{position:sticky;top:calc(var(--p4g-sticky-site-header-height,8.5rem) + 0.75rem);align-self:start;width:100%;max-width:100%;min-width:0}.single-article-page .article-sidebar .p4g-sidebar-widget{min-width:0}.single-article-page .article-sidebar .p4g-sidebar-widget + .p4g-sidebar-widget{margin-top:0}.single-article-cover{margin-bottom:0}.featured-image-figure{margin:0;position:relative;overflow:hidden}.featured-image-figure img,.single-article-cover img{width:100%;max-height:380px;height:auto;object-fit:cover;object-position:center;display:block}.article-cover-platforms{position:absolute;top:1rem;left:1rem;z-index:4;max-width:min(72%,calc(100% - 8rem));pointer-events:none}.article-cover-platforms .game-sheet-platform-icons{margin:0;justify-content:flex-start}.article-cover-category{position:absolute;top:1rem;right:1rem;z-index:5;max-width:min(48%,calc(100% - 8rem));pointer-events:auto}.single-article-page .post-category,.single-article-page .post-category .post-category-label,.single-article-page .post-category a{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;margin:0;padding:0.42em 0.9em;min-height:1.85rem;border-radius:999px;border:1px solid transparent;font-size:0.68rem;font-weight:700;line-height:1;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;box-sizing:border-box;white-space:nowrap}.single-article-category-badge{margin-bottom:0.65rem}.single-article-header .single-article-category-badge{background:var(--badge-bg,#eef5ff);color:var(--badge-text,var(--bg-accent,#145982));border-color:color-mix(in srgb,var(--badge-text,var(--bg-accent,#145982)) 62%,transparent)}.single-article-category-badge--cover,.article-cover-category .post-category.single-article-category-badge--cover{background:var(--bg-blue,#1e73be) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.38) !important;box-shadow:0 8px 24px rgba(8,20,38,0.28);backdrop-filter:blur(6px)}.single-article-category-badge--cover .post-category-label,.single-article-category-badge--cover a,.article-cover-category .post-category .post-category-label,.article-cover-category .post-category a{color:#ffffff !important}.single-article-category-badge--cover a:hover,.article-cover-category .post-category a:hover{color:#ffffff !important;text-decoration:none;opacity:0.92}.article-cover-overlay{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.8rem 1.2rem;background:linear-gradient(180deg,rgba(4,10,21,0) 0%,rgba(4,10,21,0.9) 80%)}.article-cover-overlay .single-article-title{margin:0;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,0.45)}.image-caption{margin-top:0.75rem;padding:0 1rem;font-size:0.9rem;color:var(--muted-text,#56463f);font-style:italic;text-align:center}.single-article-header{padding:2rem 2.5rem;border-bottom:1px solid #e5e7eb}.single-article-tags{display:flex;flex-wrap:wrap;gap:0.85rem;margin-bottom:1.5rem}.article-game-label{display:inline-block;color:var(--text-accent,var(--link-color));font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;font-weight:700}.article-game-link{display:inline-flex;align-items:center;gap:0.4rem;padding:0.6rem 1rem;border-radius:999px;background:rgba(30,115,190,0.08);color:var(--text-accent,var(--link-color));font-size:0.9rem;font-weight:500;transition:all 0.2s ease}.article-game-link:hover{background:color-mix(in srgb,var(--bg-blue) 15%,transparent);transform:translateY(-1px)}.game-icon{font-size:1rem}.single-article-title{margin:0 0 1.25rem;font-size:clamp(2.2rem,3.5vw,3.2rem);line-height:1.1;color:var(--text-dark);font-weight:800;letter-spacing:-0.02em}.single-article-excerpt{margin:1rem 0 1.5rem;font-size:1.05rem;color:var(--muted-text);line-height:1.9}.article-meta-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1.5rem;background:var(--surface-panel);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap}.author-info{display:flex;align-items:center;gap:1rem;flex:1}.author-avatar{display:flex;align-items:center;justify-content:center;width:80px;height:80px;min-width:80px;min-height:80px;aspect-ratio:1 / 1;flex-shrink:0;align-self:flex-start;border-radius:50%;background:var(--surface-card);overflow:hidden;border:3px solid var(--bg-blue)}.author-avatar img,.author-avatar img.avatar{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:50%}.author-details{display:flex;flex-direction:column;gap:0.35rem}.author-name{font-weight:700;color:var(--text-dark);font-size:1rem}.author-name a{color:var(--text-accent,var(--link-color));text-decoration:none;transition:color 0.2s ease}.author-name a:hover{color:var(--link-hover-color);text-decoration:underline}.article-stats{display:flex;gap:0.75rem;flex-wrap:wrap;font-size:0.9rem;color:var(--muted-text)}.stat-item{display:flex;align-items:center}.stat-item i{margin-right:0.35rem;opacity:0.8}.stat-separator{color:var(--border-color)}.share-buttons-horizontal{display:flex;gap:0.75rem;align-items:center;position:relative;z-index:2}.share-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface-card);color:var(--text-dark);cursor:pointer;border:2px solid var(--border-color);transition:all 0.2s ease;flex-shrink:0}a.share-icon{text-decoration:none;color:inherit}button.share-icon{appearance:none;-webkit-appearance:none;font:inherit;padding:0;margin:0}.share-icon:hover{border-color:var(--bg-blue);color:var(--text-accent,var(--link-color));transform:translateY(-2px)}.share-icon svg{width:20px;height:20px}.share-icon.facebook:hover{background:#1877f2;color:white}.share-icon.twitter:hover{background:#000000;color:white}.share-icon.linkedin:hover{background:#0a66c2;color:white}.share-icon.whatsapp:hover{background:#25d366;color:white}.share-icon.copy-link:hover{background:var(--bg-blue);color:white}.single-article-content{padding:2.5rem;line-height:2;color:#374151;font-size:1.05rem}.single-article-content p{margin-bottom:1.5rem}.single-article-content h2{margin:2rem 0 1rem;font-size:1.8rem;color:var(--text-dark);font-weight:700;line-height:1.3}.single-article-content h3{margin:1.5rem 0 0.85rem;font-size:1.3rem;color:var(--text-dark);font-weight:700}.single-article-content ul,.single-article-content ol{margin:1.5rem 0;padding-left:2rem}.single-article-content li{margin-bottom:0.75rem}.single-article-content blockquote:not(.twitter-tweet),.single-review-content blockquote:not(.twitter-tweet){margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 0.5rem;border-left:4px solid var(--bg-blue);background:rgba(30,115,190,0.05);border-radius:0 8px 8px 0;font-style:italic;color:#4b5563}.single-article-content blockquote:not(.twitter-tweet) p,.single-review-content blockquote:not(.twitter-tweet) p{margin:0}.single-article-content a.p4g-game-link{font-weight:600;color:var(--text-accent,var(--link-color));text-decoration:underline;text-underline-offset:0.15em;text-decoration-thickness:from-font}.single-article-content a.p4g-game-link:hover{color:#0f172a}body.theme-dark .single-article-content a.p4g-game-link{color:#7dd3fc}body.theme-dark .single-article-content a.p4g-game-link:hover{color:#fff}.single-article-content .wp-block-play4geek-game-sheet-card,.single-review-content .wp-block-play4geek-game-sheet-card,.single-article-content .wp-block-embed.is-provider-play4geek,.single-review-content .wp-block-embed.is-provider-play4geek{clear:both;display:block;margin:2rem 0;max-width:100%;width:100%}.single-article-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper,.single-review-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper{position:static;display:block;width:100%;max-width:100%;margin:0;padding:0}.single-article-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper::before,.single-review-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper::before{content:none;display:none}.single-article-content code{background:var(--bg-light);padding:0.25rem 0.5rem;border-radius:4px;font-family:'Courier New',monospace;font-size:0.95rem;color:#d32f2f}.single-article-content pre{background:#1e293b;color:#e2e8f0;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-family:'Courier New',monospace;font-size:0.9rem;line-height:1.6}.single-article-content img{max-width:100%;height:auto;margin:2rem 0;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,0.1)}.article-internal-links{margin:0 2.5rem 2rem;padding:1.1rem 1.2rem;border-radius:12px;background:#f3f8ff;border:1px solid rgba(20,89,130,0.14)}.article-internal-links h2{margin:0 0 0.75rem;font-size:1rem}.article-internal-links-list{display:flex;flex-wrap:wrap;gap:0.55rem}.article-internal-link{display:inline-flex;align-items:center;min-height:34px;padding:0.35rem 0.75rem;border-radius:999px;border:1px solid rgba(20,89,130,0.18);background:#fff;color:#134577;font-weight:600;font-size:0.85rem;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.article-internal-link:hover,.article-internal-link:focus-visible{transform:translateY(-1px);border-color:rgba(30,115,190,0.45);box-shadow:0 8px 18px rgba(20,89,130,0.18);outline:none}.article-internal-link.is-game{background:rgba(30,115,190,0.09)}.article-internal-link.is-tag{font-weight:500}.single-article-content .wp-block-embed,.single-article-content .wp-block-video,.single-review-content .wp-block-embed,.single-review-content .wp-block-video{clear:both;width:100%;max-width:var(--wp--style--global--content-size,920px);margin:1.4rem auto;padding:0}.single-article-content .wp-block-embed.alignwide,.single-article-content .wp-block-video.alignwide,.single-review-content .wp-block-embed.alignwide,.single-review-content .wp-block-video.alignwide{max-width:var(--wp--style--global--wide-size,1280px)}.single-article-content .wp-block-embed figcaption,.single-review-content .wp-block-embed figcaption{line-height:1.5;font-size:0.875rem;margin-top:0.5rem}.single-article-content .wp-block-embed.aligncenter:not(.is-provider-play4geek),.single-review-content .wp-block-embed.aligncenter:not(.is-provider-play4geek),.single-article-content .wp-block-embed.is-type-rich.aligncenter:not(.is-provider-play4geek),.single-review-content .wp-block-embed.is-type-rich.aligncenter:not(.is-provider-play4geek){display:table;width:auto;max-width:100%;margin-left:auto !important;margin-right:auto !important;text-align:center}.single-article-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek),.single-review-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek),.single-article-content .wp-block-embed.is-provider-twitter,.single-review-content .wp-block-embed.is-provider-twitter,.single-article-content .wp-block-embed.is-provider-x,.single-review-content .wp-block-embed.is-provider-x{width:auto;max-width:min(100%,550px);margin-left:auto;margin-right:auto}.single-article-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek) .wp-block-embed__wrapper,.single-review-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek) .wp-block-embed__wrapper,.single-article-content .wp-block-embed.is-provider-twitter .wp-block-embed__wrapper,.single-review-content .wp-block-embed.is-provider-twitter .wp-block-embed__wrapper,.single-article-content .wp-block-embed.is-provider-x .wp-block-embed__wrapper,.single-review-content .wp-block-embed.is-provider-x .wp-block-embed__wrapper{position:static;display:block;width:auto;max-width:100%;margin:0 auto;aspect-ratio:auto;height:auto;min-height:0;overflow:visible;border-radius:0;background:transparent}.single-article-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek) .wp-block-embed__wrapper iframe,.single-review-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek) .wp-block-embed__wrapper iframe,.single-article-content .wp-block-embed.is-provider-twitter .wp-block-embed__wrapper iframe,.single-review-content .wp-block-embed.is-provider-twitter .wp-block-embed__wrapper iframe,.single-article-content .wp-block-embed.is-provider-x .wp-block-embed__wrapper iframe,.single-review-content .wp-block-embed.is-provider-x .wp-block-embed__wrapper iframe,.single-article-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek) blockquote.twitter-tweet,.single-review-content .wp-block-embed.is-type-rich:not(.is-provider-play4geek) blockquote.twitter-tweet,.single-article-content .wp-block-embed.is-provider-twitter blockquote.twitter-tweet,.single-review-content .wp-block-embed.is-provider-twitter blockquote.twitter-tweet,.single-article-content .wp-block-embed.is-provider-x blockquote.twitter-tweet,.single-review-content .wp-block-embed.is-provider-x blockquote.twitter-tweet,.single-article-content .wp-block-embed-twitter blockquote.twitter-tweet,.single-review-content .wp-block-embed-twitter blockquote.twitter-tweet,.single-article-content .wp-block-embed-x blockquote.twitter-tweet,.single-review-content .wp-block-embed-x blockquote.twitter-tweet{position:static;display:block;width:auto;max-width:100%;height:auto;margin:0 auto !important;padding:0;border:0;border-radius:0;background:transparent;font-style:normal;color:inherit}.single-article-content blockquote.twitter-tweet,.single-review-content blockquote.twitter-tweet{display:block;width:auto;max-width:min(100%,550px);margin:1.4rem auto !important;padding:0;border:0;border-radius:0;background:transparent;font-style:normal;color:inherit}.single-article-content .wp-block-embed-twitter,.single-review-content .wp-block-embed-twitter,.single-article-content .wp-block-embed-x,.single-review-content .wp-block-embed-x{width:auto;max-width:min(100%,550px);margin-left:auto;margin-right:auto}.single-article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper,.single-review-content .wp-block-embed.is-type-video .wp-block-embed__wrapper,.single-article-content .wp-has-aspect-ratio.is-type-video .wp-block-embed__wrapper,.single-review-content .wp-has-aspect-ratio.is-type-video .wp-block-embed__wrapper{position:relative;display:block;width:100%;max-width:100%;margin:0 auto;aspect-ratio:16 / 9;height:auto;min-height:0;overflow:hidden;border-radius:12px;background:#000}.single-article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper::before,.single-review-content .wp-block-embed.is-type-video .wp-block-embed__wrapper::before,.single-article-content .wp-has-aspect-ratio.is-type-video .wp-block-embed__wrapper::before,.single-review-content .wp-has-aspect-ratio.is-type-video .wp-block-embed__wrapper::before{display:none !important;content:none !important;padding:0 !important;height:0 !important}.single-article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe,.single-article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper .p4g-youtube-embed,.single-article-content iframe.p4g-youtube-embed,.single-review-content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe,.single-review-content .wp-block-embed.is-type-video .wp-block-embed__wrapper .p4g-youtube-embed,.single-review-content iframe.p4g-youtube-embed{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;margin:0;padding:0;border:0;border-radius:12px}.single-article-content .wp-block-embed > iframe[src*="youtube"],.single-review-content .wp-block-embed > iframe[src*="youtube"]{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;margin:0 auto;border:0;border-radius:12px}.single-article-content .wp-block-video video,.single-review-content .wp-block-video video,.single-article-content .wp-video video,.single-review-content .wp-video video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16 / 9;border:0;border-radius:12px}.related-articles{padding:2rem 2.5rem 2.5rem;border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem;background:var(--bg-light)}.related-articles-header{margin-bottom:1.5rem}.related-articles-header h2{margin:0 0 0.35rem;font-size:1.45rem;color:var(--text-dark);font-weight:700;letter-spacing:-0.01em}.related-articles-subtitle{margin:0;color:var(--muted-text,#56463f);font-size:0.9rem}.related-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.related-card{display:flex;flex-direction:column;background:var(--surface-card,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(15,23,42,0.05);transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}.related-card:hover{border-color:rgba(20,89,130,0.22);box-shadow:0 8px 24px rgba(15,23,42,0.1);transform:translateY(-2px)}.related-card-image{position:relative;overflow:hidden;aspect-ratio:16 / 10}.related-image-link{display:block;width:100%;height:100%;overflow:hidden}.related-image-link img{width:100%;height:100%;object-fit:cover;transition:transform 0.35s ease}.related-card:hover .related-image-link img{transform:scale(1.04)}.related-card-category,.related-card-image .post-category{position:absolute;top:0.65rem;right:0.65rem;z-index:1}.related-card-body{padding:1rem 1.1rem 1.05rem;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.related-card-body h3{margin:0 0 0.5rem;font-size:1rem;line-height:1.35;font-weight:700;color:var(--text-dark);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.related-card-body h3 a{color:inherit;text-decoration:none;transition:color 0.2s ease}.related-card-body h3 a:hover{color:var(--text-accent,var(--link-color))}.related-card-excerpt{margin:0 0 0.85rem;color:var(--muted-text,#56463f);font-size:0.88rem;line-height:1.55;flex-grow:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.related-card-footer{display:flex;justify-content:space-between;align-items:center;gap:0.75rem;padding-top:0.75rem;margin-top:auto;border-top:1px solid var(--border-color,#e5e7eb)}.related-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:0.55rem 0.85rem;min-width:0}.related-card-date{font-size:0.8rem;color:var(--muted-text,#56463f);font-weight:600;white-space:nowrap}.related-card-footer .post-views{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.8rem;color:var(--muted-text,#56463f);font-weight:600;white-space:nowrap}.related-card-footer .post-views i{color:currentColor;opacity:0.9;font-size:0.85em}.related-card-read{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:999px;background:rgba(20,89,130,0.1);color:var(--text-accent,var(--link-color));text-decoration:none;transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease}.related-card-read:hover{background:var(--bg-blue);color:#fff;transform:translateX(2px)}.related-card-read i{font-size:0.82rem}.article-game-hero{margin:1.5rem auto 0;width:min(940px,100%);border-radius:20px;overflow:hidden;border:1px solid rgba(20,89,130,0.2);background:linear-gradient(155deg,#0c1829 0%,#132a4a 48%,#0f2238 100%);color:#f2f7ff;position:relative;box-shadow:0 18px 48px rgba(8,20,38,0.22)}.article-game-hero-top{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:flex-start;justify-content:flex-end;gap:0.5rem;padding:0.85rem 1rem;pointer-events:none}.article-game-hero-top > *{pointer-events:auto}.article-game-hero-platforms{flex:1 1 auto;display:flex;justify-content:flex-end;min-width:0}.article-game-hero-platforms .game-sheet-platform-icons{margin:0;justify-content:flex-end}.article-game-hero-score{position:static;flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:0.95rem;color:#fff;border:2px solid rgba(255,255,255,0.88);box-shadow:0 6px 18px rgba(0,0,0,0.28)}.article-game-hero-score.is-high{background:#1faa5c}.article-game-hero-score.is-mid{background:#f5a623}.article-game-hero-score.is-low{background:#dd4b39}.article-game-hero.has-bg-image::before{content:"";position:absolute;inset:0;background-image:var(--article-game-bg);background-size:cover;background-position:center;opacity:0.62}.article-game-hero.has-bg-image::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(6,14,27,0.45),rgba(11,27,50,0.64))}.article-game-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(108px,140px) minmax(0,1fr);gap:1.15rem 1.35rem;padding:3.65rem 1.35rem 1.35rem;align-items:start}.article-game-hero:not(:has(.article-game-hero-media)) .article-game-hero-inner{grid-template-columns:1fr;padding-top:3.35rem}.article-game-hero-media{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.28);box-shadow:0 12px 32px rgba(3,10,20,0.38);background:rgba(0,0,0,0.2);transition:transform 0.2s ease,box-shadow 0.2s ease}.article-game-hero-media:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(3,10,20,0.45)}.article-game-hero-media img{width:100%;height:auto;min-height:150px;max-height:210px;object-fit:cover;display:block;vertical-align:middle}.article-game-hero-body{min-width:0}.article-game-hero-kicker{display:inline-flex;padding:0.28rem 0.62rem;border-radius:999px;background:color-mix(in srgb,var(--bg-blue) 35%,transparent);border:1px solid rgba(255,255,255,0.2);font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(242,247,255,0.95)}.article-game-hero-body h2{margin:0.65rem 0 0.5rem;font-size:clamp(1.25rem,2.4vw,1.75rem);line-height:1.25;color:#fff}.article-game-hero-body h2 a{color:inherit;text-decoration:none}.article-game-hero-body h2 a:hover{color:#b8dcff}.article-game-hero-lead{margin:0 0 0.85rem;color:rgba(236,243,255,0.82);line-height:1.6;font-size:0.92rem}.article-game-hero-meta{margin:0 0 1rem;padding:0;display:grid;gap:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.18)}.article-game-hero-meta-row{display:grid;grid-template-columns:minmax(7.5rem,34%) 1fr;gap:0.65rem;padding:0.5rem 0.75rem;font-size:0.84rem;border-bottom:1px solid rgba(255,255,255,0.08)}.article-game-hero-meta-row:last-child{border-bottom:0}.article-game-hero-meta dt{margin:0;font-weight:600;color:rgba(229,239,255,0.72)}.article-game-hero-meta dd{margin:0;color:#f2f7ff;text-align:right;line-height:1.45}.article-game-hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0.4rem 1rem;background:#ff8f5c;color:#2a1a22;font-weight:800;text-transform:uppercase;font-size:0.74rem;letter-spacing:0.06em}.article-game-hero-btn:hover{background:#ffa776;color:#2a1a22}.article-author-box{margin:1.25rem auto 0;width:min(940px,100%);border:1px solid rgba(20,89,130,0.14);border-radius:14px;padding:1rem;display:grid;grid-template-columns:96px 1fr;gap:0.9rem;align-items:center;background:#fff}.article-author-avatar{width:96px;height:96px;min-width:96px;min-height:96px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;overflow:hidden;border:2px solid color-mix(in srgb,var(--bg-blue) 28%,transparent);background:#f3f8ff}.article-author-avatar img,.article-author-avatar img.avatar{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;border-radius:50%;border:0}.article-author-kicker{margin:0 0 0.25rem;text-transform:uppercase;letter-spacing:0.08em;font-size:0.68rem;color:var(--muted-text,#56463f)}.article-author-content h3{margin:0 0 0.35rem;font-size:1.1rem}.article-author-content p{margin:0 0 0.45rem;color:rgba(14,32,56,0.74)}.article-author-content a{font-weight:700}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem;border-top:1px solid #e5e7eb;margin-top:2rem}.nav-previous,.nav-next{padding:1.5rem;background:var(--bg-light);border-radius:12px;transition:all 0.2s ease}.nav-previous:hover,.nav-next:hover{background:var(--bg-blue);color:white}.nav-previous a,.nav-next a{display:block;text-decoration:none;color:inherit;font-weight:600}.nav-arrow{display:block;font-size:0.9rem;color:var(--muted-text,#56463f);margin-bottom:0.5rem;transition:color 0.2s ease}.nav-previous:hover .nav-arrow,.nav-next:hover .nav-arrow{color:white}.play4geek-taboola-zone{width:100%;max-width:100%;min-width:0;margin:1.75rem 0 0;padding:0;clear:both;overflow:visible;box-sizing:border-box}.play4geek-taboola-zone--below{margin:0;padding:1.35rem 2.5rem 1.5rem;border-top:1px solid rgba(15,23,42,0.08)}.single-article-comments{margin-top:0}.play4geek-taboola-zone--mid,.play4geek-taboola-zone--carousel{margin:2rem 0;padding:0.35rem 0;max-width:100%}.play4geek-taboola-zone [id^="taboola-"],.single-article-content [id^="taboola-mid-article"],.single-review-content [id^="taboola-mid-article"]{width:100% !important;max-width:100% !important;margin-left:auto !important;margin-right:auto !important;overflow:visible !important}.play4geek-taboola-zone .trc_rbox,.play4geek-taboola-zone .trc_rbox_container,.play4geek-taboola-zone .trc_rbox_div,.play4geek-taboola-zone .trc_rbox_outer,.play4geek-taboola-zone .trc_rbox_border_elm,.play4geek-taboola-zone .tbl-feed-container,.play4geek-taboola-zone .tbl-feed-frame,.play4geek-taboola-zone .tbl-trecs-feed,.single-article-content .play4geek-taboola-zone--mid .trc_rbox,.single-review-content .play4geek-taboola-zone--mid .trc_rbox{max-width:100% !important;width:100% !important;height:auto !important;max-height:none !important;overflow:visible !important;box-sizing:border-box !important}.play4geek-taboola-zone--below .trc_elastic_thumbnails-a,.play4geek-taboola-zone--below .trc_elastic_thumbnails-b,.play4geek-taboola-zone--below .trc_elastic_thumbnails-rr,.play4geek-taboola-zone--below .trc_related_container,.play4geek-taboola-zone--below .trc_clearer{width:100% !important;max-width:100% !important;overflow:visible !important;box-sizing:border-box !important}.play4geek-taboola-zone--below .tbl-feed-card,.play4geek-taboola-zone--below .tbl-feed-card .videoCube{width:100% !important;max-width:100% !important;box-sizing:border-box}.play4geek-taboola-zone--below .tbl-feed-card img,.play4geek-taboola-zone--below .tbl-feed-card .item-thumbnail-href,.play4geek-taboola-zone--below .tbl-feed-card .thumbBlock{max-width:100% !important}.play4geek-taboola-zone--below .tbl-feed-card .video-title,.play4geek-taboola-zone--below .tbl-feed-card .branding,.play4geek-taboola-zone--below .tbl-feed-card .logoDiv{max-width:100%;overflow-wrap:anywhere}#play4geek-taboola-below-article .tbl-feed-card,#play4geek-taboola-below-article .tbl-feed-card .videoCube,#play4geek-taboola-below-article .videoCube{display:revert !important;visibility:visible !important;max-height:none !important}#play4geek-taboola-below-article .tbl-feed-container,#play4geek-taboola-below-article .tbl-feed-frame,#play4geek-taboola-below-article .tbl-trecs-feed{max-height:none !important;overflow:visible !important}.play4geek-taboola-zone iframe,.single-article-content .play4geek-taboola-zone--mid iframe,.single-review-content .play4geek-taboola-zone--mid iframe{max-width:100%}.play4geek-taboola-zone--mid .videoCube,.play4geek-taboola-zone--below .videoCube,.play4geek-taboola-zone--carousel .videoCube{max-width:100% !important;box-sizing:border-box !important}.play4geek-taboola-zone--below .thumbBlock,.play4geek-taboola-zone--below .item-thumbnail-href,.play4geek-taboola-zone--below .videoCubeAspect,.play4geek-taboola-zone--below .videoCubeAspect img,.play4geek-taboola-zone--below .trc_img_overlay,.play4geek-taboola-zone--below .trc_spotlight_item{max-width:100% !important;box-sizing:border-box !important}.play4geek-taboola-zone--below .video-title,.play4geek-taboola-zone--below .branding,.play4geek-taboola-zone--below .logoDiv,.play4geek-taboola-zone--below .trc_user_title,.play4geek-taboola-zone--below .trc_user_attribution{max-width:100%;overflow-wrap:anywhere}.single-article-content .play4geek-taboola-zone--mid,.single-review-content .play4geek-taboola-zone--mid{margin-left:0;margin-right:0}body.theme-dark .play4geek-taboola-zone--below{border-top-color:rgba(148,163,184,0.22)}.single-review-page .play4geek-taboola-zone--below{margin:0;padding:1.1rem 2.5rem 1.2rem}.single-article-page .article-sidebar .play4geek-moneytizer-slot-article_sidebar{width:100%;max-width:300px;margin-left:auto;margin-right:auto;text-align:center}.single-article-page .article-sidebar .ad-slot-sidebar,.single-article-page .article-sidebar .play4geek-ad-slot-sidebar{width:300px;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}.single-article-page .article-sidebar .play4geek-ad-slot-sidebar .play4geek-ad-inner,.single-article-page .article-sidebar .play4geek-ad-slot-sidebar .p4g-sidebar-ad-300x250__unit{width:300px;max-width:100%;height:250px;min-height:250px;max-height:250px;padding:0;overflow:hidden}.single-article-page .article-sidebar .play4geek-ad-slot-sidebar iframe,.single-article-page .article-sidebar .play4geek-ad-slot-sidebar img,.single-article-page .article-sidebar .play4geek-ad-slot-sidebar ins{width:300px !important;height:250px !important;max-width:100% !important;max-height:250px !important}.single-article-page .article-sidebar .play4geek-moneytizer-inner,.single-article-page .article-sidebar .play4geek-moneytizer-inner iframe{width:100%;max-width:100%;overflow:hidden}.single-article-page .article-sidebar .play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-inner,.single-article-page .article-sidebar .play4geek-moneytizer-mount{display:block;align-items:stretch;justify-content:flex-start;margin-left:auto;margin-right:auto;text-align:center}.single-article-page .article-sidebar .play4geek-moneytizer-slot-article_sidebar .play4geek-moneytizer-inner{min-height:250px;overflow:visible}.single-article-page .article-sidebar .play4geek-moneytizer-mount{width:100%;max-width:300px;min-width:280px;min-height:250px;position:relative;overflow:visible}.single-article-page .article-sidebar .play4geek-moneytizer-mount div[id^="sas_"],.single-article-page .article-sidebar .play4geek-moneytizer-mount iframe{display:block;width:300px;max-width:100%;min-height:250px;margin-left:auto;margin-right:auto;position:relative}.article-inline-widget .play4geek-moneytizer-mount,.article-inline-widget [id^="141500-"]{width:100%;max-width:300px;margin:0 auto;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ad-slot-sidebar{margin-top:0.9rem}.article-sidebar{display:grid;gap:1.5rem;align-items:start}.game-sidebar-card{background:linear-gradient(170deg,#3c1622,#4a1d2c 58%,#2e1220);color:var(--text-light);border-radius:14px;padding:1rem;box-shadow:0 14px 34px rgba(22,15,24,0.24);border:1px solid rgba(255,255,255,0.08)}.game-sidebar-cover{width:100%;overflow:hidden;border-radius:10px;margin-bottom:0.85rem;border:1px solid rgba(255,255,255,0.14)}.game-sidebar-cover img{width:100%;height:140px;object-fit:cover;display:block;border-radius:10px}.game-sidebar-card-header{margin-bottom:0.95rem}.game-sidebar-tag{display:inline-flex;align-items:center;padding:0.2rem 0.5rem;border-radius:999px;background:rgba(30,115,190,0.2);color:#d8e8ff;font-size:0.62rem;text-transform:uppercase;letter-spacing:0.09em;font-weight:600}.game-sidebar-card h2{margin:0.45rem 0 0;font-size:1.7rem;line-height:1.2;font-weight:700}.game-sidebar-card h2 a{color:white;text-decoration:none;transition:color 0.2s ease}.game-sidebar-card h2 a:hover{color:#ff9b6f}.game-sidebar-description{margin:0 0 1rem;color:rgba(255,255,255,0.85);line-height:1.6;font-size:0.88rem}.game-sidebar-meta{margin:0 0 1rem;padding:0.85rem 0;list-style:none;display:grid;gap:0.45rem;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.game-sidebar-meta > li{display:grid;grid-template-columns:20px minmax(80px,1fr) auto;align-items:center;gap:0.48rem;color:rgba(255,255,255,0.9);font-size:0.78rem;padding:0.14rem 0}.game-sidebar-meta > li .meta-label{color:rgba(237,243,255,0.92);font-weight:600}.game-sidebar-meta > li .meta-value{color:rgba(255,255,255,0.92);text-align:right}.meta-icon-small{font-size:0.72rem;opacity:0.9;color:rgba(255,180,139,0.95)}.game-sidebar-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0.8rem 1.1rem;border-radius:999px;background:#ff8f5c;color:#2a1a22;text-transform:uppercase;letter-spacing:0.06em;font-weight:800;transition:all 0.2s ease;border:none;cursor:pointer;text-decoration:none;font-size:0.78rem}.game-sidebar-button:hover{background:#ffa776;transform:translateY(-2px);box-shadow:0 12px 24px rgba(255,143,92,0.25)}.article-sidebar .game-sidebar-card.article-sidebar-game-card{background:linear-gradient(145deg,var(--bg-dark) 0%,color-mix(in srgb,var(--bg-dark) 82%,var(--bg-blue)) 100%);color:var(--text-light);border:1px solid var(--border,rgba(255,255,255,0.1));border-radius:14px;padding:1rem;margin:0;box-shadow:0 14px 34px color-mix(in srgb,var(--bg-dark) 35%,transparent)}.article-sidebar-game-card .game-sidebar-tag{background:color-mix(in srgb,var(--bg-blue) 28%,transparent);color:var(--text-light);padding:0.2rem 0.5rem;letter-spacing:0.09em;font-size:0.62rem}.article-sidebar-game-card-header{position:relative;margin-bottom:0.75rem;padding-bottom:0.55rem;border-bottom:1px solid color-mix(in srgb,var(--text-light) 18%,transparent)}.article-sidebar-game-card-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:0.5rem;margin-bottom:0.35rem}.article-sidebar-game-card-subscriptions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem;margin:0.75rem 0 0;padding-top:0.65rem;border-top:1px solid color-mix(in srgb,var(--text-light) 14%,transparent);overflow:visible}.article-sidebar-game-card-subscriptions .game-sheet-subscription-badges.is-sidebar,.article-sidebar-game-card-subscriptions .game-sheet-subscription-badges.is-meta{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;margin:0}.article-sidebar-game-card-subscriptions .game-sheet-subscription-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;padding:0;border:0;background:transparent;box-shadow:none;overflow:visible;cursor:default}.article-sidebar-game-card-subscriptions .game-sheet-subscription-badge__icon{display:block;width:34px;height:34px;max-width:34px;border-radius:11px;object-fit:cover;pointer-events:none}.article-sidebar-game-card-subscriptions .screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-sidebar-game-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-top:0}.article-sidebar-game-card-title-row h2{flex:1 1 auto;min-width:0}.article-sidebar-game-card h2{margin:0;font-size:1.15rem;text-transform:uppercase;letter-spacing:0.03em}.article-sidebar-game-card-pegi{flex:0 0 auto;width:34px;height:42px;border-radius:6px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-light) 22%,transparent);background:rgba(255,255,255,0.96);box-shadow:0 4px 10px rgba(0,0,0,0.18)}.article-sidebar-game-card-pegi img{display:block;width:100%;height:100%;object-fit:contain}.article-sidebar-game-card h2 a{color:var(--text-light)}.article-sidebar-game-card h2 a:hover{color:color-mix(in srgb,var(--text-light) 75%,var(--bg-blue))}.article-sidebar-game-card-grid{display:grid;grid-template-columns:92px minmax(0,1fr);gap:0.65rem;align-items:start}.article-sidebar-game-card-cover{border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-light) 16%,transparent)}.article-sidebar-game-card-cover img{display:block;width:100%;height:auto;aspect-ratio:5 / 7;object-fit:cover}.article-sidebar-game-card .game-sidebar-meta{margin:0;padding:0;border:none;gap:0.42rem}.article-sidebar-game-card .game-sidebar-meta > li{display:grid;grid-template-columns:minmax(7.25rem,48%) minmax(0,1fr);align-items:center;gap:0.45rem 0.7rem;font-size:0.68rem;line-height:1.35;color:color-mix(in srgb,var(--text-light) 92%,transparent);padding:0.12rem 0}.article-sidebar-game-card .game-sidebar-meta-key{display:inline-flex;align-items:center;gap:0.42rem;min-width:0;grid-column:1;grid-row:1}.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--platforms,.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--play-modes{align-items:start}.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--platforms .article-sidebar-game-card-platforms,.article-sidebar-game-card .game-sidebar-meta > li.game-sidebar-meta-item--play-modes .article-sidebar-game-card-play-modes{grid-column:2;grid-row:1;justify-content:flex-end;justify-self:end;min-width:0;width:100%;max-width:100%}.article-sidebar-game-card .meta-label{text-transform:uppercase;letter-spacing:0.04em;font-size:0.62rem;font-weight:600;color:color-mix(in srgb,var(--text-light) 78%,transparent);white-space:nowrap}.article-sidebar-game-card .meta-label::after{content:':'}.article-sidebar-game-card .meta-value{justify-self:end;text-align:right;font-weight:700;font-size:0.68rem;color:var(--text-light);min-width:0;overflow-wrap:anywhere;word-break:normal}.article-sidebar-game-card .meta-icon-small{flex:0 0 auto;width:0.85rem;text-align:center;color:var(--text-accent,var(--link-color))}.article-sidebar-game-card-platforms.meta-value,.article-sidebar-game-card-play-modes.meta-value{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:0.22rem;margin:0;padding:0;list-style:none;max-width:100%;min-width:0}.article-sidebar-game-card-platforms.meta-value > li,.article-sidebar-game-card-play-modes.meta-value > li,.game-sidebar-meta .article-sidebar-game-card-platforms > li,.game-sidebar-meta .article-sidebar-game-card-play-modes > li{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:fit-content;max-width:none;white-space:nowrap;padding:0.08rem 0.34rem;border-radius:5px;background:color-mix(in srgb,var(--bg-blue) 18%,transparent);border:1px solid color-mix(in srgb,var(--text-light) 14%,transparent);color:var(--text-light);font-size:0.52rem;font-weight:800;line-height:1.15;letter-spacing:0.03em;text-align:center;text-transform:uppercase;grid-template-columns:none}.article-sidebar-game-card-tags{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0.55rem 0 0;padding:0;list-style:none}.article-sidebar-game-card-tags li{padding:0.22rem 0.5rem;border-radius:999px;background:var(--badge-bg,color-mix(in srgb,var(--bg-blue) 22%,transparent));color:var(--badge-text,var(--text-light));font-size:0.6rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.article-sidebar-game-card .p4g-ig-buy,.p4g-ig-buy{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;width:auto;flex:0 0 auto;min-height:0;padding:0.42rem 0.85rem 0.42rem 0.55rem;border-radius:999px;background:#111;color:#fff;text-decoration:none;font-weight:800;font-size:0.78rem;letter-spacing:0.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,0.12);box-shadow:0 8px 20px rgba(0,0,0,0.28);transition:transform 0.16s ease,box-shadow 0.16s ease,border-color 0.16s ease,background 0.16s ease}.article-sidebar-game-card .p4g-ig-buy:hover,.article-sidebar-game-card .p4g-ig-buy:focus-visible,.p4g-ig-buy:hover,.p4g-ig-buy:focus-visible{background:#1a1a1a;color:#fff;border-color:#ff6a00;transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,106,0,0.28)}.p4g-ig-buy__logo{display:block;height:28px;width:auto;max-width:110px;object-fit:contain;object-position:left center;flex:0 0 auto;padding-right:0.65rem;border-right:1px solid rgba(255,255,255,0.18)}.p4g-ig-buy__label{color:#fff;line-height:1.15;white-space:nowrap}.p4g-ig-buy__price{color:#ff6a00;font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap;line-height:1.15}.p4g-ig-buy__price:not(:empty)::before{content:'·';color:rgba(255,255,255,0.45);margin:0 0.35rem 0 0.12rem;font-weight:600}.p4g-ig-buy--unavailable{opacity:0.78;border-color:rgba(255,255,255,0.2);box-shadow:none}.p4g-ig-buy--unavailable:hover,.p4g-ig-buy--unavailable:focus-visible{background:#181818;border-color:rgba(255,255,255,0.28);transform:none;box-shadow:none}.p4g-ig-buy--unavailable .p4g-ig-buy__label{color:rgba(255,255,255,0.72);letter-spacing:0.02em;text-transform:none;font-weight:700}.p4g-ig-buy--unavailable .p4g-ig-buy__price,.p4g-ig-buy__price[hidden]{display:none !important}.article-sidebar-game-card .p4g-ig-buy,.p4g-ig-buy--sidebar{width:100%;margin-top:0.75rem;min-height:2.85rem;padding:0.55rem 0.95rem 0.55rem 0.65rem;border-radius:10px;font-size:0.78rem;gap:0.75rem}.article-sidebar-game-card .game-sidebar-button--buy{margin-top:0.75rem;border-radius:8px;background:var(--button-bg,var(--bg-blue));color:var(--button-text,var(--text-light));font-size:0.72rem;letter-spacing:0.06em;padding:0.75rem 0.85rem}.article-sidebar-game-card .game-sidebar-button--buy:hover{background:var(--button-hover-bg,var(--bg-accent,var(--bg-blue)));color:var(--button-text,var(--text-light));transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--button-bg,var(--bg-blue)) 40%,transparent)}.article-sidebar-game-card .game-sidebar-description{margin:0.75rem 0 0;font-size:0.78rem;line-height:1.5;color:color-mix(in srgb,var(--text-light) 85%,transparent)}.article-sidebar-game-card-trailer{position:relative;display:block;margin-top:0.75rem;border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--text-light) 14%,transparent)}.article-sidebar-game-card-trailer img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.article-sidebar-game-card-trailer-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-dark) 45%,transparent);pointer-events:none}.article-sidebar-game-card-trailer-play i{width:2.5rem;height:2.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--button-bg,var(--bg-blue));color:var(--button-text,var(--text-light));font-size:0.85rem;padding-left:0.12rem;box-shadow:0 8px 20px color-mix(in srgb,var(--bg-dark) 50%,transparent)}body.theme-dark .article-sidebar .game-sidebar-card.article-sidebar-game-card{border-color:var(--border-color,rgba(255,255,255,0.12))}body.theme-dark .article-sidebar-game-card-tags li{background:var(--badge-bg);color:var(--badge-text)}.sidebar-newsletter{background:var(--sidebar-bg,linear-gradient(135deg,var(--bg-blue) 0%,#1558a0 100%));color:white;border-radius:16px;padding:1.75rem;box-shadow:0 16px 48px rgba(30,115,190,0.16);border:1px solid rgba(255,255,255,0.1);box-sizing:border-box}.sidebar-newsletter h3{margin:0 0 0.5rem;font-size:1.2rem;font-weight:700}.sidebar-newsletter p{margin:0 0 1.25rem;color:rgba(255,255,255,0.9);font-size:0.95rem;line-height:1.6}.newsletter-form{display:flex;flex-direction:column;gap:0.75rem}.newsletter-form input{padding:0.9rem 1rem;border:none;border-radius:8px;background:rgba(255,255,255,0.95);color:var(--text-dark);font-size:0.95rem}.newsletter-form input::placeholder{color:var(--muted-text,#56463f)}.newsletter-form button{padding:0.9rem 1rem;border:none;border-radius:8px;background:var(--button-bg,var(--bg-blue));color:var(--button-text,var(--text-light));font-weight:700;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.08em;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;border:2px solid color-mix(in srgb,var(--button-bg,var(--bg-blue)) 75%,#ffffff)}.newsletter-form button:hover{background:var(--button-hover-bg,var(--bg-accent));border-color:color-mix(in srgb,var(--button-hover-bg,var(--bg-accent)) 75%,#ffffff);color:var(--button-text,var(--text-light))}.single-article-page .article-sidebar--no-game{gap:1.25rem}.single-article-page .article-sidebar-fallback{display:grid;gap:1.25rem;min-width:0}.single-article-page .article-sidebar-fallback .sidebar-discord.p4g-discord-block,.single-article-page .article-sidebar-fallback .sidebar-panel.sidebar-poll.sidebar-poll--pro{width:100%;max-width:100%;min-width:0}.single-article-page .article-sidebar-fallback .p4g-discord-block__inner{padding:1rem}.single-article-page .article-sidebar-fallback .p4g-discord-block__features{grid-template-columns:1fr;gap:0.55rem}.single-article-page .article-sidebar-fallback .p4g-discord-block__embed iframe{height:280px}body.theme-dark .single-article-page .article-sidebar-fallback .sidebar-panel.sidebar-poll.sidebar-poll--pro{background:linear-gradient(165deg,rgba(15,23,42,0.96) 0%,rgba(17,32,56,0.98) 100%);border-color:rgba(148,163,184,0.22);color:#e2e8f0;box-shadow:0 14px 34px rgba(2,6,23,0.35)}body.theme-dark .single-article-page .article-sidebar-fallback .sidebar-poll-header{background:rgba(15,23,42,0.55);border-bottom-color:rgba(148,163,184,0.18)}body.theme-dark .single-article-page .article-sidebar-fallback .sidebar-poll-title,body.theme-dark .single-article-page .article-sidebar-fallback .sidebar-poll-question,body.theme-dark .single-article-page .article-sidebar-fallback .sidebar-poll-option-text{color:#f1f5f9}.single-article-page .article-sidebar .p4g-sidebar-widget > .sidebar-panel.sidebar-poll.sidebar-poll--pro,.single-article-page .article-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro{width:100%;max-width:100%;min-width:0;background:linear-gradient(165deg,#fff 0%,#f8fbff 100%);border:1px solid var(--border-color,#d6e3f3);border-radius:18px;padding:0;overflow:visible;box-shadow:0 10px 28px rgba(15,35,70,0.06);color:var(--text-dark,#111827)}.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-title,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-question,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-option-text,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-nav-label,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-result-label{color:var(--text-dark,#111827)}.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-submit{color:#fff}.single-article-page .article-sidebar .sidebar-poll--pro fieldset.sidebar-poll-options,.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-form{border:0;margin:0;padding:0;min-width:0}.single-article-page .article-sidebar .sidebar-poll--pro .sidebar-poll-option{position:relative}body.theme-dark .single-article-page .article-sidebar .sidebar-panel.sidebar-poll.sidebar-poll--pro{background:linear-gradient(165deg,rgba(15,23,42,0.96) 0%,rgba(17,32,56,0.98) 100%);border-color:rgba(148,163,184,0.22);color:#e2e8f0;box-shadow:0 14px 34px rgba(2,6,23,0.35)}body.theme-dark .single-article-page .article-sidebar .sidebar-poll-header{background:rgba(15,23,42,0.55);border-bottom-color:rgba(148,163,184,0.18)}body.theme-dark .single-article-page .article-sidebar .sidebar-poll-title,body.theme-dark .single-article-page .article-sidebar .sidebar-poll-question,body.theme-dark .single-article-page .article-sidebar .sidebar-poll-option-text,body.theme-dark .single-article-page .article-sidebar .sidebar-poll-nav-label,body.theme-dark .single-article-page .article-sidebar .sidebar-poll-result-label{color:#f1f5f9}body.theme-dark .single-article-page .article-sidebar .sidebar-poll-option-ui{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.22)}body.theme-dark .single-article-page .article-sidebar .sidebar-poll-nav-btn{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.22);color:#fdba74}.article-rating-section{padding:2.5rem;background:linear-gradient(135deg,var(--bg-light) 0%,rgba(30,115,190,0.05) 100%);border:1px solid rgba(30,115,190,0.1);border-radius:0;margin:2rem 0;text-align:center}.article-inline-widgets{margin-top:1.1rem;display:grid;gap:0.85rem}.article-inline-widget{background:var(--surface-card);border:1px solid var(--border-color);border-radius:12px;padding:0.9rem}.article-inline-widget .widget-title{margin:0 0 0.55rem;font-size:1rem}.article-sidebar .sidebar-hype-list{list-style:none;margin:0;padding:0;display:grid;gap:0.45rem}.article-sidebar .sidebar-hype-item{margin:0;list-style:none}.article-sidebar .sidebar-hype-link{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:0.55rem;padding:0.48rem;border-radius:12px;color:inherit;text-decoration:none;transition:background 0.16s ease}.article-sidebar .sidebar-hype-link:hover{background:rgba(20,89,130,0.08)}.article-sidebar .sidebar-hype-thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:rgba(15,23,42,0.08);flex-shrink:0}.article-sidebar .sidebar-hype-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-sidebar .sidebar-hype-content{min-width:0;display:grid;gap:0.15rem}.article-sidebar .sidebar-hype-name{font-size:0.86rem;font-weight:700;color:var(--text-dark)}.article-sidebar .sidebar-hype-meta{font-size:0.74rem;color:var(--muted-text)}.article-sidebar .sidebar-hype-score{display:inline-flex;align-items:center;gap:0.2rem;padding:0.14rem 0.36rem;border-radius:999px;border:1px solid rgba(234,88,12,0.28);color:#c2410c;background:rgba(251,146,60,0.16);font-size:0.72rem;font-weight:700;flex-shrink:0}.article-sidebar .sidebar-hype-score.is-neutral{color:#4b5563;border-color:rgba(75,85,99,0.22);background:rgba(148,163,184,0.14)}body.theme-dark .article-sidebar .sidebar-hype-link:hover{background:rgba(148,163,184,0.12)}@media (max-width:1024px){.article-sidebar .sidebar-hype-link{grid-template-columns:48px minmax(0,1fr) auto;gap:0.45rem}}.rating-container{max-width:920px;margin:0 auto}.rating-title{margin:0 0 0.5rem;font-size:1.3rem;color:var(--text-dark);font-weight:700}.rating-subtitle{margin:0 0 1.75rem;color:var(--muted-text,#56463f);font-size:0.95rem}.smiley-rating{display:flex;justify-content:center;gap:0.65rem;flex-wrap:wrap}.smiley-btn{display:flex;flex-direction:column;align-items:center;gap:0.35rem;padding:0.75rem 0.55rem;background:white;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all 0.3s ease;min-width:88px;flex:1 1 88px;max-width:120px;font-family:inherit}.smiley-btn:hover{border-color:var(--bg-blue);background:#f0f7ff;transform:translateY(-4px)}.smiley-btn.active{border-color:var(--bg-blue);background:var(--bg-blue);color:white}.smiley-emoji{font-size:2.5rem;line-height:1}.smiley-label{font-size:0.9rem;font-weight:600;color:var(--text-dark)}.smiley-count{display:block;margin-top:0.15rem;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;color:var(--text-accent,var(--link-color));line-height:1.2}.smiley-btn.active .smiley-count{color:rgba(255,255,255,0.95)}.smiley-rating.voted .smiley-btn{cursor:default}.smiley-btn.active .smiley-label{color:white}.rating-message{margin-top:1.5rem;padding:1rem;background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;color:#065f46;font-weight:600}.rating-message p{margin:0}@media (max-width:768px){.article-rating-section{padding:1.5rem}.smiley-btn{min-width:85px;padding:0.75rem}.smiley-emoji{font-size:2rem}.smiley-label{font-size:0.8rem}.rating-title{font-size:1.1rem}}@media (max-width:480px){.smiley-rating{gap:0.75rem}.smiley-btn{min-width:70px;padding:0.6rem}.smiley-emoji{font-size:1.8rem}.smiley-label{font-size:0.75rem}}@media (max-width:768px){.article-meta-bar{flex-direction:column;align-items:flex-start;gap:1rem}.author-info{flex:1;width:100%}.share-buttons-horizontal{align-self:flex-start}}@media (max-width:480px){.article-meta-bar{padding:1rem}.author-avatar{width:64px;height:64px;min-width:64px;min-height:64px}.article-stats{font-size:0.85rem}.share-buttons-horizontal{gap:0.5rem}.share-icon{width:36px;height:36px}.share-icon svg{width:18px;height:18px}}@media (max-width:1024px){.single-article-page .article-layout{grid-template-columns:1fr;gap:1.25rem;max-width:100%;padding:0 1rem}.related-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){body.single-post .site-main.single-article-page,.single-article-page{max-width:none;width:100%;margin:0;padding:0 0 1.25rem}.single-article-page .article-layout{display:block;max-width:none;width:100%;margin:0;padding:0;gap:0}.single-article-page .article-sidebar,.single-article-page aside.article-sidebar{display:none !important}.single-article-page .single-article{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;background:var(--surface-card,#fff)}.single-article-page > .article-breadcrumb.article-breadcrumb--single{max-width:none;margin:0;padding:0.55rem 0.85rem 0.35rem}.single-article-cover,.single-article-cover .featured-image-figure{border-radius:0}.single-article-cover img,.featured-image-figure img{max-height:min(42vw,260px);border-radius:0;object-fit:cover}.article-cover-overlay{padding:0.85rem 0.9rem 0.75rem}.article-cover-overlay .single-article-title,.single-article-header .single-article-title{font-size:clamp(1.35rem,6.2vw,1.85rem);line-height:1.18;margin-bottom:0.55rem}.single-article-header{padding:1rem 0.9rem 0.85rem}.single-article-excerpt{font-size:0.95rem;line-height:1.55;margin-bottom:0.85rem}.article-meta-bar{padding:0.85rem 0;gap:0.75rem}.single-article-content{padding:0.35rem 0.9rem 1.35rem;font-size:1.05rem;line-height:1.75;overflow-x:clip}.single-article-content img,.single-article-content .wp-block-image img,.single-article-content figure,.single-article-content .wp-block-embed,.single-article-content .wp-block-video{max-width:100%}.single-article-content .wp-block-embed.is-type-video,.single-article-content .wp-block-embed.is-provider-youtube{margin-left:0;margin-right:0;width:100%}.single-article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper{width:100%;aspect-ratio:16 / 9}.single-article-content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe,.single-article-content iframe.p4g-youtube-embed{width:100%;height:100%}.article-internal-links{margin:0 0.9rem 1rem;padding:0.85rem}.related-articles,.article-game-hero,.article-rating-section,.article-navigation{margin-left:0;margin-right:0;border-radius:0}.related-articles{padding:1.15rem 0.9rem 1.35rem}.article-rating-section{padding:1.15rem 0.9rem}.article-navigation{padding:1rem 0.9rem 1.25rem;gap:0.75rem}.play4geek-taboola-zone--below{margin:0;padding:1rem 0.9rem 1.25rem}.single-article-page .single-article .single-article-comments{padding:0 0.9rem 1.25rem}.single-article-promo-bottom{margin:0 0.9rem 1rem}}@media (max-width:768px){.single-article-page .article-layout{grid-template-columns:1fr;gap:0;padding:0}.single-article-page .article-sidebar{display:none !important;position:static;top:auto;max-width:none;max-height:none;overflow:visible}.article-cover-platforms{top:0.65rem;left:0.65rem;max-width:min(68%,calc(100% - 6rem))}.article-cover-category{top:0.65rem;right:0.65rem}.breadcrumb-wrapper{padding:0 0.9rem}.single-article-meta{grid-template-columns:1fr;gap:1rem;padding:0.75rem 0}.article-share-buttons{gap:0.75rem}.single-article-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image),.single-review-content .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){width:100% !important;flex:0 0 100%;max-width:100%}.related-articles-grid{grid-template-columns:1fr}.article-game-hero-inner{grid-template-columns:1fr;padding:3.25rem 0.9rem 1rem;gap:0.85rem}.article-game-hero-media{max-width:140px}.article-game-hero-score{width:42px;height:42px;font-size:0.85rem}.article-game-hero-meta-row{grid-template-columns:1fr;gap:0.15rem}.article-game-hero-meta dd{text-align:left}.article-author-box{grid-template-columns:1fr}.article-author-avatar{margin-inline:auto}.article-navigation{grid-template-columns:1fr}}@media (max-width:480px){.single-article-title,.article-cover-overlay .single-article-title,.single-article-header .single-article-title{font-size:clamp(1.28rem,6.8vw,1.65rem)}.single-article-meta{flex-direction:column}.share-btn{width:36px;height:36px;font-size:0.85rem}.article-share-buttons{flex-wrap:wrap}.breadcrumb-wrapper{gap:0.3rem;font-size:0.85rem}.single-article-content{padding:0.25rem 0.8rem 1.2rem;font-size:1.02rem;line-height:1.72}.single-article-cover img,.featured-image-figure img{max-height:min(48vw,220px)}.single-article-page .article-sidebar .newsletter-form{grid-template-columns:1fr}.single-article-page .article-sidebar .newsletter-form button{width:100%}}.single-article-page .single-article .single-article-comments{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-top:0.35rem;padding:0 clamp(1.75rem,4vw,3rem) 2rem;overflow-x:hidden}body.single-post .single-article-page .single-article .single-article-comments #comments{max-width:100% !important;width:100% !important;margin:1rem 0 2rem !important;box-sizing:border-box}body.single-post .single-article-page .single-article .single-article-comments #wpdcom,body.single-post .single-article-page .single-article .single-article-comments #comments #wpdcom{max-width:100% !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box}.single-article-page .single-article .single-article-comments .comments-area,.single-article-page .single-article .single-article-comments #comments,.single-article-page .single-article .single-article-comments #wpdcom,.single-article-page .single-article .single-article-comments .wpdiscuz_unauth,.single-article-page .single-article .single-article-comments .wpd-thread-wrapper,.single-article-page .single-article .single-article-comments .wpd-comment-form-wrap,.single-article-page .single-article .single-article-comments .wpd-form-wrapper,.single-article-page .single-article .single-article-comments .wpd-thread-list,.single-article-page .single-article .single-article-comments .wpdiscuz-comment-form,.single-article-page .single-article .single-article-comments .wpdiscuz-comments{width:100%;max-width:100%;box-sizing:border-box}.single-article-page .single-article .single-article-comments .comment-respond textarea,.single-article-page .single-article .single-article-comments .wpdiscuz-textarea-wrap textarea{width:100%;max-width:100%;box-sizing:border-box}.single-article-excerpt{margin:1rem 0 1.5rem;font-size:1.05rem;color:var(--muted-text);line-height:1.9}.single-article-promo{display:inline-flex;align-items:center;gap:0.4rem;min-height:34px;padding:0.24rem 0.6rem;border-radius:999px;border:1px solid rgba(234,88,12,0.3);background:rgba(251,146,60,0.14);color:#9a3412;font-weight:700;margin:0 0 0.9rem}.single-article-promo-label{font-size:0.76rem;text-transform:uppercase;letter-spacing:0.06em;opacity:0.85}.single-article-promo-bottom{margin:1.6rem 0 1.2rem;padding:1.15rem;border-radius:18px;border:1px dashed rgba(234,88,12,0.45);background:linear-gradient(135deg,rgba(251,146,60,0.16),rgba(254,215,170,0.36));text-align:center}.single-article-promo-bottom-label{margin:0 0 0.55rem;font-size:0.86rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#9a3412}.single-article-promo-bottom-code{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0.5rem 1.25rem;border-radius:14px;background:#ffffff;border:1px solid rgba(234,88,12,0.35);color:#7c2d12;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1;font-weight:900;letter-spacing:0.08em}.single-article-grid{display:grid;grid-template-columns:1.7fr 0.9fr;gap:2rem}.single-article-header{padding:2rem;border-bottom:1px solid rgba(15,23,42,0.08)}.article-sidebar{display:grid;gap:1.5rem}.sidebar-panel:not(.sidebar-poll):not(.sidebar-discord):not(.sidebar-newsletter):not(.sidebar-hype-widget):not(.sidebar-auctions-spotlight):not(.sidebar-live){background:var(--bg-dark);color:var(--text-light);padding:1.5rem;border-radius:24px}.game-sidebar-card{background:var(--bg-dark);color:var(--text-light);border-radius:28px;padding:1.5rem;box-shadow:0 28px 80px rgba(15,23,42,0.16)}.game-sidebar-card-header{margin-bottom:1.25rem}.game-sidebar-card h2{margin:1rem 0 0.75rem;font-size:1.55rem;line-height:1.15}.game-sidebar-meta > li{display:flex;justify-content:space-between;gap:0.8rem;color:rgba(255,255,255,0.78);font-size:0.95rem}.game-sidebar-card .game-sidebar-button{margin-top:1.3rem}@media (max-width:900px){body.single-post,body.single-post .site{overflow-x:clip}body.single-post .site-main.single-article-page,.single-article-page{max-width:none !important;width:100% !important;margin:0 !important;padding:0 0 1rem !important;box-sizing:border-box !important}.single-article-page .article-layout{display:block !important;max-width:none !important;width:100% !important;margin:0 !important;padding:0 !important;gap:0 !important}.single-article-page .article-sidebar,.single-article-page aside.article-sidebar{display:none !important}.single-article-page .single-article{width:100% !important;max-width:none !important;margin:0 !important;border-radius:0 !important;box-shadow:none !important;background:var(--surface-card,#fff)}.single-article-page > .article-breadcrumb,.single-article-page > .article-breadcrumb.article-breadcrumb--single,.article-breadcrumb:not(.article-breadcrumb--single){max-width:none !important;width:100% !important;margin:0 !important;padding:0.4rem 0.7rem !important;background:transparent !important}.single-article-page .breadcrumb-wrapper{max-width:none !important;margin:0 !important;padding:0 !important}.single-article-cover,.single-article-cover .featured-image-figure,.single-article-cover img,.featured-image-figure img{border-radius:0 !important;width:100%}.single-article-header{padding:0.75rem 0.7rem 0.65rem !important}.single-article-page .article-meta-bar{padding:0.75rem !important;margin:0 !important;border-radius:10px}.single-article-content{padding:0.25rem 0.7rem 1.1rem !important;font-size:1.06rem !important;line-height:1.72 !important;max-width:none !important}.single-article-page .single-article .single-article-comments{padding:0 0.7rem 1.1rem !important}.related-articles,.article-rating-section,.article-navigation{border-radius:0 !important;margin-left:0 !important;margin-right:0 !important}.related-articles{padding:1rem 0.7rem 1.2rem !important}.article-navigation{padding:0.9rem 0.7rem 1.1rem !important}.article-internal-links{margin:0 0.7rem 0.9rem !important}.play4geek-taboola-zone--below{margin:0 !important;padding:0.9rem 0.7rem 1.1rem !important}.single-article-promo-bottom{margin:0 0.7rem 0.9rem !important}}@media (max-width:480px){.single-article-header{padding:0.65rem 0.55rem 0.55rem !important}.single-article-content{padding:0.2rem 0.55rem 1rem !important;font-size:1.04rem !important;line-height:1.7 !important}.single-article-page .article-meta-bar{padding:0.65rem !important}.single-article-page .single-article .single-article-comments,.related-articles,.article-navigation,.play4geek-taboola-zone--below{padding-left:0.55rem !important;padding-right:0.55rem !important}}
/* play4geek-wpdiscuz */
/**
 * wpDiscuz — intégration layout thème (articles / tests).
 */

body.single-post .single-article-page .single-article .single-article-comments,
body.single-review .single-review-comments,
body.single-post .play4geek-wpdiscuz-surface,
body.single-review .play4geek-wpdiscuz-surface {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.single-post .single-article-page .single-article .single-article-comments #comments,
body.single-post .single-article-page .single-article .single-article-comments #comments #wpdcom,
body.single-review .single-review-comments #comments,
body.single-review .single-review-comments #comments #wpdcom,
body.single-post .play4geek-wpdiscuz-surface #wpdcom,
body.single-review .play4geek-wpdiscuz-surface #wpdcom {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

body.single-post .single-article-page .single-article .single-article-comments #comments {
    margin: 1rem 0 2rem !important;
}

.single-article-page .single-article .single-article-comments .comments-area,
.single-article-page .single-article .single-article-comments #comments,
.single-article-page .single-article .single-article-comments #wpdcom,
.single-article-page .single-article .single-article-comments .wpdiscuz_unauth,
.single-article-page .single-article .single-article-comments .wpd-thread-wrapper,
.single-article-page .single-article .single-article-comments .wpd-comment-form-wrap,
.single-article-page .single-article .single-article-comments .wpd-form-wrapper,
.single-article-page .single-article .single-article-comments .wpd-thread-list,
.single-review-page .single-review-comments .comments-area,
.single-review-page .single-review-comments #comments,
.single-review-page .single-review-comments #wpdcom,
.single-review-page .single-review-comments .wpd-form-wrapper {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.single-article-page .single-article .single-article-comments .wpdiscuz-textarea-wrap textarea,
.single-review-page .single-review-comments .wpdiscuz-textarea-wrap textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

#wpdcom [id^="wpd-editor-wraper-"] {
    display: block !important;
    visibility: visible !important;
    min-height: 120px;
}

#wpdcom [id^="wpd-editor-wraper-"] [id^="wpd-editor-toolbar-"],
#wpdcom [id^="wpd-editor-wraper-"] .ql-toolbar.ql-snow {
    display: block !important;
    visibility: visible !important;
}

#wpdcom [id^="wpd-editor-wraper-"]:has(.ql-editor) textarea.wc_comment.wpd-field {
    display: none;
}

#wpdcom .ql-toolbar.ql-snow button,
#wpdcom [id^="wpd-editor-toolbar-"] button {
    width: auto;
    min-width: 28px;
    min-height: 28px;
}

#wpdcom .ql-toolbar.ql-snow button svg,
#wpdcom [id^="wpd-editor-toolbar-"] button svg {
    display: inline-block;
    width: 18px;
    height: 18px;
}

/* FA5 wpDiscuz (.fas) — isolé de FA6 (header .fa-solid) */
#wpdcom .fa,
#wpdcom .fas,
#wpdcom .far,
#wpdcom .fab,
#wpdcom .fad,
#wpdcom .fal,
#wpdcom i[class*="fa-"] {
    font-family: "Font Awesome 5 Free" !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

#wpdcom .far,
#wpdcom .fab {
    font-weight: 400 !important;
}

#wpdcom .fab {
    font-family: "Font Awesome 5 Brands" !important;
}

#wpdcom .fa,
#wpdcom .fas,
#wpdcom .fad,
#wpdcom .fal {
    font-weight: 900 !important;
}
/* play4geek-sidebar-poll */
/* Bloc sondages accueil — UI pro v2 */

.sidebar-poll.sidebar-poll--pro,
.sidebar-panel.sidebar-poll.sidebar-poll--pro {
    background: linear-gradient(165deg, #fff 0%, #f8fbff 100%);
    border: 1px solid var(--border-color, #d6e3f3);
    border-radius: 18px;
    padding: 0;
    overflow: visible;
    box-shadow: 0 10px 28px rgba(15, 35, 70, 0.06);
    color: var(--text-dark, #111827);
}

.sidebar-poll-shell {
    display: flex;
    flex-direction: column;
}

.sidebar-poll-header {
    padding: 1rem 1rem 0.75rem;
    border-bottom: 1px solid rgba(214, 227, 243, 0.9);
    background: rgba(255, 255, 255, 0.85);
}

.sidebar-poll-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.65rem;
}

.sidebar-poll-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--text-dark, #111827);
}

.sidebar-poll-icon {
    font-size: 1.05rem;
    line-height: 1;
}

.sidebar-poll-counter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.6rem;
    height: 1.6rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: rgba(232, 93, 4, 0.12);
    color: var(--bg-accent, #e85d04);
    font-size: 0.72rem;
    font-weight: 800;
}

/* Navigation flèches (sans scrollbar) */
.sidebar-poll-nav {
    display: grid;
    grid-template-columns: 2.1rem minmax(0, 1fr) 2.1rem;
    align-items: center;
    gap: 0.45rem;
}

.sidebar-poll-nav-btn {
    appearance: none;
    border: 1px solid var(--border-color, #d6e3f3);
    background: #fff;
    border-radius: 10px;
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--bg-accent, #e85d04);
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.sidebar-poll-nav-btn:hover,
.sidebar-poll-nav-btn:focus-visible {
    border-color: var(--bg-accent, #e85d04);
    background: rgba(232, 93, 4, 0.08);
    box-shadow: 0 4px 12px rgba(232, 93, 4, 0.15);
    outline: none;
}

.sidebar-poll-nav-current {
    min-width: 0;
    text-align: center;
    display: grid;
    gap: 0.1rem;
}

.sidebar-poll-nav-label {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--text-dark, #111827);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-poll-nav-index {
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--muted-text, #586b82);
    letter-spacing: 0.03em;
}

.sidebar-poll-panel {
    padding: 1rem 1.1rem 1.15rem;
    overflow: visible;
}

.sidebar-poll-results,
.sidebar-poll-result-list,
.sidebar-poll-result,
.sidebar-poll-result-head,
.sidebar-poll-result-stats {
    overflow: visible;
}

.sidebar-poll[data-sidebar-poll-block].is-loading .sidebar-poll-panel {
    opacity: 0.55;
    pointer-events: none;
}

.sidebar-poll-card-head {
    margin-bottom: 0.85rem;
}

.sidebar-poll-question {
    margin: 0 0 0.35rem;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--text-dark, #111827);
}

.sidebar-poll-meta {
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--muted-text, #586b82);
    background: rgba(214, 227, 243, 0.35);
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
}

.sidebar-poll-options {
    border: 0;
    margin: 0 0 0.85rem;
    padding: 0;
    display: grid;
    gap: 0.45rem;
}

.sidebar-poll-option {
    display: block;
    cursor: pointer;
}

.sidebar-poll-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.sidebar-poll-option-ui {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.62rem 0.75rem;
    border: 1px solid var(--border-color, #d6e3f3);
    border-radius: 12px;
    background: #fff;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
}

.sidebar-poll-option:hover .sidebar-poll-option-ui {
    border-color: rgba(232, 93, 4, 0.45);
    box-shadow: 0 4px 12px rgba(15, 35, 70, 0.06);
}

.sidebar-poll-option input:focus-visible + .sidebar-poll-option-ui {
    outline: 2px solid var(--bg-accent, #e85d04);
    outline-offset: 2px;
}

.sidebar-poll-option input:checked + .sidebar-poll-option-ui {
    border-color: var(--bg-accent, #e85d04);
    background: rgba(232, 93, 4, 0.07);
}

.sidebar-poll-option-bullet {
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 50%;
    border: 2px solid #b8c8dc;
    flex-shrink: 0;
}

.sidebar-poll-option input:checked + .sidebar-poll-option-ui .sidebar-poll-option-bullet {
    border-color: var(--bg-accent, #e85d04);
    box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px var(--bg-accent, #e85d04);
}

.sidebar-poll-option-text {
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.3;
}

.sidebar-poll-submit {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 0.65rem 1rem;
    background: var(--bg-accent, #e85d04);
    color: #fff;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.12s, box-shadow 0.15s, filter 0.15s;
}

.sidebar-poll-submit:hover {
    filter: brightness(1.05);
    box-shadow: 0 8px 18px rgba(232, 93, 4, 0.28);
}

.sidebar-poll-submit:active {
    transform: translateY(1px);
}

.sidebar-poll-result-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

.sidebar-poll-result-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.35rem;
}

.sidebar-poll-result-label {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.3;
}

.sidebar-poll-your-vote {
    display: inline-block;
    margin-left: 0.35rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: rgba(232, 93, 4, 0.14);
    color: var(--bg-accent, #e85d04);
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    vertical-align: middle;
}

.sidebar-poll-result-stats {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
    max-width: 58%;
}

.sidebar-poll-result-pct {
    display: inline-flex;
    align-items: baseline;
    gap: 0.15rem;
    font-size: 0.76rem;
    color: var(--muted-text, #586b82);
    white-space: nowrap;
}

.sidebar-poll-result-pct strong {
    color: var(--text-dark, #111827);
    font-size: 0.82rem;
}

.sidebar-poll-result-bar {
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(214, 227, 243, 0.55);
    overflow: hidden;
}

.sidebar-poll-result-fill {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ff8c42, var(--bg-accent, #e85d04));
    transition: width 0.45s ease;
}

.sidebar-poll-result.is-user-choice .sidebar-poll-result-fill {
    box-shadow: 0 0 0 1px rgba(232, 93, 4, 0.25);
}

.sidebar-poll-voters {
    flex-shrink: 0;
}

.sidebar-poll-voters-stack {
    display: inline-flex;
    align-items: center;
}

.sidebar-poll-voter {
    position: relative;
    display: inline-flex;
    margin-left: -0.28rem;
    cursor: pointer;
}

.sidebar-poll-voter:first-child {
    margin-left: 0;
}

.sidebar-poll-voter-avatar {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 6px rgba(15, 35, 70, 0.14);
    display: block !important;
}

.sidebar-poll-voter-tip {
    position: absolute;
    left: 50%;
    top: calc(100% + 8px);
    transform: translateX(-50%) translateY(-2px);
    padding: 0.32rem 0.55rem;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.96);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
    z-index: 30;
    box-shadow: 0 6px 18px rgba(15, 35, 70, 0.24);
}

.sidebar-poll-voter-tip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-bottom-color: rgba(15, 23, 42, 0.96);
}

.sidebar-poll-voter:hover .sidebar-poll-voter-tip,
.sidebar-poll-voter:focus-visible .sidebar-poll-voter-tip {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.sidebar-poll-voters-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    margin-left: -0.2rem;
    padding: 0 0.3rem;
    border-radius: 999px;
    background: #eef3fa;
    border: 2px solid #fff;
    font-size: 0.62rem;
    font-weight: 800;
    color: var(--muted-text, #586b82);
    box-shadow: 0 2px 6px rgba(15, 35, 70, 0.1);
}

.sidebar-poll-results-note {
    margin: 0.75rem 0 0;
    font-size: 0.72rem;
    color: var(--muted-text, #586b82);
}

@media (max-width: 640px) {
    .sidebar-poll-header,
    .sidebar-poll-panel {
        padding-left: 0.85rem;
        padding-right: 0.85rem;
    }

    .sidebar-poll-result-stats {
        max-width: 52%;
        gap: 0.25rem;
    }

    .sidebar-poll-voter-avatar {
        width: 22px !important;
        height: 22px !important;
    }
}
/* play4geek-article-game-embed-card */
.single-article-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper,.single-review-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper{position:static;display:block;width:100%;max-width:100%;margin:0;padding:0;aspect-ratio:auto;height:auto;min-height:0;overflow:visible;background:transparent;border-radius:0}.single-article-content .wp-block-embed.is-provider-play4geek,.single-review-content .wp-block-embed.is-provider-play4geek,.single-article-content .wp-block-play4geek-game-sheet-card,.single-review-content .wp-block-play4geek-game-sheet-card{display:block;width:100%;max-width:100%;margin-left:0;margin-right:0;text-align:left}.single-article-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper::before,.single-review-content .wp-block-embed.is-provider-play4geek .wp-block-embed__wrapper::before{content:none;display:none}.article-game-embed-card{clear:both;margin:2rem 0;width:100%;max-width:100%;border-radius:20px;overflow:hidden;position:relative;z-index:0;isolation:isolate;border:1px solid rgba(20,89,130,0.2);box-shadow:0 18px 48px rgba(8,20,38,0.22);background:linear-gradient(155deg,#0c1829 0%,#132a4a 48%,#0f2238 100%);color:#f2f7ff}.article-game-embed-card.has-bg-image::before{content:"";position:absolute;inset:-8%;background-image:var(--article-game-embed-bg);background-size:cover;background-position:center top;filter:blur(22px) saturate(1.08);transform:scale(1.06);opacity:0.78;z-index:0}.article-game-embed-card.has-bg-image::after{content:"";position:absolute;inset:0;background:linear-gradient(102deg,rgba(6,14,27,0.9) 0%,rgba(6,14,27,0.58) 44%,rgba(11,27,50,0.82) 100%);z-index:0}.article-game-embed-card__shell{position:relative;z-index:1;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:1.35rem;padding:3.65rem 1.35rem 1.35rem}.article-game-embed-card__cover-link{display:block;flex:0 0 148px;width:148px;max-width:148px;text-decoration:none !important;color:inherit !important;box-shadow:0 12px 32px rgba(3,10,20,0.38);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.28);line-height:0;position:relative}.article-game-embed-card__cover-link::after{content:"";position:absolute;top:0;right:0;bottom:0;width:28%;background:linear-gradient(90deg,transparent 0%,rgba(6,14,27,0.55) 100%);pointer-events:none}.article-game-embed-card__cover,.article-game-embed-card__cover-link img.article-game-embed-card__cover{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;object-position:center top;margin:0 !important;max-width:none;border-radius:0;box-shadow:none;background:rgba(0,0,0,0.35)}.article-game-embed-card__cover--empty{display:flex;align-items:center;justify-content:center;flex:0 0 148px;width:148px;max-width:148px;aspect-ratio:2 / 3;background:linear-gradient(160deg,#1e293b 0%,#0f172a 100%);color:#7dd3fc;font-size:2rem;line-height:1;border-radius:12px;border:1px solid rgba(255,255,255,0.28)}.article-game-embed-card__panel{position:relative;display:flex;flex-direction:column;justify-content:flex-start;flex:1 1 auto;min-width:0;padding:0;color:#f2f7ff}.single-article-content .article-game-embed-card__panel,.single-review-content .article-game-embed-card__panel{color:#f2f7ff !important}.single-article-content .article-game-embed-card__panel *,.single-review-content .article-game-embed-card__panel *{text-decoration:none}.article-game-embed-card__top{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:flex-start;justify-content:flex-end;gap:0.5rem;padding:0.85rem 1rem;pointer-events:none}.article-game-embed-card__top > *{pointer-events:auto}.article-game-embed-card__platforms{flex:1 1 auto;display:flex;justify-content:flex-end;min-width:0}.article-game-embed-card__platforms .game-sheet-platform-icons{margin:0;justify-content:flex-end}.article-game-embed-card__score{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:0.88rem;color:#fff !important;border:2px solid rgba(255,255,255,0.88);box-shadow:0 6px 18px rgba(0,0,0,0.28)}.article-game-embed-card__score.is-high{background:#1faa5c}.article-game-embed-card__score.is-mid{background:#f5a623}.article-game-embed-card__score.is-low{background:#dd4b39}.article-game-embed-card__body{display:flex;flex-direction:column;gap:0;min-width:0}.article-game-embed-card__kicker{display:inline-flex;align-items:center;gap:0.35rem;align-self:flex-start;padding:0.28rem 0.62rem;border-radius:999px;background:color-mix(in srgb,var(--bg-blue,#1e73be) 35%,transparent);border:1px solid rgba(255,255,255,0.2);font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:rgba(242,247,255,0.95) !important}.article-game-embed-card__title{display:block;margin:0.55rem 0 0.45rem;font-size:clamp(1.15rem,2vw,1.55rem);font-weight:800;line-height:1.25;color:#fff !important}.article-game-embed-card__meta{margin:0 0 0.75rem;padding:0;display:grid;gap:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.18)}.article-game-embed-card__meta-row{display:grid;grid-template-columns:minmax(7rem,32%) 1fr;gap:0.65rem;padding:0.45rem 0.7rem;font-size:0.82rem;border-bottom:1px solid rgba(255,255,255,0.08)}.article-game-embed-card__meta-row:last-child{border-bottom:0}.article-game-embed-card__meta dt{margin:0;font-weight:600;color:rgba(229,239,255,0.72) !important}.article-game-embed-card__meta dd{margin:0;font-weight:600;color:#f2f7ff !important;text-align:right;line-height:1.45}.article-game-embed-card__desc{display:-webkit-box;margin:0 0 0.65rem;font-size:0.92rem;line-height:1.6;color:rgba(236,243,255,0.82) !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.single-article-content .article-game-embed-card p.article-game-embed-card__desc,.single-review-content .article-game-embed-card p.article-game-embed-card__desc{margin:0 0 0.65rem}a.article-game-embed-card__cta,.article-game-embed-card__cta{display:inline-flex !important;align-items:center;justify-content:center;gap:0.45rem;align-self:flex-start;min-height:38px;padding:0.42rem 1rem;border-radius:999px;background:#ff8f5c !important;color:#2a1a22 !important;font-size:0.74rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;text-decoration:none !important;box-shadow:0 8px 20px rgba(0,0,0,0.24);transition:background-color 0.18s ease,transform 0.18s ease}a.article-game-embed-card__cta:hover,a.article-game-embed-card__cta:focus-visible{background:#ffa776 !important;color:#2a1a22 !important;transform:translateX(2px)}body.theme-dark .single-article-content .article-game-embed-card a.article-game-embed-card__cover-link,body.theme-dark .single-review-content .article-game-embed-card a.article-game-embed-card__cover-link,body.theme-dark .single-article-content .article-game-embed-card a.article-game-embed-card__cta,body.theme-dark .single-review-content .article-game-embed-card a.article-game-embed-card__cta{text-decoration:none !important}@media (max-width:640px){.article-game-embed-card__shell{gap:0.85rem;padding:3.15rem 1rem 1rem}.article-game-embed-card__cover-link,.article-game-embed-card__cover--empty{flex-basis:112px;width:112px;max-width:112px}.article-game-embed-card__top{padding:0.65rem 0.85rem}.article-game-embed-card__meta-row{grid-template-columns:1fr;gap:0.1rem}.article-game-embed-card__meta dd{text-align:left}}
/* play4geek-a11y */
/**
 * Accessibilité globale Play4Geek Stable — skip-link, focus, reduced motion, hero.
 */

.screen-reader-text,
.sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus,
.skip-link:focus {
    clip: auto !important;
    clip-path: none;
    display: block;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0.75rem 1.1rem;
    left: 1rem;
    top: 1rem;
    position: fixed;
    z-index: 100000;
    background: #111827;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.35);
    outline: 3px solid #fc5f20;
    outline-offset: 2px;
}

.p4g-content-start {
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    scroll-margin-top: 5.5rem;
}

/* Focus visible cohérent (clavier) */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--bg-blue, #fc5f20) 85%, #ffffff);
    outline-offset: 2px;
}

.hero-main-image-link:focus-visible,
.hero-side-image-link:focus-visible,
.hero-main-meta h1 a:focus-visible,
.hero-side-title a:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(252, 95, 32, 0.55);
}

.hero-main-card:focus-within,
.hero-side-card:focus-within {
    box-shadow: 0 0 0 3px rgba(252, 95, 32, 0.55);
}

/* Hero : contraste meta + labels */
.hero-fullpage .hero-label {
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-size: 0.72rem;
    line-height: 1.2;
}

.hero-fullpage .hero-main-meta h1 a,
.hero-fullpage .hero-side-title a {
    text-decoration: none;
}

.hero-fullpage .hero-main-meta h1 a:hover,
.hero-fullpage .hero-side-title a:hover {
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.p4g-home-news-heading__more:focus-visible {
    outline: 3px solid var(--bg-blue, #fc5f20);
    outline-offset: 3px;
    border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        transition-delay: 0s !important;
        scroll-behavior: auto !important;
    }

    .streamer-live-dot,
    [class*="streamer-live"],
    .hero-main-card,
    .hero-side-card,
    .hero-main-image,
    .hero-side-image {
        animation: none !important;
        transition: none !important;
    }

    .hero-main-card:hover,
    .hero-side-card:hover,
    .hero-main-card:hover .hero-main-image,
    .hero-side-card:hover .hero-side-image {
        transform: none !important;
    }
}
/* play4geek-pwa-shell */
/**
 * PWA — bandeau installation + shell app (chargé sur toutes les pages si PWA active).
 */

.p4g-pwa-appbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10080;
    background: #fd895a;
    color: #111827;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.12);
    padding-top: env(safe-area-inset-top, 0);
    pointer-events: auto;
    touch-action: manipulation;
}

.p4g-pwa-appbar__inner {
    min-height: 56px;
    display: grid;
    grid-template-columns: 44px 1fr 44px;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.45rem;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

.p4g-pwa-appbar__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.p4g-pwa-appbar__brand img {
    max-height: 42px;
    width: auto;
    max-width: min(220px, 72vw);
    object-fit: contain;
}

.p4g-pwa-appbar__brand-text {
    font-weight: 800;
    font-size: 1rem;
}

.p4g-pwa-appbar__back,
.p4g-pwa-appbar__refresh {
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.p4g-pwa-appbar__back[hidden] {
    visibility: hidden;
    pointer-events: none;
}

.p4g-pwa-appbar[hidden],
.p4g-pwa-bottom-nav[hidden] {
    display: none !important;
}

.p4g-pwa-appbar,
.p4g-pwa-bottom-nav {
    display: none;
}

.p4g-pwa-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10040;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.15rem;
    padding: 0.35rem 0.35rem calc(0.35rem + env(safe-area-inset-bottom, 0));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid rgba(20, 89, 130, 0.14);
    backdrop-filter: blur(10px);
}

body.p4g-pwa-standalone.p4g-pwa-has-shell .p4g-pwa-appbar:not([hidden]) {
    display: block;
}

body.p4g-pwa-standalone.p4g-pwa-has-shell .p4g-pwa-bottom-nav:not([hidden]) {
    display: grid;
}

.p4g-pwa-bottom-nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 52px;
    border-radius: 12px;
    text-decoration: none;
    color: var(--muted-text, #56463f);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

.p4g-pwa-bottom-nav a i {
    font-size: 1.05rem;
}

.p4g-pwa-bottom-nav a.is-active {
    color: var(--text-accent, var(--link-color));
    background: rgba(30, 115, 190, 0.1);
}

.p4g-pwa-install-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10060;
    padding: 0.55rem 0.55rem calc(0.55rem + env(safe-area-inset-bottom, 0));
    pointer-events: none;
}

.p4g-pwa-install-banner[hidden],
.p4g-pwa-install-banner.is-dismissed {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.p4g-pwa-install-banner__inner {
    pointer-events: auto;
    max-width: 640px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.7rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #102845 0%, #1e73be 100%);
    color: #ffffff;
    box-shadow: 0 14px 36px rgba(15, 23, 42, 0.28);
}

.p4g-pwa-install-banner__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    object-fit: cover;
    background: rgba(255, 255, 255, 0.12);
}

.p4g-pwa-install-banner__icon--fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.82rem;
}

.p4g-pwa-install-banner__copy {
    display: grid;
    gap: 0.12rem;
    min-width: 0;
}

.p4g-pwa-install-banner__copy strong {
    font-size: 0.86rem;
    line-height: 1.2;
}

.p4g-pwa-install-banner__copy span {
    font-size: 0.74rem;
    line-height: 1.35;
    opacity: 0.88;
}

.p4g-pwa-install-banner__cta {
    border: 0;
    border-radius: 999px;
    padding: 0.45rem 0.85rem;
    background: #fd895a;
    color: #111827;
    font-weight: 800;
    font-size: 0.78rem;
    cursor: pointer;
    white-space: nowrap;
}

.p4g-pwa-install-banner__close {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.12);
    color: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
    touch-action: manipulation;
}

.p4g-pwa-ios-help,
.p4g-pwa-android-help,
.p4g-pwa-platform-help {
    position: fixed;
    inset: 0;
    z-index: 10070;
    display: none;
    place-items: end center;
    padding: 1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0));
    background: rgba(7, 16, 28, 0.55);
    pointer-events: none;
}

.p4g-pwa-ios-help.is-open,
.p4g-pwa-android-help.is-open,
.p4g-pwa-platform-help.is-open {
    display: grid;
    pointer-events: auto;
}

.p4g-pwa-ios-help[hidden]:not(.is-open),
.p4g-pwa-android-help[hidden]:not(.is-open),
.p4g-pwa-platform-help[hidden]:not(.is-open) {
    display: none !important;
    pointer-events: none !important;
}

.p4g-pwa-ios-help__panel,
.p4g-pwa-android-help__panel,
.p4g-pwa-platform-help__panel {
    position: relative;
    width: min(100%, 420px);
    border-radius: 18px;
    background: #fff;
    color: #111827;
    padding: 1.1rem 1rem 1rem;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.24);
}

.p4g-pwa-ios-help__panel h2,
.p4g-pwa-android-help__panel h2,
.p4g-pwa-platform-help__panel h2 {
    margin: 0 0 0.75rem;
    font-size: 1.05rem;
}

.p4g-pwa-ios-help__steps,
.p4g-pwa-android-help__steps,
.p4g-pwa-platform-help__steps {
    margin: 0;
    padding-left: 1.15rem;
    display: grid;
    gap: 0.55rem;
    line-height: 1.45;
}

.p4g-pwa-ios-help__steps i,
.p4g-pwa-android-help__steps i,
.p4g-pwa-platform-help__steps i {
    color: var(--text-accent, var(--link-color));
    margin-left: 0.25rem;
}

.p4g-pwa-ios-help__close,
.p4g-pwa-android-help__close,
.p4g-pwa-platform-help__close {
    position: absolute;
    top: 0.55rem;
    right: 0.55rem;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    cursor: pointer;
    z-index: 2;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.p4g-pwa-ios-help__close i,
.p4g-pwa-android-help__close i,
.p4g-pwa-platform-help__close i {
    pointer-events: none;
}

body.p4g-pwa-has-shell {
    padding-top: calc(56px + env(safe-area-inset-top, 0));
}

body.p4g-pwa-has-bottom-nav {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0));
}

body.p4g-pwa-has-shell #p4g-cookie-fab.p4g-cookie-fab:not(.is-hidden) {
    --p4g-cookie-fab-inset-x: 12px;
    --p4g-cookie-fab-inset-y: calc(72px + env(safe-area-inset-bottom, 0));
    left: var(--p4g-cookie-fab-inset-x) !important;
    right: auto !important;
    bottom: var(--p4g-cookie-fab-inset-y) !important;
}

body.p4g-pwa-install-visible {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0));
}

/* Mode installé avec header site : encoche / safe-area sans shell app. */
html.p4g-pwa-standalone body.p4g-pwa-standalone:not(.p4g-pwa-has-shell) .site-header {
    padding-top: env(safe-area-inset-top, 0);
}

html.p4g-pwa-standalone body.p4g-pwa-standalone:not(.p4g-pwa-has-shell) #p4g-cookie-fab.p4g-cookie-fab:not(.is-hidden) {
    bottom: calc(12px + env(safe-area-inset-bottom, 0)) !important;
}

/* Shell PWA optionnel : header site remplacé par l’appbar (si activé dans le Customizer). */
body.p4g-pwa-shell-enabled.p4g-pwa-standalone.p4g-pwa-has-shell .site-header,
body.p4g-pwa-shell-enabled.p4g-pwa-standalone.p4g-pwa-has-shell .header-drawer,
body.p4g-pwa-standalone.p4g-pwa-has-shell .site-header,
body.p4g-pwa-standalone.p4g-pwa-has-shell .header-drawer {
    display: none !important;
}

body.p4g-pwa-shell-enabled.p4g-pwa-standalone.p4g-pwa-has-shell .header-right .social-links,
body.p4g-pwa-shell-enabled.p4g-pwa-standalone.p4g-pwa-has-shell .drawer-socials,
body.p4g-pwa-standalone.p4g-pwa-has-shell .header-right .social-links,
body.p4g-pwa-standalone.p4g-pwa-has-shell .drawer-socials {
    display: none !important;
}

@media (display-mode: standalone), (display-mode: fullscreen) {
    html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .site-header,
    html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .header-drawer,
    body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .site-header,
    body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .header-drawer {
        display: none !important;
    }

    html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .header-right .social-links,
    html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .drawer-socials,
    body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .header-right .social-links,
    body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .drawer-socials {
        display: none !important;
    }

    html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .p4g-pwa-appbar,
    body.p4g-pwa-shell-enabled.p4g-pwa-has-shell .p4g-pwa-appbar {
        display: block !important;
    }
}

@media (display-mode: standalone) and (max-width: 980px), (display-mode: fullscreen) and (max-width: 980px) {
    html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell.p4g-pwa-has-bottom-nav .p4g-pwa-bottom-nav,
    body.p4g-pwa-shell-enabled.p4g-pwa-has-shell.p4g-pwa-has-bottom-nav .p4g-pwa-bottom-nav:not([hidden]) {
        display: grid !important;
    }
}

html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell {
    padding-top: calc(56px + env(safe-area-inset-top, 0));
}

html.p4g-pwa-standalone body.p4g-pwa-shell-enabled.p4g-pwa-has-shell.p4g-pwa-has-bottom-nav {
    padding-bottom: calc(64px + env(safe-area-inset-bottom, 0));
}

@media (max-width: 680px) {
    .p4g-pwa-install-banner__inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "icon copy close"
            "cta cta cta";
    }

    .p4g-pwa-install-banner__icon {
        grid-area: icon;
    }

    .p4g-pwa-install-banner__copy {
        grid-area: copy;
    }

    .p4g-pwa-install-banner__close {
        grid-area: close;
    }

    .p4g-pwa-install-banner__cta {
        grid-area: cta;
        width: 100%;
        margin-top: 0.15rem;
    }
}

body.theme-dark .p4g-pwa-appbar {
    background: var(--surface-panel, #1a2332);
    color: var(--text-light, #e8f0ff);
}

body.theme-dark .p4g-pwa-bottom-nav {
    background: rgba(15, 23, 42, 0.96);
    border-top-color: rgba(148, 163, 184, 0.18);
}

body.theme-dark .p4g-pwa-bottom-nav a {
    color: rgba(232, 240, 255, 0.72);
}

body.theme-dark .p4g-pwa-bottom-nav a.is-active {
    color: #8fc7ff;
    background: rgba(59, 130, 246, 0.16);
}

body.theme-dark .p4g-pwa-ios-help__panel,
body.theme-dark .p4g-pwa-android-help__panel,
body.theme-dark .p4g-pwa-platform-help__panel {
    background: var(--surface-panel, #1a2332);
    color: var(--text-light, #e8f0ff);
}