/* 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-member-feed-text-bg-critical */
.member-feed-text-bg{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0.35rem 0 0.75rem;border-radius:16px;overflow:hidden;min-height:clamp(240px,36vw,300px);display:flex;align-items:center;justify-content:center;padding:clamp(1.35rem,3vw,2rem) clamp(1rem,3vw,1.35rem);box-shadow:none}.member-feed-text-bg .member-feed-content--text-bg{width:100%;max-width:100%;min-width:0;margin:0;text-align:center;font-size:clamp(1.05rem,3.2vw,1.55rem);font-weight:700;line-height:1.4;color:var(--p4g-text-bg-color,#0f172a);text-shadow:var(--p4g-text-bg-shadow,none);overflow-wrap:anywhere;word-break:break-word;hyphens:auto;align-self:center}.member-feed-text-bg .member-feed-content--text-bg p{margin:0 0 0.65rem;text-align:center}.member-feed-text-bg .member-feed-content--text-bg p:last-child{margin-bottom:0}.member-feed-text-bg .member-feed-content--text-bg a,.member-feed-text-bg .member-feed-content--text-bg .member-mention,.member-feed-text-bg .member-feed-content--text-bg .member-hashtag,.member-feed-text-bg .member-feed-content--text-bg a[href*="keyword="]{text-align:center}.member-feed-text-bg .member-feed-content--text-bg a{color:inherit;text-decoration:underline;text-underline-offset:0.12em}.member-feed-text-bg,.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg,.community-page .member-feed-card > .member-feed-text-bg,.member-public-feed-area .member-feed-card > .member-feed-text-bg{display:flex;align-items:center;justify-content:center;text-align:center}.member-feed-text-bg--light .member-feed-content--text-bg,.member-feed-text-bg.member-feed-text-bg--light .member-feed-content--text-bg{color:var(--p4g-text-bg-color,#fff);text-shadow:var(--p4g-text-bg-shadow,0 1px 3px rgba(0,0,0,0.22))}.member-feed-text-bg--coral,.member-composer-text-bg-shell--coral,.member-text-bg-picker-swatch--coral{--p4g-text-bg-fill:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--sky,.member-composer-text-bg-shell--sky,.member-text-bg-picker-swatch--sky{--p4g-text-bg-fill:linear-gradient(135deg,#0072ff 0%,#00c6ff 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--mint,.member-composer-text-bg-shell--mint,.member-text-bg-picker-swatch--mint{--p4g-text-bg-fill:linear-gradient(135deg,#059669 0%,#34d399 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--lavender,.member-composer-text-bg-shell--lavender,.member-text-bg-picker-swatch--lavender{--p4g-text-bg-fill:linear-gradient(135deg,#7c3aed 0%,#c026d3 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--sunshine,.member-composer-text-bg-shell--sunshine,.member-text-bg-picker-swatch--sunshine{--p4g-text-bg-fill:linear-gradient(135deg,#f7971e 0%,#ffd200 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--rose,.member-composer-text-bg-shell--rose,.member-text-bg-picker-swatch--rose{--p4g-text-bg-fill:linear-gradient(135deg,#ff0844 0%,#ffb199 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--sunset,.member-composer-text-bg-shell--sunset,.member-text-bg-picker-swatch--sunset{--p4g-text-bg-fill:linear-gradient(135deg,#ee0979 0%,#ff6a00 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--ocean,.member-composer-text-bg-shell--ocean,.member-text-bg-picker-swatch--ocean{--p4g-text-bg-fill:linear-gradient(135deg,#0052d4 0%,#4364f7 55%,#6fb1fc 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--grape,.member-composer-text-bg-shell--grape,.member-text-bg-picker-swatch--grape{--p4g-text-bg-fill:linear-gradient(135deg,#4a00e0 0%,#8e2de2 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--night,.member-composer-text-bg-shell--night,.member-text-bg-picker-swatch--night{--p4g-text-bg-fill:linear-gradient(135deg,#0b1020 0%,#1e293b 55%,#334155 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--play4geek,.member-composer-text-bg-shell--play4geek,.member-text-bg-picker-swatch--play4geek{--p4g-text-bg-fill:linear-gradient(135deg,#fd895a 0%,#e63946 48%,#1e73be 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--aurora,.member-composer-text-bg-shell--aurora,.member-text-bg-picker-swatch--aurora{--p4g-text-bg-fill:radial-gradient(circle at 18% 28%,rgba(147,197,253,0.95) 0%,rgba(147,197,253,0) 42%),radial-gradient(circle at 72% 22%,rgba(251,207,232,0.92) 0%,rgba(251,207,232,0) 38%),radial-gradient(circle at 55% 78%,rgba(196,181,253,0.88) 0%,rgba(196,181,253,0) 40%),linear-gradient(145deg,#fdf2f8 0%,#eff6ff 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--silk,.member-composer-text-bg-shell--silk,.member-text-bg-picker-swatch--silk{--p4g-text-bg-fill:linear-gradient(160deg,rgba(255,255,255,0.55) 0%,transparent 42%),linear-gradient(340deg,rgba(120,90,60,0.18) 0%,transparent 48%),linear-gradient(135deg,#e8dcc8 0%,#d4c4a8 52%,#c9b896 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--fuchsia,.member-composer-text-bg-shell--fuchsia,.member-text-bg-picker-swatch--fuchsia{--p4g-text-bg-fill:linear-gradient(155deg,rgba(255,255,255,0.22) 0%,transparent 38%),linear-gradient(335deg,rgba(80,0,60,0.25) 0%,transparent 45%),linear-gradient(135deg,#be185d 0%,#db2777 45%,#9d174d 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--storm,.member-composer-text-bg-shell--storm,.member-text-bg-picker-swatch--storm{--p4g-text-bg-fill:repeating-linear-gradient(125deg,rgba(255,255,255,0.06) 0 3px,transparent 3px 14px),linear-gradient(160deg,rgba(148,163,184,0.18) 0%,transparent 55%),linear-gradient(135deg,#0f172a 0%,#1e3a5f 55%,#334155 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--mist,.member-composer-text-bg-shell--mist,.member-text-bg-picker-swatch--mist{--p4g-text-bg-fill:radial-gradient(circle at 30% 35%,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0) 45%),radial-gradient(circle at 70% 65%,rgba(148,163,184,0.45) 0%,rgba(148,163,184,0) 42%),linear-gradient(145deg,#e2e8f0 0%,#cbd5e1 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--neon,.member-composer-text-bg-shell--neon,.member-text-bg-picker-swatch--neon{--p4g-text-bg-fill:linear-gradient(135deg,#84cc16 0%,#a3e635 42%,#fde047 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--pearl,.member-composer-text-bg-shell--pearl,.member-text-bg-picker-swatch--pearl{--p4g-text-bg-fill:linear-gradient(145deg,#fff7ed 0%,#fef3c7 55%,#fde68a 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--bokeh,.member-composer-text-bg-shell--bokeh,.member-text-bg-picker-swatch--bokeh{--p4g-text-bg-fill:radial-gradient(circle at 22% 28%,rgba(248,113,113,0.75) 0%,rgba(248,113,113,0) 28%),radial-gradient(circle at 78% 22%,rgba(96,165,250,0.7) 0%,rgba(96,165,250,0) 26%),radial-gradient(circle at 62% 72%,rgba(250,204,21,0.55) 0%,rgba(250,204,21,0) 24%),radial-gradient(circle at 38% 68%,rgba(244,114,182,0.5) 0%,rgba(244,114,182,0) 22%),linear-gradient(135deg,#0f172a 0%,#1e293b 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--prism,.member-composer-text-bg-shell--prism,.member-text-bg-picker-swatch--prism{--p4g-text-bg-fill:repeating-linear-gradient(125deg,rgba(255,255,255,0.18) 0 2px,transparent 2px 10px),linear-gradient(135deg,#22d3ee 0%,#a855f7 28%,#ec4899 56%,#facc15 100%);background:var(--p4g-text-bg-fill)}.member-feed-text-bg--coral,.member-composer-text-bg-shell--coral,.member-feed-text-bg--sky,.member-composer-text-bg-shell--sky,.member-feed-text-bg--lavender,.member-composer-text-bg-shell--lavender,.member-feed-text-bg--sunset,.member-composer-text-bg-shell--sunset,.member-feed-text-bg--ocean,.member-composer-text-bg-shell--ocean,.member-feed-text-bg--grape,.member-composer-text-bg-shell--grape,.member-feed-text-bg--night,.member-composer-text-bg-shell--night,.member-feed-text-bg--play4geek,.member-composer-text-bg-shell--play4geek,.member-feed-text-bg--fuchsia,.member-composer-text-bg-shell--fuchsia,.member-feed-text-bg--storm,.member-composer-text-bg-shell--storm,.member-feed-text-bg--bokeh,.member-composer-text-bg-shell--bokeh{--p4g-text-bg-color:#ffffff;--p4g-text-bg-shadow:0 1px 3px rgba(0,0,0,0.28)}.member-feed-text-bg--mint,.member-composer-text-bg-shell--mint,.member-feed-text-bg--sunshine,.member-composer-text-bg-shell--sunshine,.member-feed-text-bg--rose,.member-composer-text-bg-shell--rose,.member-feed-text-bg--aurora,.member-composer-text-bg-shell--aurora,.member-feed-text-bg--silk,.member-composer-text-bg-shell--silk,.member-feed-text-bg--mist,.member-composer-text-bg-shell--mist,.member-feed-text-bg--neon,.member-composer-text-bg-shell--neon,.member-feed-text-bg--pearl,.member-composer-text-bg-shell--pearl,.member-feed-text-bg--prism,.member-composer-text-bg-shell--prism{--p4g-text-bg-color:#0f172a;--p4g-text-bg-shadow:0 1px 2px rgba(255,255,255,0.42)}.member-feed-text-bg--txt-white .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-white"]{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.22)}.member-feed-text-bg--txt-black .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-black"]{color:#0f172a;text-shadow:none}.member-feed-text-bg--txt-cream .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-cream"]{color:#fff8e7;text-shadow:0 1px 3px rgba(0,0,0,0.18)}.member-feed-text-bg--txt-yellow .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-yellow"]{color:#fde047;text-shadow:0 1px 3px rgba(0,0,0,0.28)}.member-feed-text-bg--txt-cyan .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-cyan"]{color:#67e8f9;text-shadow:0 1px 3px rgba(0,0,0,0.24)}.member-feed-text-bg--txt-pink .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-pink"]{color:#fbcfe8;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.member-feed-text-bg--txt-lime .member-feed-content--text-bg,.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-lime"]{color:#a3e635;text-shadow:0 1px 3px rgba(0,0,0,0.24)}.home-community-posts-section .member-feed-text-bg .member-feed-content--text-bg,.home-community-posts-section .member-feed-text-bg .member-feed-content--text-bg p{display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-align:center}.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body:has(> .member-feed-text-bg){overflow:hidden;min-height:0}.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg{flex:1 1 auto;align-self:stretch;min-height:0;height:auto;width:100%;max-width:100%;margin:0;border-radius:0;overflow:hidden;box-shadow:none;padding:clamp(0.85rem,2.5vw,1.35rem) clamp(0.75rem,2vw,1rem);display:flex;align-items:center;justify-content:center;text-align:center}.community-page .member-feed-card > .member-feed-text-bg,.member-public-feed-area .member-feed-card > .member-feed-text-bg{width:100%;max-width:100%;min-width:0;margin-left:0;margin-right:0;margin-top:0.35rem;margin-bottom:0.5rem;border-radius:10px;overflow:hidden;box-shadow:none;min-height:clamp(180px,30vw,260px);background-clip:padding-box}.community-page .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg,.community-page .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg p,.member-public-feed-area .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg,.member-public-feed-area .member-feed-card > .member-feed-text-bg .member-feed-content--text-bg p{display:block;-webkit-box-orient:unset;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-align:center}
/* play4geek-member-surfaces */
/* STYLE-DIET-PHASE11-SPLIT — noyau minimal (tokens communs, header membre, pages statiques légères) */
/* STYLE-DIET-PHASE10-SPLIT — noyau surfaces membre (profil, espace, messages, feed partagé) */
/*
 * Play4Geek — surfaces membre / communauté / profils publics
 * Extrait de style.css (l. 16195+) — chargé conditionnellement.
 *
 * @package Play4Geek
 */

/* Notices partagées (communauté + espace membre) */

.member-messages-page {
    max-width: 1380px;
}

.member-space-hero {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(130deg, var(--theme-surface-deep), var(--bg-blue));
}

.member-space-hero h1 {
    margin: 0 0 0.35rem;
}

.member-space-hero p {
    margin: 0;
    color: rgba(239, 246, 255, 0.9);
}

.member-space-notice {
    margin: 0 0 1rem;
    border-radius: 10px;
    padding: 0.55rem 0.7rem;
}

.member-space-notice.is-success {
    background: rgba(34, 197, 94, 0.12);
    color: #166534;
}

.member-space-notice.is-error {
    background: rgba(239, 68, 68, 0.12);
    color: #991b1b;
}

.member-auth-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

/* Cartes surface partagées */

.member-public-card {
    background: #fff;
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 14px;
    padding: 1rem;
    overflow: visible;
    min-width: 0;
    max-width: 100%;
}

/* Profil public : en-tête pleine largeur, puis menu | contenu | blocs */
.member-public-profile-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
    align-items: start;
    min-width: 0;
}

.member-public-profile-grid > * {
    min-width: 0;
}

.member-public-profile-top,
.member-public-card--profile-head {
    grid-column: 1 / -1;
}

/* Header — menu profil / notifications */

/* 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;
    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: 760px) {
    .member-auth-grid {
        grid-template-columns: 1fr;
    }

    .member-messages-layout {
        grid-template-columns: 1fr;
    }

    .member-about-consoles-grid {
        grid-template-columns: 1fr;
    }

    .member-profile-head {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .member-friends-network {
        grid-template-columns: 1fr;
    }

    .member-friends-birthday-list {
        grid-template-columns: 1fr;
    }

    .member-public-posts-grid {
        grid-template-columns: 1fr;
    }

    .member-article-teaser {
        grid-template-columns: 1fr;
    }

    .member-article-teaser-media {
        order: -1;
    }

    .member-articles-list--in-profile .member-article-teaser {
        grid-template-columns: minmax(0, 1fr) minmax(100px, 34vw);
        gap: 0.65rem 0.75rem;
    }

    .member-articles-list--in-profile .member-article-teaser-media {
        order: 0;
    }

    .member-article-teaser-img,
    .member-article-teaser-placeholder {
        max-height: 200px;
    }

    .member-articles-list--in-profile .member-article-teaser-img,
    .member-articles-list--in-profile .member-article-teaser-placeholder {
        max-height: none;
    }

    .member-stream-schedule-slot {
        flex-wrap: nowrap;
        gap: 0.65rem;
    }

    .member-stream-schedule-slot-cover {
        width: clamp(4.75rem, 28vw, 6.25rem);
    }

    .member-stream-schedule-game-cover,
    .member-stream-schedule-game-cover-img,
    .member-stream-schedule-game-cover-fallback {
        min-height: 5.75rem;
    }

    .member-public-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .member-og-card:not(.member-og-card--auction):not(.member-og-card--event) {
        grid-template-columns: 1fr;
    }

    .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;
    }
}

/* STYLE-DIET-PHASE11-SPLIT — media query partagée (padding mobile surfaces) */

/* STYLE-DIET-PHASE10-SPLIT — media query partagée (padding mobile surfaces) */
@media (max-width: 820px) {
    /* Remonte légèrement le contenu sur mobile. */
    .hero-fullpage {
        padding-top: 1.2rem;
    }

    .site-main,
    .member-space-page,
    .member-directory-page,
    .game-directory-page,
    .releases-page,
    .single-review-page,
    .p4g-auction-single-wrap,
    .p4g-auction-archive-wrap,
    .p4g-auction-landing,
    .p4g-auction-single-wrap {
        padding-top: 0.9rem;
    }

    .member-public-page.site-main,
    .community-page.site-main,
    .category-mag-page.site-main {
        padding-top: 0.35rem;
    }

/* —— Page « À propos » (page-a-propos.php) —— */
.page-about {
    padding: 1rem 1rem 3.5rem;
}

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

.page-about-header,
.page-about-section-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    margin: 0 0 1.5rem;
}

.page-about-section-header {
    margin-top: 2.75rem;
    margin-bottom: 1.35rem;
}

.page-about-title,
.page-about-section-title {
    margin: 0;
    font-size: clamp(1.15rem, 2.2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-dark, #1e293b);
}

.page-about-title-line {
    flex: 1;
    min-width: 4rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--bg-blue), color-mix(in srgb, var(--bg-blue) 15%, transparent));
}

.page-about-intro {
    font-size: 1.02rem;
    line-height: 1.75;
    color: var(--text-dark, #334155);
}

.page-about-intro p {
    margin: 0 0 1rem;
}

.page-about-intro p:last-child {
    margin-bottom: 0;
}

/* Images centrées dans l’éditeur (classique + Gutenberg). */
.page-about-intro img {
    max-width: 100%;
    height: auto;
}

.page-about-intro img.aligncenter,
.page-about-intro .aligncenter img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.page-about-intro .wp-block-image.aligncenter,
.page-about-intro figure.wp-block-image.aligncenter {
    display: table;
    width: auto;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

.page-about-intro .wp-block-image.aligncenter img,
.page-about-intro figure.wp-block-image.aligncenter img {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-about-intro .wp-block-image:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull) {
    max-width: 100%;
}

.page-about-social-box {
    margin: 1.75rem 0 0;
    padding: 1rem 1.15rem;
    border-radius: 10px;
    background: rgba(241, 245, 249, 0.95);
    border: 1px solid rgba(148, 163, 184, 0.25);
}

.page-about-social-text {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.65;
    color: var(--text-dark, #334155);
}

.page-about-social-link {
    color: var(--text-accent, var(--link-color));
    font-weight: 600;
    text-decoration: none;
}

.page-about-social-link:hover {
    text-decoration: underline;
}

.page-about-social-muted {
    color: rgba(71, 85, 105, 0.88);
    font-size: 0.92rem;
}

.page-about-team-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
    gap: 1.25rem;
}

.page-about-team-empty {
    margin: 0.5rem 0 0;
    font-size: 0.95rem;
    color: rgba(71, 85, 105, 0.95);
}

.page-about-card {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 0.85rem 1rem;
    align-items: start;
    padding: 1.1rem 1.15rem;
    border-radius: 12px;
    background: var(--surface-card, #fff);
    border: 1px solid var(--border-color, rgba(148, 163, 184, 0.28));
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.04);
}

.page-about-card-photo {
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(145deg, color-mix(in srgb, var(--bg-blue) 12%, transparent), rgba(30, 115, 190, 0.04));
    flex-shrink: 0;
}

.page-about-card-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.page-about-card-initials {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.65rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    color: var(--text-accent, var(--link-color));
}

.page-about-card-body {
    min-width: 0;
}

.page-about-card-name {
    margin: 0 0 0.2rem;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-dark, #1e293b);
}

.page-about-card-name a {
    color: inherit;
    text-decoration: none;
}

.page-about-card-name a:hover {
    text-decoration: underline;
    color: var(--text-accent, var(--link-color));
}

.page-about-card-role {
    margin: 0 0 0.55rem;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--text-accent, var(--link-color));
}

.page-about-card-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.82rem;
    line-height: 1.55;
    color: rgba(71, 85, 105, 0.95);
}

.page-about-card-meta li {
    margin: 0.15rem 0;
}

.page-about-card-meta a {
    color: var(--text-accent, var(--link-color));
    word-break: break-all;
}

.page-about-card-meta-icon {
    margin-right: 0.25rem;
    color: var(--text-accent, var(--link-color));
}

.page-about-card-socials {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0.15rem;
}

.page-about-card-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    color: var(--text-accent, var(--link-color));
    background: rgba(30, 115, 190, 0.08);
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.page-about-card-social:hover {
    background: color-mix(in srgb, var(--bg-blue) 18%, transparent);
    color: #155d94;
}

@media (max-width: 520px) {
    .page-about-card {
        grid-template-columns: 72px 1fr;
    }

    .page-about-card-photo {
        width: 72px;
        height: 72px;
    }

    .page-about-card-socials {
        padding-top: 0.35rem;
    }
}

body.theme-dark .page-about-title,
body.theme-dark .page-about-section-title,
body.theme-dark .page-about-card-name {
    color: var(--text-light, #e8f1ff);
}

body.theme-dark .page-about-card-name a {
    color: inherit;
}

body.theme-dark .page-about-card-name a:hover {
    color: #93c5fd;
}

body.theme-dark .page-about-team-empty {
    color: rgba(226, 232, 240, 0.85);
}

body.theme-dark .page-about-intro,
body.theme-dark .page-about-social-text {
    color: rgba(226, 232, 240, 0.92);
}

body.theme-dark .page-about-social-box {
    background: rgba(16, 35, 63, 0.55);
    border-color: var(--border-color, rgba(148, 163, 184, 0.22));
}

body.theme-dark .page-about-card {
    background: var(--surface-panel, rgba(16, 35, 63, 0.92));
    border-color: var(--border-color, rgba(148, 163, 184, 0.22));
}

body.theme-dark .page-about-card-meta {
    color: rgba(203, 213, 225, 0.9);
}

/* Author archive — full width, tests rédaction + grille articles (sans sidebar) */
.author-page.author-page--single-col.pro-reviews-page {
    max-width: 1280px;
}

.author-page-hero.pro-reviews-hero {
    grid-template-columns: 1fr;
    align-items: stretch;
    min-height: 148px;
    padding: 1.35rem 1.35rem 1.28rem;
}

.author-page-hero-inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.25rem 1.65rem;
    align-items: center;
}

.author-page-hero-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem 1.75rem;
    align-items: start;
    min-width: 0;
}

.author-page-hero-copy.pro-reviews-hero-copy {
    min-width: 0;
}

.author-page-hero-copy.pro-reviews-hero-copy h1 {
    margin-bottom: 0.42rem;
}

.author-page-bio {
    margin: 0;
    max-width: 62ch;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.55;
}

.author-page-hero-aside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.65rem;
    flex-shrink: 0;
}

.author-page-avatar-wrap img,
.author-page-avatar-wrap .avatar {
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 16px;
    border: 2px solid rgba(255, 255, 255, 0.28);
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.28);
}

.author-page-bio--muted {
    color: rgba(255, 255, 255, 0.78);
    font-style: normal;
    opacity: 0.95;
}

.author-page-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 0;
    justify-content: flex-end;
}

.author-page-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    min-height: 38px;
    padding: 0.38rem 0.88rem;
    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.02em;
    text-decoration: none;
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.author-page-badge-label {
    opacity: 0.92;
}

.author-page-badge-count {
    font-size: 0.95rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    line-height: 1;
    padding: 0.2rem 0.45rem;
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.2);
}

.author-page-badge:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.author-page-badge--pro {
    border-color: rgba(147, 197, 253, 0.5);
}

.author-page-badge--news {
    border-color: rgba(52, 211, 153, 0.5);
}

.author-page-meta-links {
    margin: 0;
    text-align: right;
}

.author-page-profile-link {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.12rem;
    font-weight: 600;
    font-size: 0.88rem;
    color: #e0f2fe;
    text-decoration: none;
    line-height: 1.25;
}

.author-page-profile-link-text {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.author-page-profile-link-hint {
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
}

.author-page-profile-link:hover .author-page-profile-link-text {
    color: #fff;
}

.author-page-block {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(17, 24, 39, 0.08);
}

#author-tests.author-page-block {
    margin-top: 1.75rem;
    padding-top: 0;
    border-top: none;
}

.author-page-block .editorial-hero-heading {
    margin-bottom: 1.05rem;
}

.author-page-reviews-grid-wrap {
    margin-top: 0.35rem;
}

.author-page-articles-head.editorial-hero-heading {
    margin-bottom: 1.15rem;
}

.author-page-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.05rem;
    align-items: stretch;
}

.author-page-post-card.post-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0;
    background: #ffffff;
    color: #111827;
    border: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.author-page-post-card.post-card:hover {
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
}

.author-page-post-card .post-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1.35rem 1.4rem 1.45rem;
    color: #374151;
}

.author-page-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
    font-size: 0.78rem;
    line-height: 1.35;
}

.author-page-post-meta--top {
    width: 100%;
    margin: 0 0 0.65rem;
    padding-bottom: 0.55rem;
    border-bottom: 1px solid rgba(17, 24, 39, 0.08);
    justify-content: space-between;
    gap: 0.65rem;
}

.author-page-post-meta--bottom {
    margin: 0.75rem 0 0.55rem;
    color: rgba(17, 24, 39, 0.62);
}

.author-page-post-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.author-page-post-meta__item i {
    opacity: 0.82;
    font-size: 0.88em;
}

.author-page-post-meta__sep {
    color: rgba(17, 24, 39, 0.28);
    user-select: none;
    font-weight: 600;
}

.author-page-post-cat {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.22rem 0.58rem;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.04em;
    font-size: 0.68rem;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--bg-blue) 12%, transparent);
    color: var(--text-accent, var(--link-color));
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease;
}

.author-page-post-cat:hover {
    background: rgba(30, 115, 190, 0.2);
    color: #0f172a;
}

.author-page-post-date {
    font-weight: 600;
    color: rgba(17, 24, 39, 0.58);
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

.author-page-post-excerpt {
    margin: 0 0 0.35rem;
    line-height: 1.58;
    color: rgba(17, 24, 39, 0.78);
}

.author-page .author-page-post-title,
.author-page .post-card h3.author-page-post-title {
    margin: 0 0 0.65rem;
    font-size: clamp(1.05rem, 1.1vw, 1.22rem);
    line-height: 1.3;
    font-weight: 700;
    color: #ea580c;
}

/* Titres d’articles : orange (cartes claires) */
.author-page .author-page-post-card h3.author-page-post-title,
.author-page .author-page-post-card h3.author-page-post-title a {
    color: #ea580c !important;
    -webkit-text-fill-color: #ea580c;
}

.author-page .author-page-post-card h3.author-page-post-title a {
    text-decoration: none;
}

.author-page .author-page-post-card h3.author-page-post-title a:hover {
    color: #c2410c !important;
    -webkit-text-fill-color: #c2410c;
}

body.theme-dark .author-page-post-card .author-page-post-excerpt {
    color: rgba(15, 23, 42, 0.82);
}

.author-page-post-card .post-read-more {
    margin-top: auto;
    padding-top: 0.35rem;
    color: var(--text-accent, var(--link-color));
    font-weight: 700;
}

.author-page-post-card .post-read-more:hover {
    color: #0f172a;
}

.author-page-pagination.blog-pagination {
    margin-top: 1.35rem;
}

.author-page-empty {
    margin: 0.5rem 0 0;
    color: rgba(14, 32, 56, 0.72);
}

.author-page .pro-review-body h3 {
    margin: 0 0 0.45rem;
    font-size: 1.08rem;
    line-height: 1.35;
}

body.theme-dark .author-page-block {
    border-top-color: rgba(148, 163, 184, 0.18);
}

body.theme-dark .author-page-empty {
    color: rgba(203, 213, 225, 0.9);
}

body.theme-dark .author-page-post-card.post-card {
    background: #f8fafc;
    color: #0f172a;
    border-color: rgba(148, 163, 184, 0.45);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}

body.theme-dark .author-page-post-card.post-card:hover {
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.35);
}

body.theme-dark .author-page-post-meta--top {
    border-bottom-color: rgba(148, 163, 184, 0.35);
}

body.theme-dark .author-page-post-meta--bottom {
    color: var(--muted-text, #56463f);
}

body.theme-dark .author-page-post-meta__sep {
    color: rgba(100, 116, 139, 0.55);
}

body.theme-dark .author-page-post-cat {
    background: color-mix(in srgb, var(--bg-blue) 18%, transparent);
    color: var(--text-accent, var(--link-color));
}

body.theme-dark .author-page-post-cat:hover {
    background: color-mix(in srgb, var(--bg-blue) 28%, transparent);
    color: #0f172a;
}

body.theme-dark .author-page-post-date {
    color: rgba(51, 65, 85, 0.85);
}

body.theme-dark .author-page-post-card .post-content {
    color: #334155;
}

body.theme-dark .author-page .author-page-post-card h3.author-page-post-title,
body.theme-dark .author-page .author-page-post-card h3.author-page-post-title a {
    color: #f97316 !important;
    -webkit-text-fill-color: #f97316;
}

body.theme-dark .author-page .author-page-post-card h3.author-page-post-title a:hover {
    color: #ea580c !important;
    -webkit-text-fill-color: #ea580c;
}

body.theme-dark .author-page-post-card .post-read-more {
    color: var(--text-accent, var(--link-color)));
}

body.theme-dark .author-page-post-card .post-read-more:hover {
    color: #f97316;
}

@media (max-width: 1060px) {
    .author-page-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .author-page-hero-main {
        grid-template-columns: 1fr;
    }

    .author-page-hero-aside {
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }

    .author-page-badges {
        justify-content: flex-start;
    }

    .author-page-meta-links {
        text-align: left;
    }

    .author-page-profile-link {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .author-page-hero-inner {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .author-page-hero-main {
        text-align: center;
    }

    .author-page-hero-copy.pro-reviews-hero-copy {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .author-page-bio {
        max-width: none;
    }

    .author-page-hero-aside {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .author-page-badges {
        justify-content: center;
    }

    .author-page-meta-links {
        text-align: center;
    }

    .author-page-profile-link {
        align-items: center;
    }

    .author-page-posts-grid {
        grid-template-columns: 1fr;
    }
}

/* Profils publics distincts (membre / streamer / organisateur) */
.p4g-profile-hero-inner {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.p4g-profile-kicker {
    margin: 0 0 0.25rem;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
}

.member-profile-type-badge {
    display: inline-block;
    margin-top: 0.35rem;
    padding: 0.15rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.member-profile-type-badge--streamer {
    background: color-mix(in srgb, var(--bg-blue) 15%, transparent);
    color: var(--text-accent, var(--link-color));
}

.member-profile-type-badge--organizer {
    background: color-mix(in srgb, var(--bg-accent) 15%, transparent);
    color: var(--text-accent, var(--link-color));
}

.p4g-stream-live-badge {
    display: inline-block;
    margin-top: 0.5rem;
    padding: 0.2rem 0.6rem;
    border-radius: 6px;
    background: #e74c3c;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 700;
}

.p4g-organizer-event-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.p4g-organizer-event-item {
    padding: 0.75rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.p4g-organizer-event-meta {
    display: block;
    font-size: 0.85rem;
    opacity: 0.75;
}

/* PWA shell — voir assets/css/play4geek-pwa-shell.css (enqueue global si PWA active). */

/* Publications texte avec fond coloré (style Facebook) */
.member-feed-text-bg {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0.35rem 0 0.75rem;
    border-radius: 16px;
    overflow: hidden;
    min-height: clamp(240px, 36vw, 300px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(1.35rem, 3vw, 2rem) clamp(1rem, 3vw, 1.35rem);
    box-shadow: none;
}

.member-feed-text-bg .member-feed-content--text-bg {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    text-align: center;
    font-size: clamp(1.05rem, 3.2vw, 1.55rem);
    font-weight: 700;
    line-height: 1.4;
    color: var(--p4g-text-bg-color, #0f172a);
    text-shadow: var(--p4g-text-bg-shadow, none);
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
    align-self: center;
}

.member-feed-text-bg .member-feed-content--text-bg p {
    margin: 0 0 0.65rem;
    text-align: center;
}

.member-feed-text-bg .member-feed-content--text-bg p:last-child {
    margin-bottom: 0;
}

.member-feed-text-bg .member-feed-content--text-bg a,
.member-feed-text-bg .member-feed-content--text-bg .member-mention,
.member-feed-text-bg .member-feed-content--text-bg .member-hashtag,
.member-feed-text-bg .member-feed-content--text-bg a[href*="keyword="] {
    text-align: center;
}

.member-feed-text-bg .member-feed-content--text-bg a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.12em;
}

/* Centrage horizontal + vertical — fil, accueil, profil */
.member-feed-text-bg,
.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg,
.community-page .member-feed-card > .member-feed-text-bg,
.member-public-feed-area .member-feed-card > .member-feed-text-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.member-feed-text-bg--light .member-feed-content--text-bg,
.member-feed-text-bg.member-feed-text-bg--light .member-feed-content--text-bg {
    color: var(--p4g-text-bg-color, #fff);
    text-shadow: var(--p4g-text-bg-shadow, 0 1px 3px rgba(0, 0, 0, 0.22));
}

.member-feed-text-bg--coral,
.member-composer-text-bg-shell--coral,
.member-text-bg-picker-swatch--coral {
    --p4g-text-bg-fill: linear-gradient(135deg, #ff416c 0%, #ff4b2b 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--sky,
.member-composer-text-bg-shell--sky,
.member-text-bg-picker-swatch--sky {
    --p4g-text-bg-fill: linear-gradient(135deg, #0072ff 0%, #00c6ff 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--mint,
.member-composer-text-bg-shell--mint,
.member-text-bg-picker-swatch--mint {
    --p4g-text-bg-fill: linear-gradient(135deg, #059669 0%, #34d399 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--lavender,
.member-composer-text-bg-shell--lavender,
.member-text-bg-picker-swatch--lavender {
    --p4g-text-bg-fill: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--sunshine,
.member-composer-text-bg-shell--sunshine,
.member-text-bg-picker-swatch--sunshine {
    --p4g-text-bg-fill: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--rose,
.member-composer-text-bg-shell--rose,
.member-text-bg-picker-swatch--rose {
    --p4g-text-bg-fill: linear-gradient(135deg, #ff0844 0%, #ffb199 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--sunset,
.member-composer-text-bg-shell--sunset,
.member-text-bg-picker-swatch--sunset {
    --p4g-text-bg-fill: linear-gradient(135deg, #ee0979 0%, #ff6a00 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--ocean,
.member-composer-text-bg-shell--ocean,
.member-text-bg-picker-swatch--ocean {
    --p4g-text-bg-fill: linear-gradient(135deg, #0052d4 0%, #4364f7 55%, #6fb1fc 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--grape,
.member-composer-text-bg-shell--grape,
.member-text-bg-picker-swatch--grape {
    --p4g-text-bg-fill: linear-gradient(135deg, #4a00e0 0%, #8e2de2 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--night,
.member-composer-text-bg-shell--night,
.member-text-bg-picker-swatch--night {
    --p4g-text-bg-fill: linear-gradient(135deg, #0b1020 0%, #1e293b 55%, #334155 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--play4geek,
.member-composer-text-bg-shell--play4geek,
.member-text-bg-picker-swatch--play4geek {
    --p4g-text-bg-fill: linear-gradient(135deg, #fd895a 0%, #e63946 48%, #1e73be 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--aurora,
.member-composer-text-bg-shell--aurora,
.member-text-bg-picker-swatch--aurora {
    --p4g-text-bg-fill:
        radial-gradient(circle at 18% 28%, rgba(147, 197, 253, 0.95) 0%, rgba(147, 197, 253, 0) 42%),
        radial-gradient(circle at 72% 22%, rgba(251, 207, 232, 0.92) 0%, rgba(251, 207, 232, 0) 38%),
        radial-gradient(circle at 55% 78%, rgba(196, 181, 253, 0.88) 0%, rgba(196, 181, 253, 0) 40%),
        linear-gradient(145deg, #fdf2f8 0%, #eff6ff 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--silk,
.member-composer-text-bg-shell--silk,
.member-text-bg-picker-swatch--silk {
    --p4g-text-bg-fill:
        linear-gradient(160deg, rgba(255, 255, 255, 0.55) 0%, transparent 42%),
        linear-gradient(340deg, rgba(120, 90, 60, 0.18) 0%, transparent 48%),
        linear-gradient(135deg, #e8dcc8 0%, #d4c4a8 52%, #c9b896 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--fuchsia,
.member-composer-text-bg-shell--fuchsia,
.member-text-bg-picker-swatch--fuchsia {
    --p4g-text-bg-fill:
        linear-gradient(155deg, rgba(255, 255, 255, 0.22) 0%, transparent 38%),
        linear-gradient(335deg, rgba(80, 0, 60, 0.25) 0%, transparent 45%),
        linear-gradient(135deg, #be185d 0%, #db2777 45%, #9d174d 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--storm,
.member-composer-text-bg-shell--storm,
.member-text-bg-picker-swatch--storm {
    --p4g-text-bg-fill:
        repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.06) 0 3px, transparent 3px 14px),
        linear-gradient(160deg, rgba(148, 163, 184, 0.18) 0%, transparent 55%),
        linear-gradient(135deg, #0f172a 0%, #1e3a5f 55%, #334155 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--mist,
.member-composer-text-bg-shell--mist,
.member-text-bg-picker-swatch--mist {
    --p4g-text-bg-fill:
        radial-gradient(circle at 30% 35%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 45%),
        radial-gradient(circle at 70% 65%, rgba(148, 163, 184, 0.45) 0%, rgba(148, 163, 184, 0) 42%),
        linear-gradient(145deg, #e2e8f0 0%, #cbd5e1 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--neon,
.member-composer-text-bg-shell--neon,
.member-text-bg-picker-swatch--neon {
    --p4g-text-bg-fill: linear-gradient(135deg, #84cc16 0%, #a3e635 42%, #fde047 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--pearl,
.member-composer-text-bg-shell--pearl,
.member-text-bg-picker-swatch--pearl {
    --p4g-text-bg-fill: linear-gradient(145deg, #fff7ed 0%, #fef3c7 55%, #fde68a 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--bokeh,
.member-composer-text-bg-shell--bokeh,
.member-text-bg-picker-swatch--bokeh {
    --p4g-text-bg-fill:
        radial-gradient(circle at 22% 28%, rgba(248, 113, 113, 0.75) 0%, rgba(248, 113, 113, 0) 28%),
        radial-gradient(circle at 78% 22%, rgba(96, 165, 250, 0.7) 0%, rgba(96, 165, 250, 0) 26%),
        radial-gradient(circle at 62% 72%, rgba(250, 204, 21, 0.55) 0%, rgba(250, 204, 21, 0) 24%),
        radial-gradient(circle at 38% 68%, rgba(244, 114, 182, 0.5) 0%, rgba(244, 114, 182, 0) 22%),
        linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    background: var(--p4g-text-bg-fill);
}

.member-feed-text-bg--prism,
.member-composer-text-bg-shell--prism,
.member-text-bg-picker-swatch--prism {
    --p4g-text-bg-fill:
        repeating-linear-gradient(125deg, rgba(255, 255, 255, 0.18) 0 2px, transparent 2px 10px),
        linear-gradient(135deg, #22d3ee 0%, #a855f7 28%, #ec4899 56%, #facc15 100%);
    background: var(--p4g-text-bg-fill);
}

/* Contraste texte auto par fond (compositeur + fil) */
.member-feed-text-bg--coral,
.member-composer-text-bg-shell--coral,
.member-feed-text-bg--sky,
.member-composer-text-bg-shell--sky,
.member-feed-text-bg--lavender,
.member-composer-text-bg-shell--lavender,
.member-feed-text-bg--sunset,
.member-composer-text-bg-shell--sunset,
.member-feed-text-bg--ocean,
.member-composer-text-bg-shell--ocean,
.member-feed-text-bg--grape,
.member-composer-text-bg-shell--grape,
.member-feed-text-bg--night,
.member-composer-text-bg-shell--night,
.member-feed-text-bg--play4geek,
.member-composer-text-bg-shell--play4geek,
.member-feed-text-bg--fuchsia,
.member-composer-text-bg-shell--fuchsia,
.member-feed-text-bg--storm,
.member-composer-text-bg-shell--storm,
.member-feed-text-bg--bokeh,
.member-composer-text-bg-shell--bokeh {
    --p4g-text-bg-color: #ffffff;
    --p4g-text-bg-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.member-feed-text-bg--mint,
.member-composer-text-bg-shell--mint,
.member-feed-text-bg--sunshine,
.member-composer-text-bg-shell--sunshine,
.member-feed-text-bg--rose,
.member-composer-text-bg-shell--rose,
.member-feed-text-bg--aurora,
.member-composer-text-bg-shell--aurora,
.member-feed-text-bg--silk,
.member-composer-text-bg-shell--silk,
.member-feed-text-bg--mist,
.member-composer-text-bg-shell--mist,
.member-feed-text-bg--neon,
.member-composer-text-bg-shell--neon,
.member-feed-text-bg--pearl,
.member-composer-text-bg-shell--pearl,
.member-feed-text-bg--prism,
.member-composer-text-bg-shell--prism {
    --p4g-text-bg-color: #0f172a;
    --p4g-text-bg-shadow: 0 1px 2px rgba(255, 255, 255, 0.42);
}

.member-feed-text-bg--txt-white .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-white"] {
    color: #ffffff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.22);
}

.member-feed-text-bg--txt-black .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-black"] {
    color: #0f172a;
    text-shadow: none;
}

.member-feed-text-bg--txt-cream .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-cream"] {
    color: #fff8e7;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
}

.member-feed-text-bg--txt-yellow .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-yellow"] {
    color: #fde047;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}

.member-feed-text-bg--txt-cyan .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-cyan"] {
    color: #67e8f9;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}

.member-feed-text-bg--txt-pink .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-pink"] {
    color: #fbcfe8;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.member-feed-text-bg--txt-lime .member-feed-content--text-bg,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-lime"] {
    color: #a3e635;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}

.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-"] .member-post-composer-textarea::placeholder,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--txt-"] .member-post-edit-textarea::placeholder {
    color: currentColor;
    opacity: 0.72;
}

.member-composer-text-bg-shell {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border-radius: 14px;
    overflow: visible;
    margin-bottom: 0.35rem;
    border: 1px solid rgba(20, 89, 130, 0.16);
}

.member-composer-text-bg-shell:not([class*="member-composer-text-bg-shell--"]) {
    background: #fff;
}

.member-composer-text-bg-shell .member-post-composer-textarea,
.member-composer-text-bg-shell .member-post-edit-textarea {
    width: 100%;
    min-height: 120px;
    margin-bottom: 0;
    border: 0;
    border-radius: 14px;
    resize: vertical;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, min-height 0.2s ease, box-shadow 0.2s ease;
    padding: 0.55rem 3rem 3rem 0.7rem;
    box-sizing: border-box;
    background: transparent;
    outline: none;
    box-shadow: none;
    font-family: var(--font-sans, inherit);
}

.member-composer-text-bg-shell .member-post-composer-textarea:focus,
.member-composer-text-bg-shell .member-post-edit-textarea:focus,
.member-composer-text-bg-shell .member-post-composer-textarea:focus-visible,
.member-composer-text-bg-shell .member-post-edit-textarea:focus-visible {
    outline: none;
    box-shadow: none;
    border: 0;
}

.member-composer-text-bg-shell:focus-within:not([class*="member-composer-text-bg-shell--"]) {
    border-color: rgba(30, 115, 190, 0.45);
    box-shadow: 0 0 0 3px rgba(30, 115, 190, 0.12);
}

.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--) {
    min-height: clamp(240px, 36vw, 300px);
    border-color: transparent;
    box-shadow: none;
    background: var(--p4g-text-bg-fill);
    color: var(--p4g-text-bg-color, #0f172a);
    text-shadow: var(--p4g-text-bg-shadow, none);
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--) .member-post-composer-textarea,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--) .member-post-edit-textarea {
    min-height: clamp(240px, 36vw, 300px);
    border-color: transparent;
    background: transparent;
    text-align: center;
    font-size: clamp(1rem, 3.2vw, 1.2rem);
    font-weight: 700;
    line-height: 1.4;
    color: inherit;
    text-shadow: inherit;
    caret-color: currentColor;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--):not([class*="member-composer-text-bg-shell--txt-"]) .member-post-composer-textarea::placeholder,
.member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--):not([class*="member-composer-text-bg-shell--txt-"]) .member-post-edit-textarea::placeholder {
    color: currentColor;
    opacity: 0.68;
}

.member-composer-text-bg-shell--light {
    color: var(--p4g-text-bg-color, #fff);
    text-shadow: var(--p4g-text-bg-shadow, 0 1px 3px rgba(0, 0, 0, 0.22));
}

body.theme-dark .member-composer-text-bg-shell:not([class*="member-composer-text-bg-shell--"]) {
    background: rgba(10, 18, 32, 0.65);
    border-color: rgba(255, 255, 255, 0.12);
}

body.theme-dark .member-composer-text-bg-shell .member-post-composer-textarea,
body.theme-dark .member-composer-text-bg-shell .member-post-edit-textarea {
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
}

body.theme-dark .member-composer-text-bg-shell:focus-within:not([class*="member-composer-text-bg-shell--"]) {
    border-color: rgba(125, 211, 252, 0.45);
    box-shadow: 0 0 0 3px rgba(125, 211, 252, 0.14);
}

.member-text-bg-tool-btn.is-active,
.member-text-bg-aa-btn.is-active {
    box-shadow: 0 0 0 2px var(--bg-blue, #1e73be), 0 2px 8px rgba(15, 23, 42, 0.18);
}

.member-composer-text-bg-shell .member-text-bg-controls {
    position: absolute;
    bottom: 0.65rem;
    left: 0.65rem;
    z-index: 5;
    display: block;
    pointer-events: none;
}

.member-composer-text-bg-shell .member-text-bg-controls .member-text-bg-picker:not(.is-floating) {
    top: calc(100% + 0.4rem);
    bottom: auto;
    left: 0;
    right: auto;
}

.member-composer-text-bg-shell .member-composer-emoji-controls .member-composer-emoji-picker:not(.is-floating) {
    position: absolute;
    top: calc(100% + 0.4rem);
    bottom: auto;
    right: 0;
    left: auto;
    margin: 0;
}

.member-composer-text-bg-shell .member-text-bg-controls > * {
    pointer-events: auto;
}

.member-composer-text-bg-shell .member-text-bg-tool-slot {
    position: relative;
    display: inline-flex;
}

.member-composer-text-bg-shell.is-text-bg-picker-open .member-text-bg-controls {
    z-index: 1;
}

.member-composer-text-bg-shell.is-text-bg-picker-open .member-text-bg-aa-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.member-composer-text-bg-shell.is-emoji-picker-open .member-composer-emoji-controls {
    z-index: 10055;
}

.member-composer-text-bg-shell.is-text-bg-picker-open .member-composer-emoji-controls {
    z-index: 1;
}

.member-composer-text-bg-shell.is-text-bg-picker-open .member-composer-emoji-btn {
    opacity: 0;
    pointer-events: none;
    transform: none;
}

.member-composer-text-bg-shell.is-emoji-picker-open .member-composer-emoji-controls {
    z-index: 10055;
}

.member-composer-text-bg-shell.is-emoji-picker-open .member-text-bg-controls {
    z-index: 1;
}

.member-composer-text-bg-shell.is-emoji-picker-open .member-text-bg-aa-btn {
    opacity: 0;
    pointer-events: none;
    transform: none;
}

.member-composer-text-bg-shell .member-composer-emoji-controls {
    position: absolute;
    bottom: 0.65rem;
    right: 0.65rem;
    z-index: 5;
    display: block;
    pointer-events: none;
}

.member-composer-text-bg-shell .member-composer-emoji-controls > * {
    pointer-events: auto;
}

.member-composer-text-bg-shell .member-composer-emoji-tool-slot {
    position: relative;
    display: inline-flex;
}

.member-composer-emoji-btn {
    width: 36px;
    height: 36px;
    min-height: 0;
    padding: 0;
    border: 1px solid rgba(20, 89, 130, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    color: var(--muted-text, #56463f);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    line-height: 1;
    transition: transform 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.member-composer-emoji-btn:hover {
    transform: scale(1.05);
    color: var(--text-accent, var(--link-color));
}

.member-composer-emoji-btn.is-active,
.member-composer-emoji-btn[aria-expanded="true"] {
    color: var(--text-accent, var(--link-color));
    box-shadow: 0 0 0 2px rgba(30, 115, 190, 0.22);
}

.member-composer-emoji-btn.is-disabled,
.member-composer-emoji-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

.member-composer-emoji-picker.member-emoji-picker {
    display: none;
    margin: 0;
    width: min(360px, calc(100vw - 20px));
    min-width: 0;
    max-width: calc(100vw - 20px);
    box-sizing: border-box;
}

.member-composer-emoji-picker.member-emoji-picker.is-open {
    display: flex;
}

.member-composer-emoji-picker.member-emoji-picker.is-floating {
    position: fixed;
    z-index: 10050;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
}

body.theme-dark .member-composer-emoji-btn {
    background: rgba(15, 23, 42, 0.88);
    border-color: rgba(148, 163, 184, 0.24);
    color: rgba(226, 232, 240, 0.92);
}

.member-text-bg-aa-btn {
    width: 36px;
    height: 36px;
    min-height: 0;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.14);
    cursor: pointer;
    background:
        conic-gradient(from 210deg, #f472b6 0deg, #fb923c 52deg, #facc15 104deg, #4ade80 156deg, #38bdf8 208deg, #a78bfa 260deg, #f472b6 360deg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.member-text-bg-aa-btn:hover {
    transform: scale(1.05);
}

.member-text-bg-aa-btn-label {
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    letter-spacing: -0.04em;
}

.member-text-bg-controls {
    position: static;
}

.member-text-bg-tool-slot {
    position: relative;
    display: inline-flex;
}

.member-composer-text-bg-shell .member-text-bg-picker:not(.is-floating) {
    top: calc(100% + 0.4rem);
    bottom: auto;
    left: 0;
    right: auto;
}

.member-text-bg-picker.is-floating {
    position: fixed;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    z-index: 10050;
    margin: 0;
    box-sizing: border-box;
}

.member-text-bg-picker.is-floating.is-composer-sheet,
.member-composer-text-bg-shell .member-text-bg-picker.is-floating {
    top: 50% !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%) !important;
    max-width: min(420px, calc(100vw - 16px)) !important;
    width: min(400px, calc(100vw - 16px));
    min-width: min(300px, calc(100vw - 16px));
    max-height: min(82vh, 680px) !important;
    border-radius: 18px;
    padding: 0;
}

.member-text-bg-picker.is-floating.is-composer-sheet .member-text-bg-picker-body {
    padding-bottom: 1.15rem;
}

.member-text-bg-picker.is-floating.is-composer-sheet .member-text-bg-picker-swatch,
.member-composer-text-bg-shell .member-text-bg-picker.is-floating .member-text-bg-picker-swatch {
    min-height: 2.85rem;
}

.member-composer-emoji-picker.member-emoji-picker.is-floating,
.member-composer-text-bg-shell .member-composer-emoji-picker.member-emoji-picker.is-floating {
    max-width: min(400px, calc(100vw - 20px)) !important;
    width: min(360px, calc(100vw - 20px));
    min-width: min(280px, calc(100vw - 20px));
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.22);
}

.member-composer-text-bg-shell.is-text-bg-picker-open .member-text-bg-picker.is-floating,
.member-composer-text-bg-shell.is-emoji-picker-open .member-composer-emoji-picker.member-emoji-picker.is-floating {
    z-index: 10060 !important;
}

.member-composer-text-bg-shell.is-text-bg-picker-open::before,
.member-composer-text-bg-shell.is-emoji-picker-open::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 10040;
    pointer-events: none;
}

.member-composer-text-bg-shell.is-text-bg-picker-open::before {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(30, 115, 190, 0.16), transparent 70%),
        rgba(14, 32, 56, 0.52);
    backdrop-filter: blur(8px) saturate(1.12);
    -webkit-backdrop-filter: blur(8px) saturate(1.12);
}

.member-composer-text-bg-shell.is-emoji-picker-open::before {
    background: rgba(15, 23, 42, 0.28);
}

.member-text-bg-picker {
    --p4g-text-bg-picker-title: #0e2038;
    --p4g-text-bg-picker-text: #1e293b;
    --p4g-text-bg-picker-muted: rgba(15, 23, 42, 0.68);
    --p4g-text-bg-picker-surface: linear-gradient(
        165deg,
        color-mix(in srgb, #ffffff 88%, #1e73be 12%) 0%,
        #ffffff 44%,
        color-mix(in srgb, #ffffff 94%, #0e2038 6%) 100%
    );
    --p4g-text-bg-picker-border: color-mix(in srgb, #1e73be 16%, rgba(255, 255, 255, 0.72));
    --p4g-text-bg-picker-shadow:
        0 28px 80px rgba(14, 32, 56, 0.28),
        0 0 0 1px rgba(255, 255, 255, 0.55) inset,
        0 1px 0 rgba(255, 255, 255, 0.85) inset;
    position: absolute;
    z-index: 30;
    top: calc(100% + 0.35rem);
    left: 0;
    width: min(360px, calc(100vw - 20px));
    min-width: 0;
    max-width: calc(100vw - 20px);
    margin-top: 0;
    padding: 0;
    border-radius: 16px;
    background: var(--p4g-text-bg-picker-surface);
    color: var(--p4g-text-bg-picker-text);
    border: 1px solid var(--p4g-text-bg-picker-border);
    box-shadow: var(--p4g-text-bg-picker-shadow);
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;
    backdrop-filter: blur(20px) saturate(1.35);
    -webkit-backdrop-filter: blur(20px) saturate(1.35);
}

.member-text-bg-picker-gloss {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.12) 32%, transparent 54%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, transparent 42%);
}

.member-text-bg-picker-body {
    position: relative;
    z-index: 1;
    padding: 0.95rem 1rem 1.05rem;
}

.member-text-bg-picker.is-floating .member-text-bg-picker-body {
    overflow-y: visible;
}

.member-text-bg-picker.is-floating.is-scrollable .member-text-bg-picker-body {
    max-height: 100%;
    overflow-y: auto;
}

.member-text-bg-picker.is-picker-animating.is-composer-sheet {
    animation: p4g-text-bg-picker-in-composer 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.member-text-bg-picker.is-picker-animating.is-floating:not(.is-composer-sheet) {
    animation: p4g-text-bg-picker-in 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes p4g-text-bg-picker-in-composer {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 14px)) scale(0.975);
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}

@keyframes p4g-text-bg-picker-in {
    from {
        opacity: 0;
        transform: translateY(18px) scale(0.965);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.member-feed-composer,
.member-post-edit-form-scroll {
    position: relative;
}

.member-text-bg-picker-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid color-mix(in srgb, #1e73be 12%, rgba(15, 23, 42, 0.1));
}

.member-text-bg-picker-head strong {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--p4g-text-bg-picker-title, #0e2038);
}

.member-text-bg-picker-lead {
    margin: 0 0 0.45rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--p4g-text-bg-picker-muted, rgba(15, 23, 42, 0.68));
}

.member-text-bg-picker-lead--text {
    margin-top: 0.65rem;
}

.member-text-bg-picker:not(.is-text-color-enabled) .member-text-bg-picker-lead--text,
.member-text-bg-picker:not(.is-text-color-enabled) .member-text-bg-picker-grid--text {
    opacity: 0.45;
    pointer-events: none;
}

.member-text-bg-picker-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.4rem;
    width: 100%;
}

.member-text-bg-picker-grid--text {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.member-text-bg-picker-swatch {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1;
    min-height: 2.5rem;
    border-radius: 12px;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 0 0 1px rgba(255, 255, 255, 0.14),
        0 4px 12px rgba(15, 23, 42, 0.12);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.member-text-bg-picker .member-text-bg-picker-swatch:hover {
    transform: scale(1.04);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 6px 16px rgba(15, 23, 42, 0.16);
}

.member-text-bg-picker .member-text-bg-picker-swatch:not(.member-text-bg-picker-swatch--txt) {
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.member-profile-form .member-text-bg-picker .member-text-bg-picker-swatch[data-text-bg],
.member-post-edit-form .member-text-bg-picker .member-text-bg-picker-swatch[data-text-bg] {
    min-height: 0;
    padding: 0;
    border-radius: 10px;
    background: var(--p4g-text-bg-fill, #cbd5e1) !important;
    color: transparent !important;
}

.member-profile-form .member-composer-text-bg-shell .member-composer-emoji-btn,
.member-post-edit-form .member-composer-text-bg-shell .member-composer-emoji-btn {
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--muted-text, #56463f) !important;
}

body.theme-dark .member-profile-form .member-composer-text-bg-shell .member-composer-emoji-btn,
body.theme-dark .member-post-edit-form .member-composer-text-bg-shell .member-composer-emoji-btn {
    background: rgba(15, 23, 42, 0.88) !important;
    color: rgba(226, 232, 240, 0.92) !important;
}

.member-profile-form .member-composer-text-bg-shell .member-text-bg-aa-btn,
.member-post-edit-form .member-composer-text-bg-shell .member-text-bg-aa-btn {
    background:
        conic-gradient(from 210deg, #f472b6 0deg, #fb923c 52deg, #facc15 104deg, #4ade80 156deg, #38bdf8 208deg, #a78bfa 260deg, #f472b6 360deg) !important;
    color: #fff !important;
}

.member-profile-form .member-composer-text-bg-shell .member-text-bg-aa-btn:hover,
.member-post-edit-form .member-composer-text-bg-shell .member-text-bg-aa-btn:hover {
    background:
        conic-gradient(from 210deg, #f472b6 0deg, #fb923c 52deg, #facc15 104deg, #4ade80 156deg, #38bdf8 208deg, #a78bfa 260deg, #f472b6 360deg) !important;
    color: #fff !important;
    filter: brightness(1.04);
}

.member-profile-form .member-text-bg-picker .member-text-bg-picker-swatch[data-text-bg]:hover,
.member-post-edit-form .member-text-bg-picker .member-text-bg-picker-swatch[data-text-bg]:hover {
    background: var(--p4g-text-bg-fill, #cbd5e1) !important;
    color: transparent !important;
    filter: brightness(1.06);
}

.member-text-bg-picker .member-text-bg-picker-swatch:hover {
    transform: scale(1.04);
}

.member-text-bg-picker-clear {
    min-height: auto;
    border: 1px solid color-mix(in srgb, #1e73be 22%, rgba(15, 23, 42, 0.12)) !important;
    border-radius: 999px;
    padding: 0.28rem 0.72rem !important;
    background: linear-gradient(
        180deg,
        color-mix(in srgb, #ffffff 92%, #1e73be 8%) 0%,
        color-mix(in srgb, #ffffff 82%, #1e73be 6%) 100%
    ) !important;
    color: var(--text-accent, var(--link-color)) !important;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.member-profile-form .member-text-bg-picker .member-text-bg-picker-clear:hover,
.member-post-edit-form .member-text-bg-picker .member-text-bg-picker-clear:hover {
    transform: scale(1.03);
    border-color: color-mix(in srgb, #1e73be 35%, transparent) !important;
}

body.theme-dark .member-text-bg-picker-clear {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(126, 192, 255, 0.28) !important;
    color: #7ec0ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.member-text-bg-picker-swatch.is-selected {
    border-color: var(--bg-blue, #1e73be);
    box-shadow:
        0 0 0 2px rgba(30, 115, 190, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 4px 14px rgba(30, 115, 190, 0.2);
}

.member-text-bg-picker-swatch--txt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    font-size: inherit;
    line-height: normal;
    background: #f8fafc;
}

.member-text-bg-picker-swatch-letter {
    font-size: 1rem;
    font-weight: 800;
    line-height: 1;
}

.member-text-bg-picker-swatch--txt-auto {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 48%, #0f172a 52%, #0f172a 100%);
}

.member-text-bg-picker-swatch--txt-auto .member-text-bg-picker-swatch-letter {
    color: var(--muted-text, #56463f);
}

.member-text-bg-picker-swatch--txt-white {
    background: #ffffff;
}

.member-text-bg-picker-swatch--txt-white .member-text-bg-picker-swatch-letter {
    color: #0f172a;
}

.member-text-bg-picker-swatch--txt-black {
    background: #0f172a;
}

.member-text-bg-picker-swatch--txt-black .member-text-bg-picker-swatch-letter {
    color: #ffffff;
}

.member-text-bg-picker-swatch--txt-cream {
    background: #fff8e7;
}

.member-text-bg-picker-swatch--txt-cream .member-text-bg-picker-swatch-letter {
    color: #92400e;
}

.member-text-bg-picker-swatch--txt-yellow {
    background: #fde047;
}

.member-text-bg-picker-swatch--txt-yellow .member-text-bg-picker-swatch-letter {
    color: #713f12;
}

.member-text-bg-picker-swatch--txt-cyan {
    background: #67e8f9;
}

.member-text-bg-picker-swatch--txt-cyan .member-text-bg-picker-swatch-letter {
    color: #0e7490;
}

.member-text-bg-picker-swatch--txt-pink {
    background: #fbcfe8;
}

.member-text-bg-picker-swatch--txt-pink .member-text-bg-picker-swatch-letter {
    color: #9d174d;
}

.member-text-bg-picker-swatch--txt-lime {
    background: #a3e635;
}

.member-text-bg-picker-swatch--txt-lime .member-text-bg-picker-swatch-letter {
    color: #365314;
}

.member-text-bg-picker-hint {
    margin: 0.65rem 0 0;
    font-size: 0.76rem;
    line-height: 1.45;
    color: var(--p4g-text-bg-picker-muted, rgba(15, 23, 42, 0.68));
}

body.theme-dark .member-text-bg-picker {
    --p4g-text-bg-picker-title: #f7f9fc;
    --p4g-text-bg-picker-text: rgba(247, 249, 252, 0.92);
    --p4g-text-bg-picker-muted: rgba(247, 249, 252, 0.62);
    --p4g-text-bg-picker-surface: linear-gradient(
        165deg,
        rgba(28, 46, 78, 0.98) 0%,
        rgba(18, 32, 58, 0.99) 48%,
        rgba(12, 24, 46, 1) 100%
    );
    --p4g-text-bg-picker-border: rgba(126, 192, 255, 0.2);
    --p4g-text-bg-picker-shadow:
        0 28px 80px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(126, 192, 255, 0.1) inset,
        0 1px 0 rgba(255, 255, 255, 0.08) inset;
}

body.theme-dark .member-text-bg-picker-gloss {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.03) 32%, transparent 54%),
        linear-gradient(135deg, rgba(126, 192, 255, 0.1) 0%, transparent 42%);
}

body.theme-dark .member-text-bg-picker-head {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

body.theme-dark .member-composer-text-bg-shell.is-text-bg-picker-open::before {
    background:
        radial-gradient(ellipse 80% 60% at 50% 0%, rgba(77, 163, 255, 0.14), transparent 70%),
        rgba(4, 10, 22, 0.72);
}

body.theme-dark .member-text-bg-picker-hint {
    color: rgba(232, 240, 255, 0.84) !important;
}

body.theme-dark .member-text-bg-picker-lead {
    color: rgba(232, 240, 255, 0.62);
}

.home-community-posts-section .member-feed-text-bg .member-feed-content--text-bg,
.home-community-posts-section .member-feed-text-bg .member-feed-content--text-bg p {
    display: block;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    overflow: visible;
    text-align: center;
}

.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body:has(> .member-feed-text-bg) {
    overflow: hidden;
    min-height: 0;
}

.home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    overflow: hidden;
    box-shadow: none;
    padding: clamp(0.85rem, 2.5vw, 1.35rem) clamp(0.75rem, 2vw, 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media (max-width: 680px) {
    .member-text-bg-picker.is-floating {
        width: calc(100vw - 20px) !important;
        max-width: 400px;
    }

    .member-text-bg-picker-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.45rem;
    }

    .member-text-bg-picker-swatch {
        min-height: 2.85rem;
    }

    .member-composer-emoji-picker.member-emoji-picker.is-floating {
        width: calc(100vw - 20px) !important;
        max-width: 400px;
    }

    .member-composer-emoji-picker .member-emoji-picker-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 0.35rem;
    }

    .member-composer-emoji-picker .member-emoji-choice {
        min-height: 2.35rem;
        font-size: 1.2rem;
    }

    .member-feed-text-bg {
        min-height: clamp(200px, 48vw, 280px);
        padding: 1.15rem 0.85rem;
        margin-left: 0;
        margin-right: 0;
        border-radius: 12px;
        box-shadow: none;
    }

    .community-page .member-feed-card > .member-feed-text-bg,
    .member-public-feed-area .member-feed-card > .member-feed-text-bg {
        min-height: clamp(160px, 42vw, 220px);
        border-radius: 8px;
    }

    .member-feed-text-bg .member-feed-content--text-bg {
        font-size: clamp(0.95rem, 4.2vw, 1.25rem);
        line-height: 1.45;
    }

    .member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--) {
        min-height: clamp(200px, 50vw, 280px);
    }

    .member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--) .member-post-composer-textarea,
    .member-composer-text-bg-shell[class*="member-composer-text-bg-shell--"]:not(.member-composer-text-bg-shell--) .member-post-edit-textarea {
        min-height: clamp(200px, 50vw, 280px);
        font-size: clamp(0.95rem, 4.2vw, 1.15rem);
        padding: 0.5rem 2.65rem 2.65rem 0.55rem;
    }

    .member-composer-text-bg-shell .member-text-bg-controls {
        left: 0.5rem;
        bottom: 0.5rem;
    }

    .member-composer-text-bg-shell .member-composer-emoji-controls {
        right: 0.5rem;
        bottom: 0.5rem;
    }

    .home-community-posts-section .member-feed-card--home-carousel .member-feed-card-body > .member-feed-text-bg {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0.85rem 0.65rem;
    }

    .member-composer-footer {
        gap: 0.5rem;
    }

    .member-composer-footer .member-composer-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }

    .member-composer-submit {
        min-height: 36px;
        padding: 0 0.95rem;
        font-size: 0.84rem;
    }
}}
/* play4geek-member-surfaces-guards */
.community-layout,.community-sidebar,.community-main,.community-left,.community-page .member-public-card,.member-feed-card,.member-fb-media,.member-comments-box,.member-media-lightbox-panel,.member-media-lightbox-layout,.member-media-lightbox-comments{min-width:0;max-width:100%;box-sizing:border-box}.community-sidebar,.community-page .member-public-card{overflow-x:clip}.community-comments-card .sidebar-recent-comments-link,.community-comments-card .sidebar-recent-comments-body{min-width:0;max-width:100%}.community-comments-card .sidebar-recent-comments-text,.community-comments-card .sidebar-recent-comments-post{overflow-wrap:anywhere;word-break:break-word}.member-feed-card .member-feed-video,.member-feed-card .member-feed-video iframe,.member-feed-card .member-feed-content{max-width:100%}.member-fb-albums-grid{min-width:0;max-width:100%}.member-fb-album-tile{min-width:0;max-width:100%}.member-fb-album-cover{min-height:0;overflow:hidden}.member-fb-album-cover-cell img{max-width:100%;object-fit:cover}
/* play4geek-member-surfaces-feed */
.member-feed-embed--rich,.member-feed-video.member-feed-embed--rich{width:auto;max-width:min(100%,550px);margin-left:auto;margin-right:auto;overflow:visible;background:transparent;line-height:normal}.member-feed-embed--rich iframe,.member-feed-video.member-feed-embed--rich iframe{width:auto;max-width:100%;height:auto;min-height:0;aspect-ratio:auto;margin:0 auto;display:block}.member-feed-embed--rich blockquote.twitter-tweet,.member-feed-video.member-feed-embed--rich blockquote.twitter-tweet{margin:0 auto !important}.member-feed-video--tiktok{width:min(100%,325px);margin-left:auto;margin-right:auto;overflow:hidden;background:#000;line-height:0}.member-feed-video--tiktok iframe{display:block;width:100%;height:739px !important;max-height:none;min-height:0;aspect-ratio:auto;border:0;overflow:hidden}.member-feed-video--tiktok blockquote.tiktok-embed{margin:0 auto !important;max-width:100% !important}.member-composer-tools-scroll{width:100%;max-width:100%;min-width:0}.member-composer-toolbar-cluster > .member-composer-tools-scroll,.member-composer-footer .member-composer-tools-scroll{flex:1 1 auto;align-self:stretch;min-width:0;width:auto;max-width:none}.member-composer-tools-scroll .member-composer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:0.45rem;width:100%;max-width:100%;margin-bottom:0}.member-composer-tools-scroll .member-composer-icon,.member-composer-tools-scroll .member-life-event-tool-slot,.member-composer-tools-scroll .member-ma-tool-slot{flex-shrink:0}@media (max-width:960px){.member-composer-tools-scroll{display:block;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;touch-action:auto}.member-composer-tools-scroll::-webkit-scrollbar{height:3px}.member-composer-tools-scroll::-webkit-scrollbar-track{background:transparent}.member-composer-tools-scroll::-webkit-scrollbar-thumb{background:transparent}.member-composer-tools-scroll .member-composer-tools{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0.45rem;width:max-content;max-width:none;min-width:min-content;vertical-align:top}.member-composer-tools-scroll .member-composer-icon,.member-composer-tools-scroll .member-life-event-tool-slot{white-space:nowrap}.member-composer-tools-scroll .member-ma-tool-slot{display:inline-flex;flex-direction:row;flex-wrap:nowrap;flex:0 0 auto;flex-shrink:0;max-width:none;width:auto;white-space:nowrap}.member-composer-gallery-preview.is-visible{margin-top:0.75rem}.member-composer-gallery-preview-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:0.5rem}.member-feed-gallery-grid--3 .member-feed-gallery-item:first-child{grid-row:span 2;min-height:220px}.member-feed-gallery-item{min-height:100px}.member-feed-gallery-item img,.member-feed-gallery-item video{min-height:100px}}.member-composer-tools{display:flex;align-items:center;gap:0.45rem;margin-bottom:0.45rem}.member-composer-icon{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:0.35rem;min-height:34px;padding:0.25rem 0.55rem;border-radius:999px;border:1px solid rgba(20,89,130,0.2);background:#fff;color:rgba(14,32,56,0.78);font-size:0.82rem;font-weight:600;font-family:inherit;line-height:1.2;cursor:pointer;margin:0;appearance:none;-webkit-appearance:none}.member-composer-icon:hover{background:#f6fbff;border-color:rgba(20,89,130,0.32)}.member-composer-icon:focus-visible{outline:2px solid rgba(20,89,130,0.35);outline-offset:2px}.member-composer-icon.is-disabled,.member-composer-icon:disabled{opacity:0.42;cursor:not-allowed;pointer-events:none;filter:grayscale(0.35)}.member-composer-file{display:none}.member-gif-picker{display:none;margin-bottom:0.45rem;border:1px solid rgba(255,255,255,0.55);border-radius:12px;padding:0.5rem;background:linear-gradient( 165deg,rgba(255,255,255,0.72) 0%,rgba(246,250,255,0.52) 45%,rgba(255,255,255,0.38) 100% );backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);box-shadow:inset 0 1px 0 rgba(255,255,255,0.75),0 8px 28px rgba(14,32,56,0.08)}.member-emoji-picker{display:none;flex-direction:column;gap:0.35rem;margin-bottom:0.45rem;border:1px solid rgba(255,255,255,0.55);border-radius:12px;padding:0.45rem;background:linear-gradient( 165deg,rgba(255,255,255,0.72) 0%,rgba(246,250,255,0.52) 45%,rgba(255,255,255,0.38) 100% );backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);box-shadow:inset 0 1px 0 rgba(255,255,255,0.75),0 8px 28px rgba(14,32,56,0.08)}.member-emoji-picker.is-open{display:flex}.member-emoji-picker-cats{display:flex;flex-wrap:nowrap;gap:0.28rem;overflow-x:auto;overflow-y:hidden;padding-bottom:0.15rem;margin:0 -0.1rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.member-emoji-picker-cats::-webkit-scrollbar{height:4px}.member-emoji-picker-cat{flex:0 0 auto;min-width:2.1rem;height:2.1rem;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,0.45);background:linear-gradient( 155deg,rgba(255,255,255,0.48) 0%,rgba(246,250,255,0.22) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:1.05rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 1px 2px rgba(20,89,130,0.05)}.member-emoji-picker-cat:hover{border-color:rgba(20,89,130,0.22);background:linear-gradient( 155deg,rgba(20,89,130,0.08) 0%,rgba(255,255,255,0.42) 100% )}.member-emoji-picker-cat.is-active{border-color:rgba(20,89,130,0.38);background:linear-gradient( 155deg,rgba(20,89,130,0.12) 0%,rgba(246,250,255,0.45) 100% );box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 0 0 1px rgba(20,89,130,0.1)}.member-emoji-picker-swipe-hint{margin:0;font-size:0.72rem;font-weight:600;color:var(--muted-text,#56463f);text-align:center}@media (min-width:640px){.member-emoji-picker-swipe-hint{display:none !important}}.member-emoji-picker-viewport{min-height:9.5rem}.member-emoji-picker-grid-wrap{touch-action:pan-y}.member-emoji-picker-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0.3rem}.member-emoji-picker-pagination{display:flex;align-items:center;justify-content:center;gap:0.65rem;padding-top:0.15rem}.member-emoji-picker-page-btn{width:2.25rem;height:2.25rem;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,0.45);background:linear-gradient( 155deg,rgba(255,255,255,0.52) 0%,rgba(246,250,255,0.28) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(14,32,56,0.75);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:0.78rem;transition:background 0.15s ease,border-color 0.15s ease,opacity 0.15s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 1px 2px rgba(20,89,130,0.06)}.member-emoji-picker-page-btn:hover:not(:disabled){border-color:rgba(20,89,130,0.22);color:var(--text-accent,var(--link-color))}.member-emoji-picker-page-btn:disabled{opacity:0.35;cursor:default}.member-emoji-picker-page-status{font-size:0.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgba(14,32,56,0.72);min-width:4.5rem;text-align:center}.member-emoji-choice{border:1px solid rgba(255,255,255,0.55);border-radius:10px;background:linear-gradient( 155deg,rgba(255,255,255,0.58) 0%,rgba(255,255,255,0.22) 42%,rgba(246,250,255,0.35) 100% );backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),0 1px 2px rgba(20,89,130,0.06);min-height:36px;font-size:1.1rem;line-height:1;cursor:pointer;transition:background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.member-emoji-choice:hover{background:linear-gradient( 155deg,rgba(20,89,130,0.1) 0%,rgba(255,255,255,0.42) 100% );border-color:rgba(20,89,130,0.22);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 2px 8px rgba(20,89,130,0.1)}.member-gif-picker.is-open{display:block}.member-gif-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.45rem;gap:0.5rem}.member-gif-picker-head strong{font-size:0.86rem}.member-gif-picker-search{width:100%;min-height:36px;border-radius:8px;border:1px solid rgba(255,255,255,0.45);padding:0.35rem 0.55rem;margin-bottom:0.45rem;background:linear-gradient( 180deg,rgba(255,255,255,0.55) 0%,rgba(246,250,255,0.28) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65)}.member-gif-picker-clear{border:1px solid rgba(255,255,255,0.45);background:linear-gradient( 155deg,rgba(255,255,255,0.52) 0%,rgba(246,250,255,0.28) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:999px;min-height:30px;padding:0 0.55rem;font-size:0.78rem;box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 1px 2px rgba(20,89,130,0.06);cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.member-gif-picker-clear:hover{border-color:rgba(20,89,130,0.22);background:linear-gradient( 155deg,rgba(20,89,130,0.08) 0%,rgba(255,255,255,0.48) 100% );box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 2px 8px rgba(20,89,130,0.1)}.member-gif-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0.35rem;max-height:15.5rem;overflow-y:auto;overscroll-behavior:contain}.member-klipy-picker-pagination{display:flex;align-items:center;justify-content:center;gap:0.65rem;margin:0.5rem 0 0.15rem}.member-klipy-picker-page-btn{width:2.25rem;height:2.25rem;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,0.45);background:linear-gradient( 155deg,rgba(255,255,255,0.52) 0%,rgba(246,250,255,0.28) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(14,32,56,0.75);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:0.78rem;transition:background 0.15s ease,border-color 0.15s ease,opacity 0.15s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 1px 2px rgba(20,89,130,0.06)}.member-klipy-picker-page-btn:hover:not(:disabled),.member-klipy-picker-page-btn:focus-visible:not(:disabled){border-color:rgba(20,89,130,0.22);color:var(--text-accent,var(--link-color))}.member-klipy-picker-page-btn:disabled{opacity:0.35;cursor:default}.member-klipy-picker-page-status{font-size:0.78rem;font-weight:700;font-variant-numeric:tabular-nums;color:rgba(14,32,56,0.72);min-width:5rem;text-align:center}.member-gif-choice{border:1px solid rgba(255,255,255,0.45);border-radius:10px;padding:0;overflow:hidden;background:linear-gradient( 180deg,rgba(255,255,255,0.42) 0%,rgba(20,89,130,0.06) 100% );backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.65),0 1px 3px rgba(14,32,56,0.06);cursor:pointer;transition:background 0.18s ease,border-color 0.18s ease,box-shadow 0.18s ease}.member-gif-choice:hover{background:linear-gradient( 180deg,rgba(255,255,255,0.55) 0%,rgba(20,89,130,0.12) 100% );border-color:rgba(20,89,130,0.22);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 4px 12px rgba(20,89,130,0.12)}.member-gif-choice img,.member-gif-choice .member-klipy-choice-video{display:block;width:100%;height:72px;object-fit:cover;object-position:center}.member-gif-picker-grid--sticker{grid-template-columns:repeat(4,minmax(0,1fr));gap:0.45rem}.member-gif-picker-grid--sticker .member-gif-choice img,.member-gif-picker-grid--sticker .member-gif-choice .member-klipy-choice-video{height:108px;object-fit:contain;background:rgba(14,32,56,0.04);padding:0.2rem;box-sizing:border-box}.member-gif-picker-grid--clip .member-gif-choice img,.member-gif-picker-grid--clip .member-gif-choice .member-klipy-choice-video{height:80px;object-fit:cover}.member-klipy-type-tabs{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0 0 0.5rem}.member-klipy-type-tab{border:1px solid rgba(20,89,130,0.22);background:rgba(255,255,255,0.85);color:rgba(14,32,56,0.88);border-radius:999px;padding:0.28rem 0.65rem;font-size:0.72rem;font-weight:700;cursor:pointer}.member-klipy-type-tab.is-active{background:color-mix(in srgb,var(--bg-blue) 16%,#fff);border-color:color-mix(in srgb,var(--bg-blue) 42%,transparent);color:var(--text-accent,var(--link-color))}.member-klipy-attribution{margin:0.5rem 0 0;padding-top:0.35rem;text-align:right;border-top:1px solid color-mix(in srgb,var(--bg-blue) 12%,transparent)}.member-klipy-attribution-link{display:inline-flex;align-items:center;justify-content:flex-end;color:inherit;text-decoration:none;opacity:0.92;transition:opacity 0.15s ease}.member-klipy-attribution-link:hover{opacity:1}.member-klipy-attribution-mark{display:inline-flex;align-items:center;line-height:0}.member-klipy-logo{display:block;width:auto;max-width:min(148px,42vw);height:22px;object-fit:contain;object-position:right center}.member-klipy-logo--dark{display:none}body.theme-dark .member-klipy-logo--light{display:none}body.theme-dark .member-klipy-logo--dark{display:block}.member-klipy-media--clip video,.member-gif-preview video,.member-comment-gif video{width:100%;max-height:280px;border-radius:10px;display:block;background:#000}.member-feed-klipy{display:flex;justify-content:center;align-items:center;margin-top:0.65rem;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--bg-blue,#145982) 5%,rgba(255,255,255,0.92));border:1px solid rgba(20,89,130,0.1)}.member-feed-klipy img,.member-feed-klipy video{display:block;margin:0 auto}.member-feed-klipy--gif img,.member-feed-gif .member-klipy-media--gif img,.member-feed-gif.member-feed-klipy--gif img{width:100%;max-width:100%;max-height:min(440px,72vh);height:auto;object-fit:contain;object-position:center;border-radius:0}.member-feed-klipy--clip video,.member-feed-gif .member-klipy-media--clip video{width:100%;max-width:100%;max-height:min(440px,72vh);object-fit:contain;object-position:center;background:#0e2038}.member-feed-klipy--sticker,.member-feed-gif.member-feed-klipy--sticker,.member-feed-gif .member-klipy-media--sticker{background:transparent;border:0;padding:0.35rem 0}.member-feed-klipy--sticker img,.member-feed-gif .member-klipy-media--sticker img,.member-feed-gif.member-feed-klipy--sticker img{width:auto;max-width:min(340px,100%);max-height:min(340px,58vh);height:auto;object-fit:contain;object-position:center}.member-gif-choice.is-selected{border-color:rgba(20,89,130,0.55);box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 0 0 2px color-mix(in srgb,var(--bg-blue) 28%,transparent)}.member-gif-picker-empty{margin:0;grid-column:1 / -1;font-size:0.82rem;color:var(--muted-text,#56463f)}.member-gif-picker-error{color:#b42318}.member-gif-preview{display:none;margin-bottom:0.45rem}.member-gif-preview.is-visible{display:block}.member-gif-preview img,.member-gif-preview video{display:block;margin:0 auto;border-radius:10px}.member-gif-preview img{width:100%;max-height:min(280px,50vh);object-fit:contain;object-position:center;background:rgba(14,32,56,0.04)}.member-gif-preview video{width:100%;max-height:min(280px,50vh);object-fit:contain;background:#0e2038}.member-gif-preview--sticker img{width:auto;max-width:min(280px,100%);max-height:min(280px,45vh);object-fit:contain;background:transparent}.member-media-upload-preview{display:none;margin:0.5rem 0 0.65rem}.member-media-upload-preview.is-visible{display:block}.member-media-upload-preview img,.member-media-upload-preview video{width:100%;max-height:260px;object-fit:contain;border-radius:12px;border:1px solid rgba(20,89,130,0.18);background:rgba(15,23,42,0.04)}.member-public-posts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.5rem}.member-public-post-card{border:1px solid rgba(20,89,130,0.16);border-radius:10px;padding:0.55rem 0.65rem;background:rgba(248,251,255,0.9)}.member-public-post-card a{font-weight:600}.member-articles-list{display:flex;flex-direction:column;gap:0.75rem}.member-articles-shared-block{margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(20,89,130,0.14)}.member-article-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,148px);gap:0.85rem 1rem;align-items:stretch;padding:0.85rem 0.95rem;border-radius:14px;border:1px solid var(--border-color,rgba(20,89,130,0.14));background:var(--surface-card,linear-gradient(180deg,rgba(255,255,255,0.98),rgba(248,251,255,0.96)));box-shadow:0 6px 18px rgba(8,20,35,0.06);color:var(--text-dark,inherit)}.member-article-teaser-main{min-width:0;display:flex;flex-direction:column;gap:0.35rem;align-items:flex-start}.member-article-teaser-title{margin:0;font-size:1.02rem;line-height:1.3}.member-article-teaser-title a{color:var(--text-dark,var(--bg-dark));text-decoration:none;font-weight:700}.member-article-teaser-title a:hover{color:var(--text-accent,var(--link-color));text-decoration:underline}.member-article-teaser-date{font-size:0.78rem;font-weight:600;color:rgba(20,89,130,0.75)}.member-article-teaser-excerpt{margin:0;font-size:0.88rem;line-height:1.45;color:var(--muted-text,rgba(14,32,56,0.78))}.member-article-teaser-more{display:inline-flex;align-items:center;justify-content:center;margin-top:0.15rem;padding:0.38rem 0.95rem;border-radius:999px;font-size:0.82rem;font-weight:700;text-decoration:none;color:#fff;background:var(--bg-blue);border:1px solid rgba(20,89,130,0.25);transition:background 0.15s ease,transform 0.12s ease}.member-article-teaser-more:hover{filter:brightness(1.06);transform:translateY(-1px)}.member-article-teaser-media{display:flex;align-items:stretch;justify-content:center}.member-article-teaser-thumb-link{display:block;width:100%;border-radius:12px;overflow:hidden;border:1px solid rgba(20,89,130,0.12);background:rgba(15,23,42,0.06);line-height:0}.member-article-teaser-img{width:100%;height:100%;min-height:88px;max-height:120px;object-fit:cover;object-position:center}.member-article-teaser-placeholder{display:flex;align-items:center;justify-content:center;width:100%;min-height:88px;max-height:120px;border-radius:12px;border:1px dashed var(--border-color,rgba(20,89,130,0.22));background:color-mix(in srgb,var(--surface-panel,#f6f9ff) 90%,var(--bg-blue,#1e73be) 10%);color:var(--muted-text,rgba(20,89,130,0.45));font-size:1.75rem}.member-articles-list--in-profile .member-article-teaser{grid-template-columns:minmax(0,1fr) minmax(132px,220px);gap:0.85rem 1rem;align-items:stretch;min-width:0}.member-articles-list--in-profile .member-article-teaser-main{min-width:0}.member-articles-list--in-profile .member-article-teaser-media{width:100%;min-width:0;min-height:0;height:100%;align-self:stretch;display:flex;flex-direction:column}.member-articles-list--in-profile .member-article-teaser-thumb-link{position:relative;flex:1 1 auto;align-self:stretch;width:100%;min-height:6.5rem;overflow:hidden}.member-articles-list--in-profile .member-article-teaser-img{position:absolute;left:0;top:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;display:block}.member-articles-list--in-profile .member-article-teaser-placeholder{flex:1 1 auto;align-self:stretch;width:100%;min-height:6.5rem;max-height:none}.member-public-tabs{display:flex;gap:0.35rem;margin-top:0.45rem;margin-bottom:0.55rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:0.38rem;border-radius:12px;background:rgba(20,89,130,0.06);border:1px solid rgba(20,89,130,0.12);box-shadow:inset -22px 0 20px -18px rgba(20,89,130,0.12)}.member-public-tabs::-webkit-scrollbar{height:5px}.member-public-tabs::-webkit-scrollbar-thumb{background:rgba(20,89,130,0.28);border-radius:999px}.member-public-tab{align-items:center;gap:0.42rem;min-height:38px;border-radius:9px;border:1px solid transparent;text-decoration:none;box-sizing:border-box;background:transparent;padding:0.4rem 0.88rem;font-weight:600;font-size:0.88rem;color:rgba(14,32,56,0.72);cursor:pointer;font-family:inherit;line-height:1.2;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.member-public-tabs:not(.member-public-tabs--vertical) > .member-public-tab,.member-public-tabs.member-public-tabs--vertical:not(.member-public-tabs--rail) > .member-public-tab{display:inline-flex;justify-content:center;flex:0 0 auto;white-space:nowrap}.member-public-tab > i{font-size:0.92rem;opacity:0.92;flex-shrink:0}.member-public-tab:hover{background:rgba(255,255,255,0.88);color:var(--text-accent,var(--link-color))}.member-public-tab.is-active{background:#fff;border-color:rgba(30,115,190,0.38);color:var(--text-accent,var(--link-color));box-shadow:0 2px 10px rgba(20,89,130,0.14);font-weight:700}.member-public-tab:focus-visible{outline:2px solid rgba(30,115,190,0.45);outline-offset:2px}.member-public-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 0.35rem;border-radius:999px;background:rgba(20,89,130,0.12);color:var(--text-accent,var(--link-color));font-size:0.72rem;font-weight:700;line-height:1}.member-public-tab.is-active .member-public-tab-count{background:rgba(20,89,130,0.16)}.member-public-tabs-mobile-option .member-public-tab-count{margin-left:auto}@media (min-width:961px){.member-public-profile-menu .member-public-tabs.member-public-tabs--rail.member-public-tabs--vertical{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:hidden;margin-top:0;margin-bottom:0;flex-wrap:nowrap}.member-public-profile-menu .member-public-tabs--rail.member-public-tabs--vertical > .member-public-tab{display:flex !important;flex:0 0 auto;align-self:stretch;width:100% !important;max-width:100%;min-width:0;box-sizing:border-box;justify-content:flex-start;align-items:center;gap:0.42rem;padding:0.48rem 0.62rem;white-space:normal;overflow:hidden}.member-public-profile-menu .member-public-tabs--rail.member-public-tabs--vertical > .member-public-tab > .member-public-tab-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-public-profile-menu .member-public-tabs--rail.member-public-tabs--vertical > .member-public-tab > .member-public-tab-count{flex:0 0 auto;margin-left:auto}.member-public-profile-menu .member-public-tabs--rail.member-public-tabs--vertical > .member-public-tab > i{flex:0 0 auto}}.member-collection-panel-head{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;margin:0 0 1rem}.member-collection-panel-heading{display:flex;align-items:baseline;gap:0.75rem;flex-wrap:wrap;min-width:0}.member-collection-panel-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-accent,var(--link-color))}.member-collection-panel-count{margin:0;font-size:0.92rem;font-weight:600;color:var(--muted-text,#56463f)}.member-collection-add-open{display:inline-flex;align-items:center;gap:0.4rem;min-height:38px;padding:0.4rem 0.85rem;border-radius:999px;font-size:0.86rem;font-weight:700}.member-collection-add-open i{font-size:0.78rem}.member-collection-empty{margin:0 0 0.75rem;color:var(--muted-text,#56463f)}.member-sidebar-collection-count{display:inline-flex;align-items:center;margin-left:0.45rem;padding:0.12rem 0.45rem;border-radius:999px;background:rgba(20,89,130,0.12);color:var(--text-accent,var(--link-color));font-size:0.78rem;font-weight:700;vertical-align:middle}.member-profile-reviews-head{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;flex-wrap:wrap;margin:0 0 1rem}.member-profile-reviews-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-accent,var(--link-color))}.member-profile-reviews-count,.member-profile-reviews-empty{margin:0;font-size:0.92rem;color:var(--muted-text,#56463f)}.member-profile-reviews-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.65rem}.member-profile-review-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:0.85rem 1rem;padding:0.65rem 0.75rem;border-radius:12px;border:1px solid rgba(14,32,56,0.1);background:#fff;text-decoration:none;color:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease}.member-profile-review-row:hover{border-color:rgba(20,89,130,0.35);box-shadow:0 6px 18px rgba(14,32,56,0.08)}.member-profile-review-cover{display:block;width:72px;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:rgba(14,32,56,0.06);flex-shrink:0}.member-profile-review-cover img{display:block;width:100%;height:100%;object-fit:cover}.member-profile-review-cover-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted-text,#56463f);font-size:1.35rem}.member-profile-review-meta{display:flex;flex-direction:column;gap:0.2rem;min-width:0}.member-profile-review-game{font-size:1rem;font-weight:700;color:var(--text-accent,var(--link-color));line-height:1.25}.member-profile-review-date{font-size:0.82rem;color:var(--muted-text,#56463f)}.member-profile-review-score{display:inline-flex;align-items:baseline;justify-content:center;gap:0.1rem;min-width:4.25rem;padding:0.45rem 0.65rem;border-radius:10px;font-weight:800;line-height:1;flex-shrink:0}.member-profile-review-score-value{font-size:1.35rem}.member-profile-review-score-suffix{font-size:0.78rem;font-weight:700;opacity:0.85}.member-profile-review-score--high{background:rgba(34,197,94,0.14);color:#15803d}.member-profile-review-score--mid{background:rgba(245,158,11,0.16);color:#b45309}.member-profile-review-score--low{background:rgba(239,68,68,0.12);color:#b91c1c}@media (max-width:520px){.member-profile-review-row{grid-template-columns:56px minmax(0,1fr) auto;gap:0.65rem 0.75rem}.member-profile-review-cover{width:56px}.member-profile-review-score-value{font-size:1.15rem}}.member-public-tab-panel{display:none}.member-public-tab-panel.is-active{display:block}@media (min-width:1100px){.member-public-tabs:not(.member-public-tabs--vertical){flex-wrap:wrap;overflow-x:visible;box-shadow:none}}.member-friends-layout{display:grid;gap:1.35rem}.member-friends-summary{display:flex;flex-wrap:wrap;gap:0.55rem}.member-friends-summary-item{display:inline-flex;align-items:baseline;gap:0.35rem;padding:0.45rem 0.75rem;border-radius:999px;border:1px solid rgba(20,89,130,0.14);background:rgba(246,250,255,0.95);font-size:0.82rem;color:rgba(14,32,56,0.72)}.member-friends-summary-item strong{font-size:0.95rem;font-weight:800;color:rgba(14,32,56,0.92)}.member-friends-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.member-friends-panel{min-width:0;padding:0.85rem 0.9rem 0.95rem;border-radius:14px;border:1px solid rgba(20,89,130,0.14);background:rgba(255,255,255,0.96)}.member-friends-section--primary{padding-bottom:0.15rem}.member-friends-section-title{margin:0 0 0.75rem;font-size:1rem;font-weight:800;color:rgba(14,32,56,0.9)}.member-friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:0.65rem}.member-friends-grid--friends{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.member-friends-grid--large{grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.member-friends-list{list-style:none;margin:0;padding:0;display:grid;gap:0.35rem;max-height:min(420px,52vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.member-friends-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0.65rem;padding:0.55rem 0.5rem;border-radius:10px;text-decoration:none;color:inherit;transition:background 0.15s ease}.member-friends-row:hover,.member-friends-row:focus-visible{background:rgba(20,89,130,0.06);outline:none}.member-friends-row-avatar img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover}.member-friends-row-body{min-width:0;display:grid;gap:0.12rem}.member-friends-row-name{font-size:0.88rem;font-weight:700;line-height:1.25;color:rgba(14,32,56,0.92);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-friends-row-meta{font-size:0.76rem;color:var(--muted-text,#56463f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-friends-row-meta i{margin-right:0.15rem}.member-friends-row-chevron{font-size:0.72rem;color:var(--muted-text,#56463f)}.member-friends-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.35rem;padding:0.65rem 0.45rem;border-radius:12px;border:1px solid rgba(20,89,130,0.14);background:rgba(255,255,255,0.96);text-decoration:none;color:inherit;transition:border-color 0.15s ease,box-shadow 0.15s ease}.member-friends-card:hover{border-color:color-mix(in srgb,var(--bg-blue) 35%,transparent);box-shadow:0 6px 16px rgba(15,23,42,0.08)}.member-friends-card-avatar img{width:72px;height:72px;border-radius:50%;object-fit:cover}.member-friends-grid--friends .member-friends-card-avatar img{width:80px;height:80px}.member-friends-card-name{font-weight:700;font-size:0.86rem;line-height:1.25;color:rgba(14,32,56,0.92);word-break:break-word}.member-friends-card-meta{font-size:0.74rem;color:var(--muted-text,#56463f);line-height:1.3}.member-friends-card-meta i{margin-right:0.15rem;opacity:0.85}.member-friends-empty{margin:0;font-size:0.9rem;color:var(--muted-text,#56463f)}.member-friends-birthday-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.55rem}.member-friends-birthday-item{margin:0}.member-friends-birthday-link{display:flex;align-items:center;gap:0.65rem;padding:0.55rem 0.65rem;border-radius:12px;border:1px solid rgba(20,89,130,0.12);background:rgba(248,251,255,0.9);text-decoration:none;color:inherit;transition:background 0.15s ease,border-color 0.15s ease}.member-friends-birthday-link:hover{border-color:rgba(30,115,190,0.3);background:#fff}.member-friends-birthday-link img{width:48px;height:48px;border-radius:50%}.member-friends-birthday-text{display:flex;flex-direction:column;align-items:flex-start;gap:0.12rem;min-width:0}.member-friends-birthday-text strong{font-size:0.92rem}.member-friends-birthday-date{font-size:0.82rem;color:var(--muted-text,#56463f)}.member-friends-birthday-age{margin-left:0.35rem;font-weight:700;color:var(--text-accent,var(--link-color))}.member-friends-birthday-age::before{content:'·';margin-right:0.35rem;font-weight:400;color:var(--muted-text,#56463f)}.member-friends-birthday-when{font-size:0.8rem;font-weight:600;color:var(--text-accent,var(--link-color))}.member-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.85rem}.member-collection-card{border:1px solid rgba(20,89,130,0.16);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(8,20,35,0.08);transition:transform 0.2s ease,box-shadow 0.2s ease}.member-collection-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(8,20,35,0.12)}.member-collection-card a{display:block;color:inherit;text-decoration:none}.member-collection-thumb{display:block;aspect-ratio:3 / 4;background:linear-gradient(180deg,#0f172a,#1e293b);padding:0}.member-collection-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:0}.member-collection-card h3{margin:0;padding:0.68rem 0.68rem 0.35rem;font-size:0.92rem;line-height:1.32}.member-collection-platform-tags{display:flex;flex-wrap:wrap;align-items:center;gap:0.38rem 0.45rem;padding:0 0.68rem 0.72rem}.member-collection-platform-tags--single{padding-top:0.15rem}.member-collection-platform-tag{display:inline-flex;align-items:center;gap:0.32rem;max-width:100%;padding:0.24rem 0.55rem 0.24rem 0.42rem;border-radius:999px;border:1px solid rgba(30,115,190,0.2);background:rgba(30,115,190,0.09);color:var(--text-accent,var(--link-color));font-size:0.72rem;font-weight:700;line-height:1.15;vertical-align:middle}.member-collection-platform-tag--accent{background:linear-gradient(135deg,rgba(251,146,60,0.18),rgba(239,68,68,0.1));border-color:rgba(234,88,12,0.28);color:#9a3412}.member-collection-platform-tag-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.15em;height:1.15em;line-height:1}.member-collection-platform-tag-icon i{display:block;font-size:0.82rem;line-height:1}.member-collection-platform-tag-label{min-width:0;line-height:1.2}.member-collection-platform-fallback{margin:0;padding:0 0.68rem 0.72rem;font-size:0.74rem;font-style:italic;color:var(--muted-text,#56463f)}.member-collection-add-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex:0 0 auto;padding:1rem 1.1rem 0.85rem;border-bottom:1px solid rgba(20,89,130,0.12);box-sizing:border-box}.member-collection-add-modal-head h2{margin:0;font-size:1.15rem;font-weight:800;line-height:1.25}.member-collection-add-modal-lead{margin:0.28rem 0 0;font-size:0.84rem;color:var(--muted-text,#56463f)}.member-collection-add-modal-close{appearance:none;border:none;background:rgba(15,23,42,0.06);color:rgba(14,32,56,0.75);width:2.1rem;height:2.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;font-size:1rem}.member-collection-add-modal-close:hover{background:rgba(15,23,42,0.1)}.member-collection-add-modal-body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box}.member-collection-add-modal-label{display:block;margin:0 0 0.4rem;font-size:0.86rem;font-weight:700;color:rgba(14,32,56,0.82)}.member-collection-add-search-wrap{position:relative;display:block}.member-collection-add-search-wrap > i{position:absolute;left:0.85rem;top:50%;transform:translateY(-50%);color:var(--muted-text,#56463f);pointer-events:none;font-size:0.86rem}.member-collection-add-search{display:block;width:100%;box-sizing:border-box;min-height:44px;padding:0.65rem 0.85rem 0.65rem 2.35rem;border:1px solid rgba(20,89,130,0.2);border-radius:10px;background:#fff;color:#111827;font-size:0.95rem}.member-collection-add-search:focus{outline:2px solid color-mix(in srgb,var(--bg-blue,#145982) 35%,transparent);border-color:var(--bg-blue,#145982)}.member-collection-add-hint{margin:0.55rem 0 0;font-size:0.84rem;color:var(--muted-text,#56463f)}.member-collection-add-results{list-style:none;margin:0.75rem 0 0;padding:0;display:grid;gap:0.4rem}.member-collection-add-result{display:flex;align-items:center;gap:0.7rem;width:100%;margin:0;padding:0.45rem 0.55rem;border:1px solid rgba(20,89,130,0.14);border-radius:12px;background:#fff;cursor:pointer;text-align:left;box-sizing:border-box}.member-collection-add-result:hover,.member-collection-add-result:focus-visible{border-color:rgba(20,89,130,0.35);background:rgba(20,89,130,0.06);outline:none}.member-collection-add-result.is-selected{border-color:var(--bg-blue,#145982);background:rgba(20,89,130,0.1);box-shadow:0 0 0 1px var(--bg-blue,#145982)}.member-collection-add-result-cover{width:44px;height:58px;flex:0 0 auto;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#0f172a,#1e293b);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.72)}.member-collection-add-result-cover img{width:100%;height:100%;object-fit:cover;display:block}.member-collection-add-result-meta{min-width:0;display:grid;gap:0.15rem}.member-collection-add-result-meta strong{font-size:0.92rem;line-height:1.3}.member-collection-add-result-meta em{font-style:normal;font-size:0.75rem;font-weight:700;color:var(--text-accent,var(--link-color))}.member-collection-add-result.is-unavailable .member-collection-add-result-meta em{color:#9a3412}.member-collection-add-modal-foot{flex:0 0 auto;padding:0.85rem 1.1rem 1rem;border-top:1px solid rgba(20,89,130,0.12);display:grid;gap:0.75rem}.member-collection-add-selected{display:flex;align-items:center;gap:0.7rem;min-width:0}.member-collection-add-selected-cover{width:40px;height:52px;flex:0 0 auto;border-radius:7px;overflow:hidden;background:linear-gradient(180deg,#0f172a,#1e293b);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.72)}.member-collection-add-selected-cover img{width:100%;height:100%;object-fit:cover;display:block}.member-collection-add-selected-meta{min-width:0}.member-collection-add-selected-meta strong{display:block;font-size:0.95rem}.member-collection-add-selected-status{margin:0.15rem 0 0;font-size:0.78rem;font-weight:700;color:var(--text-accent,var(--link-color))}.member-collection-add-platforms{margin:0;padding:0;border:0;min-width:0}.member-collection-add-platforms legend{padding:0;margin:0 0 0.45rem;font-size:0.82rem;font-weight:700}.member-collection-add-platform-grid{display:flex;flex-wrap:wrap;gap:0.45rem}.member-collection-add-platform{display:inline-flex;align-items:center;gap:0.38rem;margin:0;padding:0.38rem 0.7rem 0.38rem 0.5rem;border-radius:999px;border:1px solid rgba(20,89,130,0.18);background:rgba(20,89,130,0.05);cursor:pointer;font-size:0.8rem;font-weight:700}.member-collection-add-platform input{position:absolute;opacity:0;pointer-events:none}.member-collection-add-platform.is-selected,.member-collection-add-platform:has(input:checked){border-color:var(--bg-blue,#145982);background:rgba(20,89,130,0.14);color:var(--text-accent,var(--link-color))}.member-collection-add-platform-icon{display:inline-flex;width:1.1em;height:1.1em;align-items:center;justify-content:center}.member-collection-add-no-platforms{margin:0;font-size:0.84rem;color:var(--muted-text,#56463f)}.member-collection-add-feedback{margin:0;font-size:0.84rem;font-weight:600}.member-collection-add-feedback.is-success{color:#166534}.member-collection-add-feedback.is-error{color:#991b1b}.member-collection-add-actions{display:flex;justify-content:flex-end;gap:0.5rem;flex-wrap:wrap}.member-collection-add-submit{display:inline-flex;align-items:center;gap:0.4rem}body.theme-dark .member-collection-add-modal-head,body.theme-dark .member-collection-add-modal-foot{border-color:rgba(148,163,184,0.18)}body.theme-dark .member-collection-add-modal-lead,body.theme-dark .member-collection-add-hint,body.theme-dark .member-collection-add-no-platforms{color:rgba(226,232,240,0.55)}body.theme-dark .member-collection-add-modal-label,body.theme-dark .member-collection-add-platforms legend{color:rgba(226,232,240,0.88)}body.theme-dark .member-collection-add-modal-close{background:rgba(148,163,184,0.14);color:rgba(226,232,240,0.9)}body.theme-dark .member-collection-add-search,body.theme-dark .member-collection-add-result{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.28);color:rgba(226,232,240,0.95)}body.theme-dark .member-collection-add-result:hover,body.theme-dark .member-collection-add-result:focus-visible,body.theme-dark .member-collection-add-result.is-selected{background:rgba(148,163,184,0.12)}body.theme-dark .member-collection-add-platform{background:rgba(148,163,184,0.08);border-color:rgba(148,163,184,0.22);color:rgba(226,232,240,0.9)}body.theme-dark .member-collection-add-feedback.is-success{color:#86efac}body.theme-dark .member-collection-add-feedback.is-error{color:#fca5a5}@media (max-width:680px){.member-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7rem}}.member-public-feed-area{display:flex;flex-direction:column;gap:0.75rem;width:100%;min-width:0;overflow:visible}.member-feed-list{display:grid;gap:0.75rem;width:100%;min-width:0;overflow:visible}.member-public-feed-area .member-feed-load-more-wrap{display:flex;flex-direction:column;align-items:center;gap:0.45rem;width:100%;margin:0.35rem 0 0;padding:0}.member-public-feed-area .member-feed-load-more{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0.85rem 1rem;border:1px solid rgba(20,89,130,0.16);border-radius:12px;background:#fff;color:var(--text-accent,var(--link-color));font-size:0.95rem;font-weight:700;line-height:1.3;text-align:center;cursor:pointer;box-shadow:0 4px 14px rgba(8,20,35,0.05);transition:background 0.15s ease,border-color 0.15s ease,color 0.15s ease,box-shadow 0.15s ease}.member-public-feed-area .member-feed-load-more:hover,.member-public-feed-area .member-feed-load-more:focus-visible{border-color:color-mix(in srgb,var(--bg-blue) 35%,transparent);background:rgba(30,115,190,0.1);color:var(--text-accent,var(--link-color));box-shadow:0 6px 18px color-mix(in srgb,var(--bg-blue) 12%,transparent)}.member-public-feed-area .member-feed-load-more.is-loading{opacity:0.72;pointer-events:none}.member-public-feed-area .member-feed-load-more-status{margin:0;width:100%;font-size:0.82rem;color:rgba(20,89,130,0.72);text-align:center}.member-feed-card{border:1px solid rgba(20,89,130,0.16);border-radius:12px;padding:0.75rem;background:#fff;min-width:0;max-width:100%;overflow:visible;box-sizing:border-box}.member-feed-meta{display:flex;justify-content:space-between;gap:0.6rem;margin-bottom:0.45rem;align-items:center}.member-composer-life-event--fb{margin:0}.member-composer-toolbar-cluster{display:flex;flex-direction:column;align-items:stretch;gap:0.45rem;margin-bottom:0.45rem;min-width:0;max-width:100%}.member-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:0.65rem;width:100%;min-width:0}.member-composer-footer .member-composer-tools-scroll{flex:1 1 auto;min-width:0;width:auto;max-width:none}.member-composer-footer .member-composer-tools{flex-wrap:nowrap;gap:0.38rem;margin-bottom:0}.member-composer-footer .member-composer-icon,.member-post-edit-toolbar-cluster .member-composer-icon{width:38px;height:38px;min-height:38px;min-width:38px;padding:0;gap:0;border-radius:50%;flex-shrink:0}.member-composer-footer .member-composer-icon i,.member-post-edit-toolbar-cluster .member-composer-icon i{font-size:1.05rem;line-height:1}.member-composer-footer .member-ma-tool-btn .member-ma-tool-btn-emoji{font-size:1.2rem;min-width:0}.member-composer-footer .member-ma-place-btn,.member-post-edit-toolbar-cluster .member-ma-place-btn{max-width:none;width:38px;min-width:38px;background:rgba(16,185,129,0.1)}.member-composer-footer .member-ma-place-btn-icon,.member-post-edit-toolbar-cluster .member-ma-place-btn-icon{width:auto;height:auto;background:transparent;color:inherit}.member-composer-footer .member-ma-place-btn-label,.member-post-edit-toolbar-cluster .member-ma-place-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.member-composer-icon--media{color:#2563eb;border-color:rgba(37,99,235,0.28);background:rgba(37,99,235,0.1)}.member-composer-icon--media:hover{color:#1d4ed8;border-color:rgba(37,99,235,0.42);background:rgba(37,99,235,0.16)}.member-composer-icon--gif{color:#9333ea;border-color:rgba(147,51,234,0.28);background:rgba(147,51,234,0.1)}.member-composer-icon--gif .member-composer-gif-mark{display:inline-flex;align-items:center;justify-content:center;min-width:1.72rem;height:1.08rem;padding:0 0.24rem;border-radius:5px;background:#9333ea;color:#fff;font-size:0.58rem;font-weight:800;font-style:normal;letter-spacing:0.04em;line-height:1;font-family:inherit}.member-composer-icon--gif:hover{color:#7e22ce;border-color:rgba(147,51,234,0.42);background:rgba(147,51,234,0.16)}.member-composer-icon--gif:hover .member-composer-gif-mark{background:#7e22ce}.member-composer-icon--life-event{color:#ea580c;border-color:rgba(234,88,12,0.28);background:rgba(234,88,12,0.1)}.member-composer-icon--life-event:hover{color:#c2410c;border-color:rgba(234,88,12,0.42);background:rgba(234,88,12,0.16)}.member-composer-icon--mood{color:#d97706;border-color:rgba(217,119,6,0.28);background:rgba(217,119,6,0.1)}.member-composer-icon--mood:hover{color:#b45309;border-color:rgba(217,119,6,0.42);background:rgba(217,119,6,0.16)}.member-composer-icon--place{color:#059669;border-color:rgba(5,150,105,0.28);background:rgba(16,185,129,0.1)}.member-composer-icon--place:hover{color:#047857;border-color:rgba(5,150,105,0.42);background:rgba(16,185,129,0.16)}.member-composer-icon--poll{color:#4f46e5;border-color:rgba(79,70,229,0.28);background:rgba(79,70,229,0.1)}.member-composer-icon--poll:hover{color:#4338ca;border-color:rgba(79,70,229,0.42);background:rgba(79,70,229,0.16)}.member-composer-footer .member-composer-icon.is-active,.member-post-edit-toolbar-cluster .member-composer-icon.is-active{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 35%,transparent);filter:none}.member-composer-submit{flex:0 0 auto;min-height:38px;padding:0 1.15rem;border:0;border-radius:10px;font-weight:700;font-size:0.88rem;line-height:1.2;cursor:pointer;appearance:none;-webkit-appearance:none;white-space:nowrap;background:var(--reviews-score-bg,var(--button-bg,var(--bg-blue)));color:var(--reviews-score-text,var(--button-text,#fff))}.member-composer-submit:hover{background:color-mix(in srgb,var(--reviews-score-bg,var(--button-bg,var(--bg-blue))) 88%,#000);color:var(--reviews-score-text,var(--button-text,#fff))}.member-feed-composer .member-composer-footer .member-composer-submit{width:auto;max-width:none}.member-composer-toolbar-cluster .member-composer-tools{margin-bottom:0}.member-composer-toolbar-cluster .member-composer-tools-scroll .member-composer-tools{margin-bottom:0}.member-life-event-tool-slot{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:0.28rem;flex-shrink:0}.member-life-event-tool-slot .member-composer-icon,.member-life-event-tool-slot .member-life-event-clear--toolbar{flex-shrink:0}.member-life-event-tool-btn.is-active{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 35%,transparent)}.member-ma-tool-btn.is-active{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 35%,transparent)}.member-life-event-clear--toolbar{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%}.member-ma-tool-slot{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:0.28rem;flex-shrink:0;width:auto;max-width:none}.member-ma-tool-slot .member-composer-icon,.member-ma-tool-slot .member-ma-clear--toolbar{flex-shrink:0}.member-ma-tool-btn.member-ma-place-btn{border-color:rgba(5,150,105,0.28);background:rgba(16,185,129,0.1);color:#059669;max-width:none}.member-ma-place-btn:hover{border-color:rgba(5,150,105,0.42);background:rgba(16,185,129,0.16);color:#047857}.member-ma-place-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.45rem;height:1.45rem;border-radius:50%;background:rgba(14,124,108,0.14);color:rgba(10,108,92,0.95)}.member-ma-place-btn-icon .member-ma-place-toolbar-emoji{font-size:0.92rem;line-height:1}.member-ma-place-btn-icon .member-ma-place-toolbar-icon-fa{font-size:0.78rem}.member-ma-place-btn-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-ma-place-btn.is-active{border-color:rgba(5,150,105,0.52);background:rgba(16,185,129,0.2);color:#047857;box-shadow:0 0 0 2px rgba(16,185,129,0.22)}.member-ma-place-btn.is-active .member-ma-place-btn-icon{background:transparent;color:inherit}.member-ma-tool-btn .member-ma-tool-btn-emoji{font-size:1.15rem;line-height:1;min-width:1.15rem}.member-ma-clear--toolbar{width:28px;height:28px;min-height:28px;padding:0;border-radius:50%}.member-ma-top-spacer{width:40px;flex-shrink:0}.member-ma-tabs{display:flex;gap:0.35rem;margin:0 0 0.65rem;padding:0 0.15rem}.member-ma-tabs--3{flex-wrap:wrap}.member-ma-tabs--3 .member-ma-tab{flex:1 1 30%;min-width:0;font-size:0.82rem;padding:0.32rem 0.35rem}.member-ma-tab{flex:1;min-height:38px;padding:0.35rem 0.5rem;border-radius:999px;border:1px solid rgba(20,89,130,0.22);background:rgba(246,249,255,0.85);color:var(--bg-dark);font-weight:700;font-size:0.88rem;cursor:pointer}.member-ma-tab.is-active{border-color:rgba(20,89,130,0.45);background:rgba(20,89,130,0.12);color:var(--text-accent,var(--link-color))}.member-ma-tab-panel{margin-bottom:0.5rem}.member-ma-lead{margin:0 0 0.55rem;font-size:0.88rem;color:rgba(14,32,56,0.72)}.member-ma-note-label{display:block;margin:0.65rem 0 0.35rem;font-size:0.82rem;font-weight:600;color:rgba(14,32,56,0.78)}.member-ma-note-field{width:100%;box-sizing:border-box;margin:0 0 0.35rem;padding:0.5rem 0.65rem;min-height:2.75rem;border-radius:10px;border:1px solid rgba(20,89,130,0.22);background:rgba(255,255,255,0.92);color:#1a2b3d;font-size:0.9rem;line-height:1.35;resize:vertical}.member-ma-note-field:focus{outline:none;border-color:rgba(20,89,130,0.45);box-shadow:0 0 0 2px rgba(20,89,130,0.12)}.member-ma-notes-shared{margin-top:0.65rem;padding-top:0.65rem;border-top:1px solid rgba(20,89,130,0.14)}.member-ma-place-locate{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;width:100%;margin:0 0 0.65rem;min-height:44px;border-radius:12px;border:1px solid rgba(14,124,108,0.32);background:linear-gradient(165deg,rgba(14,124,108,0.14) 0%,rgba(236,253,248,0.95) 100%);color:rgba(8,64,54,0.95);font-weight:700;font-size:0.9rem;cursor:pointer;box-shadow:0 2px 8px rgba(14,124,108,0.1)}.member-ma-place-locate i{font-size:1rem;opacity:0.9}.member-ma-place-locate:hover{border-color:rgba(14,124,108,0.48);background:linear-gradient(165deg,rgba(14,124,108,0.2) 0%,rgba(220,252,241,0.98) 100%)}.member-ma-place-locate:disabled{opacity:0.65;cursor:wait}.member-ma-place-hint{min-height:1.2em;margin:0 0 0.5rem;font-size:0.82rem;color:var(--muted-text,#56463f)}.member-ma-place-search-label{display:block;margin:0 0 0.35rem;font-size:0.82rem;font-weight:600;color:rgba(14,32,56,0.78)}.member-ma-place-search{width:100%;box-sizing:border-box;margin-bottom:0.55rem;padding:0.45rem 0.55rem;border-radius:10px;border:1px solid rgba(20,89,130,0.22);font-size:0.9rem}.member-ma-place-results{list-style:none;margin:0;padding:0;max-height:min(220px,38vh);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--bg-blue,#1e73be) 28%,transparent) transparent}.member-ma-place-results li{margin:0;padding:0}.member-composer-toolbar-cluster .member-ma-place-preview--composer{flex:1 1 100%;width:100%;max-width:100%;margin-top:0;margin-bottom:0.35rem}.member-ma-place-preview{margin:0.75rem 0 0.35rem;padding:0.55rem 0.6rem 0.65rem;border-radius:12px;border:1px solid rgba(20,89,130,0.22);background:rgba(246,250,255,0.96)}.member-ma-place-preview[hidden]{display:none !important}.member-ma-place-preview-head{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.15rem}.member-ma-place-preview-clear{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;padding:0;border:0;border-radius:999px;background:rgba(15,23,42,0.08);color:var(--text-dark);cursor:pointer;flex-shrink:0}.member-ma-place-preview-clear:hover{background:rgba(220,38,38,0.12);color:#b91c1c}.member-ma-place-preview-kicker{margin:0 0 0.2rem;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--muted-text,#56463f)}.member-ma-place-preview-label{margin:0 0 0.45rem;font-size:0.92rem;font-weight:600;color:var(--bg-dark);line-height:1.35}.member-ma-place-preview-map{position:relative;width:100%;border-radius:10px;overflow:hidden;aspect-ratio:16 / 9;min-height:140px;background:rgba(20,89,130,0.08)}.member-ma-place-preview-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.member-ma-place-suggestion{width:100%;text-align:left;padding:0.5rem 0.55rem;margin-bottom:0.35rem;border-radius:10px;border:1px solid rgba(20,89,130,0.14);background:rgba(255,255,255,0.92);color:var(--bg-dark);font-size:0.84rem;line-height:1.35;cursor:pointer}.member-ma-place-suggestion:hover{border-color:rgba(20,89,130,0.35);background:rgba(20,89,130,0.06)}.member-ma-place-loading{padding:0.5rem;color:var(--muted-text,#56463f);font-size:0.85rem}.member-ma-choice .member-ma-choice-emoji{font-size:1.35rem;line-height:1}.member-post-edit-toolbar-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;margin:0.35rem 0 0.5rem}.member-post-edit-toolbar-cluster .member-ma-place-preview--composer{flex:1 1 100%;width:100%;max-width:100%;margin-top:0;margin-bottom:0}.member-life-event-dialog--fb{border:none;padding:0;max-width:min(420px,calc(100vw - 1.25rem));width:100%;border-radius:12px;background:transparent;box-shadow:none;z-index:100050;color-scheme:dark}.member-life-event-dialog--fb::backdrop{background:rgba(14,32,56,0.38)}.member-ma-dialog.member-life-event-dialog--fb:not(.member-place-dialog){max-width:min(540px,calc(100vw - 1rem));border-radius:18px}.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-grid,.member-life-event-dialog .member-life-event-fb-grid{gap:0.42rem}.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-choice,.member-life-event-dialog .member-life-event-fb-choice{min-height:4.85rem;padding:0.48rem 0.28rem}.member-feed-life-event{display:flex;flex-direction:column;gap:0.45rem;margin-bottom:0.55rem;padding:0.55rem 0.65rem;border-radius:10px;background:linear-gradient(110deg,rgba(20,89,130,0.09) 0%,rgba(246,250,255,0.95) 55%,rgba(255,255,255,0.98) 100%);border:1px solid rgba(20,89,130,0.14)}.member-feed-life-event-cover{margin:-0.55rem -0.65rem 0;border-radius:10px 10px 0 0;overflow:hidden;background:rgba(14,32,56,0.06)}.member-feed-life-event-cover-el{display:block;width:100%;max-height:280px;object-fit:cover}video.member-feed-life-event-cover-el{max-height:320px;background:#000}.member-feed-life-event-row{display:flex;align-items:flex-start;gap:0.55rem}.member-feed-life-event-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(20,89,130,0.12);color:var(--text-accent,var(--link-color));font-size:1rem}.member-feed-life-event-icon-slot{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;box-sizing:border-box;padding-bottom:6px}.member-feed-life-event-icon-slot > i{position:relative;top:-3px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;font-size:1rem;line-height:1;box-sizing:border-box}.member-feed-life-event-icon-slot > i::before{position:relative;top:-1px}.member-feed-life-event-text{display:flex;flex-direction:column;gap:0.15rem;min-width:0}.member-feed-life-event-label{font-weight:700;font-size:0.92rem;color:var(--bg-dark);line-height:1.25}.member-feed-life-event-detail{font-size:0.84rem;color:rgba(14,32,56,0.78);line-height:1.35}.member-feed-life-event-date{font-size:0.78rem;color:var(--muted-text,#56463f)}.member-feed-life-event--celebration .member-feed-life-event-icon{background:rgba(236,72,153,0.18);color:#be185d}.member-feed-life-event--gaming .member-feed-life-event-icon{background:rgba(59,130,246,0.18);color:var(--text-accent,var(--link-color))}.member-feed-life-event--travel .member-feed-life-event-icon{background:rgba(34,197,94,0.18);color:#15803d}.member-feed-mood-activity{margin-bottom:0.55rem;padding:0.45rem 0.6rem;border-radius:10px;background:linear-gradient(120deg,rgba(99,102,241,0.08) 0%,rgba(246,250,255,0.96) 100%);border:1px solid rgba(99,102,241,0.15)}.member-feed-mood-activity-line{display:flex;align-items:center;gap:0.4rem;margin:0;font-size:0.88rem;font-weight:600;color:var(--bg-dark);line-height:1.35}.member-feed-mood-activity-line + .member-feed-mood-activity-line{margin-top:0.35rem}.member-feed-mood-activity-note{margin:0 0 0.35rem;padding:0.35rem 0.45rem;border-radius:8px;background:rgba(255,255,255,0.55);border:1px solid rgba(99,102,241,0.12);font-size:0.86rem;font-weight:500;line-height:1.4;color:rgba(14,32,56,0.88)}.member-feed-mood-activity-emoji{font-size:1.15rem;line-height:1}.member-feed-mood-activity-place-link{color:inherit;text-decoration:underline;text-underline-offset:2px}.member-feed-mood-activity-place-link:hover{color:var(--text-accent,var(--link-color))}.member-feed-place-card{margin:0.65rem 0 0.75rem;border-radius:12px;overflow:hidden;border:1px solid rgba(20,89,130,0.2);background:rgba(255,255,255,0.96);box-shadow:0 2px 12px rgba(14,32,56,0.06)}.member-feed-place-card-head{display:flex;align-items:center;gap:0.45rem;padding:0.45rem 0.65rem;background:linear-gradient(120deg,rgba(20,89,130,0.08) 0%,rgba(246,250,255,0.98) 100%);border-bottom:1px solid rgba(20,89,130,0.12)}.member-feed-place-card-emoji{font-size:1.1rem;line-height:1}.member-feed-place-card-link{font-size:0.92rem;font-weight:700;color:var(--text-accent,var(--link-color));text-decoration:none}.member-feed-place-card-link:hover{text-decoration:underline;text-underline-offset:2px}.member-feed-place-card-map{position:relative;width:100%;aspect-ratio:16 / 9;min-height:180px;background:rgba(14,32,56,0.06)}.member-feed-place-card-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.member-ma-composer-preview{margin:0.65rem 0 0.35rem;padding:0.55rem 0.65rem 0.65rem;border-radius:12px;border:1px solid rgba(99,102,241,0.2);background:linear-gradient(120deg,rgba(99,102,241,0.08) 0%,rgba(246,250,255,0.96) 100%);width:100%;max-width:100%;box-sizing:border-box}.member-ma-composer-preview[hidden]{display:none !important}.member-composer-toolbar-cluster .member-ma-composer-preview,.member-post-edit-toolbar-cluster .member-ma-composer-preview{flex:1 1 100%;margin-top:0;margin-bottom:0.35rem}.member-ma-composer-preview-head{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.35rem}.member-ma-composer-preview-kicker{font-size:0.72rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--muted-text,#56463f)}.member-ma-composer-preview-clear{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;padding:0;border:0;border-radius:999px;background:rgba(15,23,42,0.08);color:var(--text-dark);cursor:pointer}.member-ma-composer-preview-clear:hover{background:rgba(220,38,38,0.12);color:#b91c1c}.member-ma-composer-preview-body{font-size:0.9rem;line-height:1.4;color:var(--bg-dark);min-width:0}body.theme-dark .member-feed-life-event{background:linear-gradient(110deg,rgba(30,115,190,0.18) 0%,rgba(11,29,53,0.72) 100%);border-color:rgba(120,175,235,0.24)}body.theme-dark .member-feed-life-event-cover{background:rgba(0,0,0,0.35)}body.theme-dark .member-feed-life-event-label{color:rgba(232,241,255,0.96)}body.theme-dark .member-feed-life-event-detail{color:rgba(232,241,255,0.78)}body.theme-dark .member-feed-life-event-date{color:rgba(232,241,255,0.58)}body.theme-dark .member-feed-mood-activity{background:linear-gradient(120deg,rgba(99,102,241,0.14) 0%,rgba(11,29,53,0.65) 100%);border-color:rgba(120,175,235,0.22)}body.theme-dark .member-feed-mood-activity-line{color:rgba(232,241,255,0.92)}body.theme-dark .member-feed-mood-activity-note{background:rgba(11,29,53,0.45);border-color:rgba(120,175,235,0.2);color:rgba(232,241,255,0.92)}body.theme-dark .member-feed-mood-activity-place-link:hover{color:#9ecfff}body.theme-dark .member-feed-place-card{border-color:rgba(120,175,235,0.28);background:rgba(11,29,53,0.55);box-shadow:0 2px 14px rgba(0,0,0,0.25)}body.theme-dark .member-feed-place-card-head{background:linear-gradient(120deg,rgba(30,115,190,0.2) 0%,rgba(11,29,53,0.75) 100%);border-bottom-color:rgba(120,175,235,0.22)}body.theme-dark .member-feed-place-card-link{color:#9ecfff}body.theme-dark .member-feed-place-card-map{background:rgba(0,0,0,0.25)}body.theme-dark .member-ma-composer-preview{background:linear-gradient(120deg,rgba(99,102,241,0.14) 0%,rgba(11,29,53,0.65) 100%);border-color:rgba(120,175,235,0.22)}body.theme-dark .member-ma-composer-preview-kicker{color:rgba(232,241,255,0.55)}body.theme-dark .member-ma-composer-preview-body{color:rgba(232,241,255,0.92)}body.theme-dark .member-ma-composer-preview-clear{background:rgba(255,255,255,0.1);color:rgba(232,241,255,0.9)}.member-comments-box{margin-top:0.85rem;padding-top:0.85rem;border-top:1px solid rgba(20,89,130,0.12);width:100%;max-width:100%;min-width:0;box-sizing:border-box}.member-comments-box[hidden]{display:none !important}.member-comments-empty{margin:0 0 0.75rem;font-size:0.9rem;color:var(--muted-text,#56463f)}.member-comments-list{list-style:none;margin:0 0 0.85rem;padding:0;display:flex;flex-direction:column;gap:0.75rem}.member-comments-list--nested{margin:0.55rem 0 0 0.35rem;padding-left:0.75rem;border-left:2px solid rgba(20,89,130,0.12);gap:0.55rem}.member-comment-item{margin:0;padding:0;min-width:0}.member-comment-row{display:flex;align-items:flex-start;gap:0.65rem;min-width:0}.member-comment-avatar{flex:0 0 auto;width:36px;height:36px;border-radius:999px;overflow:hidden}.member-comment-avatar .avatar,.member-comment-avatar img{display:block;width:36px;height:36px;border-radius:999px;object-fit:cover}.member-comment-main{flex:1 1 auto;min-width:0}.member-comment-head{margin:0 0 0.15rem}.member-comment-author{font-size:0.88rem;font-weight:700;color:var(--text-dark,#0e2038)}.member-comment-text{font-size:0.92rem;line-height:1.45;color:rgba(14,32,56,0.88);word-break:break-word}.member-comment-text p{margin:0 0 0.35rem}.member-comment-text p:last-child{margin-bottom:0}.member-comment-actions{margin-top:0.3rem;display:flex;align-items:center;gap:0.5rem}.member-comment-reply-action{appearance:none;border:none;background:transparent;padding:0;margin:0;font:inherit;font-size:0.8rem;font-weight:650;color:var(--text-accent,var(--link-color));cursor:pointer}.member-comment-reply-action:hover{text-decoration:underline}.member-comment-form.member-comment-compose{display:flex;align-items:flex-start;gap:0.65rem;width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box}.member-comment-compose-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:999px;overflow:hidden}.member-comment-compose-avatar .avatar,.member-comment-compose-avatar img{display:block;width:40px;height:40px;border-radius:999px;object-fit:cover}.member-comment-compose-field{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;gap:0.45rem}.member-comment-compose-field .member-comment-input,.member-comment-form .member-comment-input{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:42px;margin:0;padding:0.55rem 0.85rem;border:1px solid rgba(20,89,130,0.18);border-radius:999px;background:#fff;color:var(--text-dark,#0e2038);font:inherit;font-size:0.92rem;line-height:1.35}.member-comment-compose-field .member-comment-input:focus,.member-comment-form .member-comment-input:focus{outline:none;border-color:rgba(20,89,130,0.42);box-shadow:0 0 0 3px rgba(20,89,130,0.12)}.member-comment-compose-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.member-comment-compose-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0.45rem}.member-comment-reply-cancel{display:none;appearance:none;border:1px solid rgba(20,89,130,0.18);background:#fff;color:rgba(14,32,56,0.78);border-radius:999px;padding:0.4rem 0.9rem;font:inherit;font-size:0.86rem;font-weight:600;cursor:pointer}.member-comment-form.is-replying .member-comment-reply-cancel{display:inline-flex;align-items:center}.member-comment-reply-cancel:hover{background:#f6fbff}.member-comment-submit{appearance:none;border:none;background:var(--bg-blue,#145982);color:#fff;border-radius:999px;padding:0.45rem 1.05rem;font:inherit;font-size:0.86rem;font-weight:700;cursor:pointer;line-height:1.2}.member-comment-submit:hover{background:var(--button-hover-bg,var(--bg-accent,#0f4668))}.member-comment-submit:disabled,.member-comment-form.is-submitting .member-comment-submit{opacity:0.65;cursor:wait}.member-comment-gif-preview{display:none}.member-comment-gif-preview.is-visible{display:block;max-width:220px}.member-comment-gif-preview img,.member-comment-gif-preview video{display:block;width:100%;max-height:180px;border-radius:10px;object-fit:cover;background:#000}.member-comment-item.is-highlighted,.member-comments-box.is-highlighted{animation:play4geek-comment-highlight 2.2s ease}@keyframes play4geek-comment-highlight{0%,35%{background:rgba(20,89,130,0.08);border-radius:10px}100%{background:transparent}}body.theme-dark .member-comments-box{border-top-color:rgba(148,163,184,0.18)}body.theme-dark .member-comments-empty{color:rgba(226,232,240,0.55)}body.theme-dark .member-comments-list--nested{border-left-color:rgba(148,163,184,0.22)}body.theme-dark .member-comment-author,body.theme-dark .member-comment-text{color:rgba(226,232,240,0.92)}body.theme-dark .member-comment-compose-field .member-comment-input,body.theme-dark .member-comment-form .member-comment-input{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.28);color:rgba(226,232,240,0.95)}body.theme-dark .member-comment-reply-cancel{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.28);color:rgba(226,232,240,0.88)}body.theme-dark .member-comment-reply-cancel:hover{background:rgba(30,41,59,0.85)}.member-fb-media{width:100%;min-width:0;box-sizing:border-box}.member-fb-albums-overview{width:100%;min-width:0}.member-fb-albums-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:0.75rem;width:100%;margin:0;padding:0;list-style:none;box-sizing:border-box}.member-fb-album-tile{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:stretch;flex:0 0 calc(50% - 0.375rem);width:calc(50% - 0.375rem);max-width:calc(50% - 0.375rem);min-width:0;margin:0;padding:0;border:1px solid rgba(20,89,130,0.14);border-radius:12px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden;box-sizing:border-box;transition:border-color 0.12s ease,box-shadow 0.12s ease,transform 0.12s ease}.member-fb-album-tile:hover,.member-fb-album-tile:focus-visible{border-color:rgba(20,89,130,0.32);box-shadow:0 6px 18px rgba(15,23,42,0.08);transform:translateY(-1px);outline:none}.member-fb-album-tile--create{background:rgba(241,245,249,0.95)}.member-fb-album-cover{position:relative;display:grid;width:100%;aspect-ratio:1 / 1;min-height:0;overflow:hidden;background:rgba(15,23,42,0.06);gap:2px}.member-fb-album-cover--create{display:flex;align-items:center;justify-content:center}.member-fb-album-tile-create-inner{display:inline-flex;align-items:center;justify-content:center}.member-fb-album-tile-create-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:rgba(20,89,130,0.1);color:var(--text-accent,var(--link-color));font-size:1.15rem}.member-fb-album-cover--1{grid-template-columns:1fr;grid-template-rows:1fr}.member-fb-album-cover--2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.member-fb-album-cover--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.member-fb-album-cover--3 .member-fb-album-cover-cell:first-child{grid-row:1 / -1}.member-fb-album-cover--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.member-fb-album-cover-cell{display:block;min-width:0;min-height:0;overflow:hidden;background:rgba(15,23,42,0.08)}.member-fb-album-cover-cell img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.member-fb-album-cover-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:rgba(100,116,139,0.7);font-size:1.4rem}.member-fb-album-tile-meta{display:flex;flex-direction:column;gap:0.12rem;padding:0.5rem 0.65rem 0.65rem;min-width:0}.member-fb-album-tile-title,.member-fb-album-tile-create-label{display:block;font-size:0.88rem;font-weight:700;line-height:1.25;color:var(--text-dark,#0e2038);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-fb-album-tile-count{display:block;font-size:0.78rem;color:var(--muted-text,#56463f);line-height:1.3}.member-fb-album-tile-count--create{visibility:hidden}.member-fb-album-detail[hidden]{display:none !important}.member-fb-album-detail-head{display:flex;align-items:flex-start;gap:0.65rem;margin-bottom:0.75rem}.member-fb-album-back{appearance:none;border:1px solid rgba(20,89,130,0.18);background:#fff;color:var(--text-accent,var(--link-color));border-radius:999px;padding:0.35rem 0.75rem;font:inherit;font-size:0.82rem;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:0.35rem}.member-fb-album-detail-titles{flex:1 1 auto;min-width:0}.member-fb-album-detail-title{margin:0;font-size:1.05rem;font-weight:800}.member-fb-album-detail-sub{margin:0.15rem 0 0;font-size:0.82rem;color:var(--muted-text,#56463f)}.member-fb-album-detail-actions{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap}.member-fb-album-add-form{position:relative}.member-fb-album-add-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.4rem 0.75rem;border-radius:999px;background:var(--bg-blue,#145982);color:#fff;font-size:0.82rem;font-weight:650;cursor:pointer}.member-fb-album-add-input,.member-fb-album-add-submit{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.member-fb-album-delete-link{appearance:none;border:1px solid rgba(185,28,28,0.25);background:#fff;color:#b91c1c;border-radius:999px;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.member-fb-album-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.45rem}.member-fb-album-photo{appearance:none;border:none;padding:0;margin:0;position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:rgba(15,23,42,0.06);cursor:pointer}.member-fb-album-photo img{display:block;width:100%;height:100%;object-fit:cover}.member-fb-album-photo-play{position:absolute;inset:auto auto 0.4rem 0.4rem;width:1.6rem;height:1.6rem;border-radius:999px;background:rgba(15,23,42,0.72);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:0.7rem}.member-fb-album-detail-empty{margin:0.5rem 0 0;font-size:0.88rem;color:var(--muted-text,#56463f)}.member-fb-media--compact .member-fb-albums-grid{gap:0.5rem}.member-fb-media--compact .member-fb-album-tile{flex:0 0 calc(50% - 0.25rem);width:calc(50% - 0.25rem);max-width:calc(50% - 0.25rem)}body.theme-dark .member-fb-album-tile{background:var(--surface-card,#10233f);border-color:rgba(148,163,184,0.22);color:rgba(226,232,240,0.95)}body.theme-dark .member-fb-album-tile--create{background:rgba(15,23,42,0.55)}body.theme-dark .member-fb-album-tile-title,body.theme-dark .member-fb-album-tile-create-label{color:rgba(226,232,240,0.95)}body.theme-dark .member-fb-album-tile-count{color:rgba(226,232,240,0.55)}body.theme-dark .member-fb-album-cover{background:rgba(15,23,42,0.45)}.member-fb-album-modal-form{display:flex;flex-direction:column;min-height:0;max-height:inherit;width:100%;margin:0}.member-fb-album-modal-head,.member-fb-album-view-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex:0 0 auto;padding:1rem 1.1rem 0.85rem;border-bottom:1px solid rgba(20,89,130,0.12);box-sizing:border-box}.member-fb-album-modal-head h2,.member-fb-album-view-modal-title{margin:0;font-size:1.15rem;font-weight:800;line-height:1.25;color:inherit}.member-fb-album-view-modal-titles{min-width:0;flex:1 1 auto}.member-fb-album-view-modal-sub{margin:0.2rem 0 0;font-size:0.84rem;color:var(--muted-text,#56463f)}.member-fb-album-modal-close{appearance:none;border:none;background:rgba(15,23,42,0.06);color:rgba(14,32,56,0.75);width:2.1rem;height:2.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto;font-size:1rem}.member-fb-album-modal-close:hover{background:rgba(15,23,42,0.1)}.member-fb-album-modal-body,.member-fb-album-view-modal-body{flex:1 1 auto;min-height:0;overflow:auto;padding:1rem 1.1rem;box-sizing:border-box}.member-fb-album-modal-label{display:block;margin:0 0 0.4rem;font-size:0.86rem;font-weight:700;color:rgba(14,32,56,0.82)}.member-fb-album-modal-body > .member-fb-album-modal-label + .member-fb-album-modal-label,.member-fb-album-modal-body > p.member-fb-album-modal-label{margin-top:0.9rem}.member-fb-album-modal-input{display:block;width:100%;box-sizing:border-box;margin:0 0 0.35rem;padding:0.65rem 0.85rem;border:1px solid rgba(20,89,130,0.2);border-radius:10px;background:#fff;color:inherit;font:inherit;font-size:0.94rem}.member-fb-album-modal-input:focus{outline:none;border-color:rgba(20,89,130,0.45);box-shadow:0 0 0 3px rgba(20,89,130,0.12)}.member-fb-album-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.35rem;width:100%;box-sizing:border-box;min-height:148px;margin:0;padding:1.1rem 1rem;border:1.5px dashed rgba(20,89,130,0.28);border-radius:12px;background:rgba(241,245,249,0.9);color:rgba(14,32,56,0.72);cursor:pointer;text-align:center;transition:border-color 0.12s ease,background 0.12s ease}.member-fb-album-dropzone:hover,.member-fb-album-dropzone.is-dragover{border-color:rgba(20,89,130,0.5);background:rgba(226,239,250,0.95)}.member-fb-album-dropzone-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.member-fb-album-dropzone{position:relative}.member-fb-album-dropzone-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:rgba(20,89,130,0.1);color:var(--text-accent,var(--link-color));font-size:1.15rem}.member-fb-album-dropzone-text{font-size:0.9rem;font-weight:650}.member-fb-album-dropzone-hint{font-size:0.78rem;color:var(--muted-text,#56463f)}.member-fb-album-modal-preview{margin-top:0.75rem}.member-fb-album-modal-preview[hidden]{display:none !important}.member-fb-album-modal-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.4rem}.member-fb-album-modal-preview-item{aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(15,23,42,0.08)}.member-fb-album-modal-preview-item img,.member-fb-album-modal-preview-item video{display:block;width:100%;height:100%;object-fit:cover}.member-fb-album-upload-slot:empty{display:none}.member-fb-album-upload-progress{display:none;align-items:center;gap:0.75rem;width:100%;margin:0.85rem 0 0;padding:0.75rem 0.85rem;border-radius:12px;border:1px solid rgba(20,89,130,0.14);background:linear-gradient(180deg,rgba(255,255,255,0.92) 0%,rgba(241,245,249,0.96) 100%);box-shadow:0 8px 20px rgba(15,23,42,0.05);box-sizing:border-box}.member-fb-album-upload-progress.is-active{display:flex}.member-fb-album-upload-progress[hidden]{display:none !important}.member-fb-album-upload-progress-icon{flex:0 0 auto;width:2.35rem;height:2.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--button-bg,#fc5f20) 16%,#ffffff);color:var(--button-bg,#fc5f20);font-size:0.95rem}.member-fb-album-upload-progress-spinner{width:1.05rem;height:1.05rem;border:2px solid color-mix(in srgb,var(--button-bg,#fc5f20) 22%,transparent);border-top-color:var(--button-bg,#fc5f20);border-radius:50%;animation:member-fb-album-spin 0.7s linear infinite}.member-fb-album-upload-progress-fa{display:none}.member-fb-album-upload-progress.is-done .member-fb-album-upload-progress-spinner,.member-fb-album-upload-progress.is-error .member-fb-album-upload-progress-spinner{display:none}.member-fb-album-upload-progress.is-done .member-fb-album-upload-progress-fa--done,.member-fb-album-upload-progress.is-error .member-fb-album-upload-progress-fa--error{display:inline-block}.member-fb-album-upload-progress.is-done .member-fb-album-upload-progress-icon{background:color-mix(in srgb,#16a34a 16%,#ffffff);color:#16a34a}.member-fb-album-upload-progress.is-error .member-fb-album-upload-progress-icon{background:color-mix(in srgb,#dc2626 16%,#ffffff);color:#dc2626}.member-fb-album-upload-progress-main{flex:1 1 auto;min-width:0}.member-fb-album-upload-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:0.65rem;margin:0 0 0.42rem}.member-fb-album-upload-progress-text{margin:0;min-width:0;font-size:0.82rem;font-weight:650;line-height:1.3;color:rgba(14,32,56,0.88);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-fb-album-upload-progress-meta{flex:0 0 auto;font-size:0.75rem;font-weight:800;letter-spacing:0.01em;color:var(--button-bg,#fc5f20);font-variant-numeric:tabular-nums}.member-fb-album-upload-progress-meta[hidden]{display:none}.member-fb-album-upload-progress-track{position:relative;height:7px;border-radius:999px;overflow:hidden;background:rgba(15,23,42,0.08)}.member-fb-album-upload-progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--bg-blue,#c2410c),var(--button-bg,#fc5f20));box-shadow:0 0 0 1px color-mix(in srgb,var(--button-bg,#fc5f20) 18%,transparent);transition:width 0.18s ease}.member-fb-album-upload-progress.is-indeterminate .member-fb-album-upload-progress-fill{width:38% !important;animation:member-fb-album-indeterminate 1.15s ease-in-out infinite}.member-fb-album-upload-progress.is-done .member-fb-album-upload-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);box-shadow:none}.member-fb-album-upload-progress.is-error .member-fb-album-upload-progress-meta{color:#dc2626}.member-fb-album-upload-progress.is-error .member-fb-album-upload-progress-fill{width:100% !important;background:#dc2626;box-shadow:none}@keyframes member-fb-album-spin{to{transform:rotate(360deg)}}@keyframes member-fb-album-indeterminate{0%{transform:translateX(-120%)}100%{transform:translateX(280%)}}body.theme-dark .member-fb-album-upload-progress{background:linear-gradient(180deg,rgba(15,23,42,0.72) 0%,rgba(15,23,42,0.5) 100%);border-color:rgba(148,163,184,0.22);box-shadow:0 10px 24px rgba(0,0,0,0.18)}body.theme-dark .member-fb-album-upload-progress-text{color:rgba(226,232,240,0.92)}body.theme-dark .member-fb-album-upload-progress-track{background:rgba(148,163,184,0.18)}.member-fb-album-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:0.5rem;flex:0 0 auto;padding:0.85rem 1.1rem 1rem;border-top:1px solid rgba(20,89,130,0.12);box-sizing:border-box}.member-fb-album-modal-foot .btn,.member-fb-album-modal-submit{appearance:none;border-radius:999px;padding:0.5rem 1.05rem;font:inherit;font-size:0.88rem;font-weight:700;cursor:pointer;line-height:1.2}.member-fb-album-modal-foot .btn-secondary{border:1px solid rgba(20,89,130,0.18);background:#fff;color:rgba(14,32,56,0.8)}.member-fb-album-modal-submit,.member-fb-album-modal-foot .member-fb-album-modal-submit{border:none;background:var(--bg-blue,#145982);color:#fff}.member-fb-album-modal-submit:hover{background:var(--button-hover-bg,var(--bg-accent,#0f4668))}.member-fb-album-view-modal-body .member-fb-album-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:0.4rem}.member-fb-album-view-modal-body .member-fb-album-detail-empty{margin:0.5rem 0}body.theme-dark .member-fb-album-modal-head,body.theme-dark .member-fb-album-view-modal-head,body.theme-dark .member-fb-album-modal-foot{border-color:rgba(148,163,184,0.18)}body.theme-dark .member-fb-album-view-modal-sub,body.theme-dark .member-fb-album-dropzone-hint{color:rgba(226,232,240,0.55)}body.theme-dark .member-fb-album-modal-label{color:rgba(226,232,240,0.88)}body.theme-dark .member-fb-album-modal-input{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.28);color:rgba(226,232,240,0.95)}body.theme-dark .member-fb-album-dropzone{background:rgba(15,23,42,0.45);border-color:rgba(148,163,184,0.3);color:rgba(226,232,240,0.82)}body.theme-dark .member-fb-album-modal-close{background:rgba(148,163,184,0.14);color:rgba(226,232,240,0.9)}body.theme-dark .member-fb-album-modal-foot .btn-secondary{background:rgba(15,23,42,0.55);border-color:rgba(148,163,184,0.28);color:rgba(226,232,240,0.9)}.member-media-lightbox:not([open]){display:none !important}.member-media-lightbox:modal{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;border:0;background:transparent;overflow:hidden;z-index:100080}.member-media-lightbox::backdrop{background:rgba(2,6,23,0.72)}.member-media-lightbox-backdrop{position:absolute;inset:0;border:0;padding:0;margin:0;background:transparent;cursor:zoom-out}.member-media-lightbox-panel{position:absolute;inset:3.5vh 4vw;display:flex;flex-direction:column;min-width:0;min-height:0;border-radius:14px;overflow:hidden;background:#0b1220;box-shadow:0 24px 60px rgba(0,0,0,0.45);z-index:1}.member-media-lightbox-layout{display:flex;flex:1 1 auto;min-width:0;min-height:0;width:100%;height:100%}.member-media-lightbox-media{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:#050a14;padding:2.5rem 1rem 1rem;box-sizing:border-box}.member-media-lightbox-content{width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.member-media-lightbox-img,.member-media-lightbox-video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px}.member-media-lightbox-embed{width:min(100%,920px);max-height:100%}.member-media-lightbox-embed iframe{width:100%;aspect-ratio:16 / 9;max-height:70vh;border:0}.member-media-lightbox-panel--split .member-media-lightbox-layout{flex-direction:row}.member-media-lightbox-comments{flex:0 0 min(360px,38vw);width:min(360px,38vw);max-width:420px;min-width:280px;min-height:0;display:flex;flex-direction:column;background:#fff;color:#111827;border-left:1px solid rgba(15,23,42,0.1);box-sizing:border-box}.member-media-lightbox-comments[hidden]{display:none !important}.member-media-lightbox-comments-inner{display:flex;flex-direction:column;height:100%;min-height:0;padding:1rem 1rem 0.85rem;box-sizing:border-box}.member-media-lightbox-comments-title{margin:0 0 0.65rem;font-size:1rem;font-weight:800;flex:0 0 auto}.member-media-lightbox-comments-scroll{flex:1 1 auto;min-height:0;overflow:auto;margin-bottom:0.65rem}.member-media-lightbox-comments-empty,.member-media-lightbox-comments-loading,.member-media-lightbox-comments-error,.member-media-lightbox-comments-login{margin:0.35rem 0;font-size:0.88rem;color:var(--muted-text,#56463f)}.member-media-lightbox-comment-form{flex:0 0 auto;margin-top:auto;padding-top:0.55rem;border-top:1px solid rgba(20,89,130,0.12)}.member-media-lightbox-comment-form .member-comment-compose-toolbar{display:none}.member-media-lightbox-close{position:absolute;top:0.7rem;left:0.7rem;z-index:3;appearance:none;border:none;width:2.2rem;height:2.2rem;border-radius:999px;background:rgba(15,23,42,0.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.member-media-lightbox-close:hover{background:rgba(15,23,42,0.75)}.member-media-lightbox-counter{position:absolute;top:0.85rem;left:50%;transform:translateX(-50%);z-index:3;margin:0;padding:0.2rem 0.65rem;border-radius:999px;background:rgba(15,23,42,0.55);color:#fff;font-size:0.82rem;font-weight:650}.member-media-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;appearance:none;border:none;width:2.6rem;height:2.6rem;border-radius:999px;background:rgba(15,23,42,0.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.member-media-lightbox-nav:hover{background:rgba(15,23,42,0.78)}.member-media-lightbox-prev{left:calc(4vw + 0.65rem)}.member-media-lightbox-next{right:calc(4vw + 0.65rem)}.member-media-lightbox:has(.member-media-lightbox-panel--split) .member-media-lightbox-next{right:calc(4vw + min(360px,38vw) + 0.65rem)}.member-media-lightbox-nav[hidden]{display:none !important}@media (max-width:900px){.member-media-lightbox-panel{inset:0;border-radius:0}.member-media-lightbox-panel--split .member-media-lightbox-layout{flex-direction:column}.member-media-lightbox-media{flex:1 1 55%;padding:3rem 0.75rem 0.75rem}.member-media-lightbox-comments{flex:0 0 42%;width:100%;max-width:none;min-width:0;border-left:0;border-top:1px solid rgba(15,23,42,0.1)}.member-media-lightbox-prev{left:0.45rem}.member-media-lightbox-next{right:0.45rem}}body.theme-dark .member-media-lightbox-comments{background:var(--surface-card,#10233f);color:rgba(226,232,240,0.95);border-left-color:rgba(148,163,184,0.18)}body.theme-dark .member-media-lightbox-comments-empty,body.theme-dark .member-media-lightbox-comments-loading,body.theme-dark .member-media-lightbox-comments-error{color:rgba(226,232,240,0.55)}body.theme-dark .member-media-lightbox-comment-form{border-top-color:rgba(148,163,184,0.18)}
/* play4geek-member-glass-surfaces */
:root{--p4g-glass-bg:color-mix(in srgb,var(--header-submenu-bg,#0f1d33) 50%,transparent);--p4g-glass-bg-solid:rgba(10,22,38,0.48);--p4g-glass-border:rgba(255,255,255,0.2);--p4g-glass-border-soft:rgba(255,255,255,0.12);--p4g-glass-shadow:0 18px 42px rgba(0,0,0,0.24);--p4g-glass-radius:12px;--p4g-glass-blur:blur(22px) saturate(168%);--p4g-glass-text:var(--header-submenu-text,#e8f1ff);--p4g-glass-text-muted:color-mix(in srgb,var(--p4g-glass-text) 72%,transparent);--p4g-glass-backdrop:rgba(10,22,38,0.48);--p4g-glass-item:rgba(255,255,255,0.05);--p4g-glass-item-hover:rgba(255,255,255,0.12);--p4g-glass-item-active:color-mix(in srgb,var(--reviews-score-bg,#fc5f20) 32%,rgba(255,255,255,0.08));--p4g-glass-accent:var(--reviews-score-bg,#fc5f20);--p4g-glass-input-bg:rgba(255,255,255,0.06);--p4g-glass-gloss:linear-gradient(180deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.02) 38%,transparent 58%)}.member-ma-dialog.member-life-event-dialog--fb,.member-place-dialog.member-life-event-dialog--fb,.member-life-event-dialog.member-life-event-dialog--fb,.member-poll-dialog.member-life-event-dialog--fb,.member-messages-compose-modal.member-ma-dialog.member-life-event-dialog--fb{color-scheme:light !important}html.theme-dark .member-ma-dialog.member-life-event-dialog--fb,html.theme-dark .member-place-dialog.member-life-event-dialog--fb,html.theme-dark .member-life-event-dialog.member-life-event-dialog--fb,html.theme-dark .member-poll-dialog.member-life-event-dialog--fb,html.theme-dark .member-messages-compose-modal.member-ma-dialog.member-life-event-dialog--fb,body.theme-dark .member-ma-dialog.member-life-event-dialog--fb,body.theme-dark .member-place-dialog.member-life-event-dialog--fb,body.theme-dark .member-life-event-dialog.member-life-event-dialog--fb,body.theme-dark .member-poll-dialog.member-life-event-dialog--fb,body.theme-dark .member-messages-compose-modal.member-ma-dialog.member-life-event-dialog--fb{color-scheme:dark !important}.member-ma-dialog:not([open]),.member-place-dialog:not([open]),.member-life-event-dialog:not([open]),.member-poll-dialog:not([open]),.member-fb-album-modal:not([open]),.member-collection-add-modal:not([open]){display:none !important}.member-ma-dialog[open]:not(:modal),.member-place-dialog[open]:not(:modal),.member-life-event-dialog[open]:not(:modal),.member-poll-dialog[open]:not(:modal){display:none !important}.member-ma-dialog:modal,.member-place-dialog:modal,.member-life-event-dialog:modal,.member-poll-dialog:modal{display:flex !important;flex-direction:column !important;margin:auto !important;overflow:hidden !important;z-index:100055 !important;border:0 !important;padding:0 !important;background:transparent !important;max-width:min(92vw,440px) !important;width:min(92vw,440px) !important;max-height:min(94vh,860px) !important}.member-ma-dialog.member-life-event-dialog--fb:not(.member-place-dialog):modal{max-width:min(92vw,540px) !important;width:min(92vw,540px) !important}.member-poll-dialog:modal{max-width:min(92vw,360px) !important;width:min(92vw,360px) !important}.member-fb-album-modal:modal,.member-collection-add-modal:modal{display:flex !important;flex-direction:column !important;margin:auto !important;overflow:hidden !important;z-index:100060 !important;border:0 !important;padding:0 !important;background:#ffffff !important;color:#111827 !important;border-radius:14px !important;box-shadow:0 18px 48px rgba(15,23,42,0.22) !important;width:min(92vw,520px) !important;max-width:min(92vw,520px) !important;max-height:min(90vh,760px) !important}.member-fb-album-modal.member-fb-album-view-modal:modal{width:min(94vw,640px) !important;max-width:min(94vw,640px) !important}.member-fb-album-modal[open]:not(:modal),.member-collection-add-modal[open]:not(:modal){display:flex !important;flex-direction:column !important;position:fixed !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important;overflow:hidden !important;z-index:100060 !important;border:0 !important;padding:0 !important;background:#ffffff !important;color:#111827 !important;border-radius:14px !important;box-shadow:0 18px 48px rgba(15,23,42,0.22) !important;width:min(92vw,520px) !important;max-width:min(92vw,520px) !important;max-height:min(90vh,760px) !important}.member-fb-album-modal.member-fb-album-view-modal[open]:not(:modal){width:min(94vw,640px) !important;max-width:min(94vw,640px) !important}.member-fb-album-modal::backdrop,.member-collection-add-modal::backdrop{background:rgba(15,23,42,0.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}html.theme-dark .member-fb-album-modal:modal,body.theme-dark .member-fb-album-modal:modal,html.theme-dark .member-fb-album-modal[open]:not(:modal),body.theme-dark .member-fb-album-modal[open]:not(:modal),html.theme-dark .member-collection-add-modal:modal,body.theme-dark .member-collection-add-modal:modal,html.theme-dark .member-collection-add-modal[open]:not(:modal),body.theme-dark .member-collection-add-modal[open]:not(:modal){background:var(--surface-card,#10233f) !important;color:rgba(226,232,240,0.95) !important;box-shadow:0 18px 48px rgba(0,0,0,0.45) !important}html.theme-dark .member-fb-album-modal::backdrop,body.theme-dark .member-fb-album-modal::backdrop,html.theme-dark .member-collection-add-modal::backdrop,body.theme-dark .member-collection-add-modal::backdrop{background:rgba(2,6,23,0.62)}.member-feed-composer-modals,.member-post-edit-modals{display:contents}.member-ma-dialog.member-life-event-dialog--fb:not(.member-place-dialog)::backdrop,.member-place-dialog::backdrop,.member-life-event-dialog.member-life-event-dialog--fb::backdrop,.member-poll-dialog::backdrop,.member-avatar-status-dialog::backdrop{background:var(--p4g-glass-backdrop) !important;backdrop-filter:blur(14px) saturate(140%) !important;-webkit-backdrop-filter:blur(14px) saturate(140%) !important}.member-composer-text-bg-shell.is-text-bg-picker-open::before{background:var(--p4g-glass-backdrop) !important;backdrop-filter:blur(14px) saturate(140%) !important;-webkit-backdrop-filter:blur(14px) saturate(140%) !important}.member-ma-dialog-panel,.member-place-dialog-panel,.member-life-event-dialog-panel,.member-poll-dialog .member-poll-panel.member-life-event-fb-panel,.member-avatar-status-modal,.member-text-bg-picker,.member-feed-composer .member-emoji-picker,.member-feed-composer .member-gif-picker,.member-composer-emoji-picker.member-emoji-picker.is-floating,.member-composer-text-bg-shell .member-text-bg-picker.is-floating,.member-post-privacy-menu{background:var(--p4g-glass-bg-solid) !important;background:var(--p4g-glass-bg) !important;backdrop-filter:var(--p4g-glass-blur) !important;-webkit-backdrop-filter:var(--p4g-glass-blur) !important;border:1px solid var(--p4g-glass-border) !important;box-shadow:var(--p4g-glass-shadow) !important;color:var(--p4g-glass-text)}.member-ma-dialog-panel,.member-place-dialog-panel,.member-life-event-dialog-panel,.member-text-bg-picker,.member-avatar-status-modal{border-radius:var(--p4g-glass-radius) !important}.member-poll-dialog .member-poll-panel.member-life-event-fb-panel{border-radius:var(--p4g-glass-radius) !important}.member-feed-composer .member-emoji-picker,.member-feed-composer .member-gif-picker,.member-composer-emoji-picker.member-emoji-picker.is-floating,.member-post-privacy-menu{border-radius:var(--p4g-glass-radius) !important}.member-ma-dialog-gloss,.member-place-dialog-gloss,.member-life-event-dialog-gloss,.member-text-bg-picker-gloss{background:var(--p4g-glass-gloss) !important}.member-ma-dialog-top,.member-place-dialog-top,.member-life-event-dialog-top,.member-poll-dialog .member-life-event-fb-top,.member-text-bg-picker-head,.member-text-bg-picker-head strong,.member-avatar-status-modal__header{background:var(--p4g-glass-item) !important;border-bottom-color:var(--p4g-glass-border-soft) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.member-ma-dialog-title,.member-place-dialog-title,.member-life-event-dialog-title,.member-poll-dialog .member-life-event-fb-heading,.member-life-event-dialog .member-life-event-fb-heading,.member-text-bg-picker-head strong,.member-avatar-status-modal__header-text h2{color:var(--p4g-glass-text) !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-lead,.member-ma-dialog:not(.member-place-dialog) .member-ma-note-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-place-search-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-game-picker-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-picker-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-picker-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-book-picker-label,.member-place-dialog-lead,.member-place-dialog .member-ma-place-hint,.member-life-event-dialog-lead,.member-life-event-dialog .member-life-event-fb-sub,.member-life-event-dialog .member-life-event-fb-hint-dynamic,.member-life-event-dialog .member-life-event-fb-section-label,.member-poll-dialog .member-poll-label,.member-poll-dialog .member-poll-lead,.member-text-bg-picker-sub,.member-text-bg-picker-hint{color:color-mix(in srgb,var(--p4g-glass-text) 84%,transparent) !important}.member-ma-dialog-dismiss,.member-place-dialog-dismiss,.member-life-event-dialog-dismiss,.member-poll-dialog-dismiss,.member-life-event-fb-back,.member-avatar-status-modal__close{background:var(--p4g-glass-item) !important;border:1px solid var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-ma-dialog-dismiss:hover,.member-place-dialog-dismiss:hover,.member-life-event-dialog-dismiss:hover,.member-poll-dialog-dismiss:hover,.member-life-event-fb-back:hover,.member-avatar-status-modal__close:hover{background:var(--p4g-glass-item-hover) !important;color:var(--p4g-glass-text) !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-game-clear,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-clear,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-clear,.member-ma-dialog:not(.member-place-dialog) .member-ma-book-clear{background:var(--p4g-glass-item) !important;border:1px solid var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;border-radius:999px !important;min-height:unset !important;padding:0.2rem 0.45rem !important;box-shadow:none !important;cursor:pointer}.member-ma-dialog:not(.member-place-dialog) .member-ma-game-result,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-result,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-result,.member-ma-dialog:not(.member-place-dialog) .member-ma-book-result{background:transparent !important;border:0 !important;min-height:unset !important;box-shadow:none !important;font-weight:inherit !important;color:var(--p4g-glass-text) !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-game-search,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-search,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-search,.member-ma-dialog:not(.member-place-dialog) .member-ma-book-search{width:100%;box-sizing:border-box;min-height:42px;border-radius:12px !important;padding:0.55rem 0.7rem !important;font-family:inherit;font-size:0.9rem;line-height:1.35;-webkit-appearance:none !important;appearance:none !important;background:var(--p4g-glass-input-bg) !important;border:1px solid var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs{background:var(--p4g-glass-item) !important;border-color:var(--p4g-glass-border-soft) !important;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-tab{color:var(--p4g-glass-text-muted) !important;background:transparent !important;border-color:transparent !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-tab.is-active{background:var(--p4g-glass-item-hover) !important;border-color:var(--p4g-glass-border) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-media-filters,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-filters{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0 0 0.45rem;padding:0.2rem;border-radius:14px;background:var(--p4g-glass-item) !important;border:1px solid var(--p4g-glass-border-soft) !important;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs .member-ma-media-filter,.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs .member-ma-music-filter,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-filters .member-ma-media-filter,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-filters .member-ma-music-filter{flex:1 1 auto;min-height:36px !important;border-radius:11px !important;border:1px solid transparent !important;padding:0.35rem 0.65rem !important;background:transparent !important;color:var(--p4g-glass-text-muted) !important;font-family:inherit;font-size:0.78rem;font-weight:700;cursor:pointer;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs .member-ma-media-filter.is-active,.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs .member-ma-media-filter[aria-pressed="true"],.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs .member-ma-music-filter.is-active,.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs .member-ma-music-filter[aria-pressed="true"],.member-ma-dialog:not(.member-place-dialog) .member-ma-media-filters .member-ma-media-filter.is-active,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-filters .member-ma-media-filter[aria-pressed="true"],.member-ma-dialog:not(.member-place-dialog) .member-ma-music-filters .member-ma-music-filter.is-active,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-filters .member-ma-music-filter[aria-pressed="true"]{background:var(--p4g-glass-item-hover) !important;border-color:var(--p4g-glass-border) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-choice,.member-life-event-dialog .member-life-event-fb-choice,.member-ma-dialog .member-life-event-fb-choice{background:var(--p4g-glass-item) !important;border:1px solid var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-choice:hover,.member-ma-dialog:not(.member-place-dialog) .member-ma-choice:focus-visible,.member-life-event-dialog .member-life-event-fb-choice:hover,.member-life-event-dialog .member-life-event-fb-choice:focus-visible{background:var(--p4g-glass-item-hover) !important;border-color:var(--p4g-glass-border) !important;box-shadow:none !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-choice.is-selected,.member-life-event-dialog .member-life-event-fb-choice.is-selected{background:var(--p4g-glass-item-active) !important;border:2px solid color-mix(in srgb,var(--p4g-glass-accent) 65%,var(--p4g-glass-border)) !important;box-shadow:0 0 0 1px color-mix(in srgb,var(--p4g-glass-accent) 35%,transparent) !important}.member-ma-choice-emoji,.member-life-event-dialog .member-life-event-fb-choice-icon{background:var(--p4g-glass-item) !important;border-color:var(--p4g-glass-border-soft) !important;box-shadow:none !important}.member-life-event-dialog .member-life-event-fb-choice-icon i{color:var(--p4g-glass-accent) !important}input.member-ma-glass-input,textarea.member-ma-glass-input,.member-ma-note-field,.member-ma-place-search,.member-ma-game-search,.member-ma-media-search,.member-ma-music-search,.member-ma-book-search,.member-life-event-dialog .member-life-event-fb-title-input,.member-life-event-dialog .member-life-event-fb-date-input,.member-poll-question-input,.member-poll-option-input,.member-text-bg-picker input[type="text"],.member-text-bg-picker input[type="search"],.member-text-bg-picker textarea,.member-avatar-status-modal__input{background:var(--p4g-glass-input-bg) !important;border:1px solid var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}input.member-ma-glass-input::placeholder,textarea.member-ma-glass-input::placeholder,.member-ma-note-field::placeholder,.member-ma-place-search::placeholder,.member-ma-game-search::placeholder,.member-ma-media-search::placeholder,.member-ma-music-search::placeholder,.member-ma-book-search::placeholder,.member-life-event-dialog .member-life-event-fb-title-input::placeholder,.member-poll-question-input::placeholder,.member-poll-option-input::placeholder{color:color-mix(in srgb,var(--p4g-glass-text) 45%,transparent)}input.member-ma-glass-input:focus,textarea.member-ma-glass-input:focus,.member-ma-note-field:focus,.member-ma-place-search:focus,.member-ma-game-search:focus,.member-ma-media-search:focus,.member-ma-music-search:focus,.member-ma-book-search:focus,.member-life-event-dialog .member-life-event-fb-title-input:focus,.member-life-event-dialog .member-life-event-fb-date-input:focus,.member-poll-question-input:focus,.member-poll-option-input:focus{border-color:color-mix(in srgb,var(--p4g-glass-accent) 50%,var(--p4g-glass-border)) !important;box-shadow:0 0 0 2px color-mix(in srgb,var(--p4g-glass-accent) 25%,transparent) !important;outline:none}.member-place-dialog .member-ma-place-locate{background:color-mix(in srgb,var(--p4g-glass-accent) 18%,var(--p4g-glass-item)) !important;border-color:color-mix(in srgb,var(--p4g-glass-accent) 35%,var(--p4g-glass-border-soft)) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-place-dialog .member-ma-place-suggestion{background:var(--p4g-glass-item) !important;border-color:var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-place-dialog .member-ma-place-suggestion:hover{background:var(--p4g-glass-item-hover) !important;border-color:var(--p4g-glass-border) !important}.member-place-dialog .member-ma-place-search-label{color:var(--p4g-glass-text-muted) !important}.member-life-event-dialog .member-life-event-fb-hero{background:var(--p4g-glass-item) !important;border-color:var(--p4g-glass-border-soft) !important;box-shadow:none !important}.member-life-event-dialog .member-life-event-fb-lead{color:var(--p4g-glass-text) !important}.member-life-event-dialog .member-life-event-fb-media-placeholder{background:var(--p4g-glass-item) !important;border:1px dashed var(--p4g-glass-border-soft) !important;box-shadow:none !important}.member-life-event-dialog .member-life-event-fb-media-btn,.member-life-event-dialog .member-life-event-fb-media-remove{background:var(--p4g-glass-item) !important;border:1px solid var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-life-event-dialog .member-life-event-fb-rule{border-top-color:var(--p4g-glass-border-soft) !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-notes-shared,.member-life-event-dialog .member-life-event-fb-label{border-top-color:var(--p4g-glass-border-soft);color:var(--p4g-glass-text-muted)}.member-ma-done,.member-place-done,.member-life-event-dialog .member-life-event-fb-done,.member-poll-done,.member-text-bg-picker-clear,.member-text-bg-picker-apply{background:linear-gradient( 180deg,color-mix(in srgb,var(--p4g-glass-accent) 88%,#ffffff) 0%,var(--p4g-glass-accent) 100% ) !important;border:1px solid color-mix(in srgb,var(--p4g-glass-accent) 55%,transparent) !important;color:#fff !important;box-shadow:0 8px 22px color-mix(in srgb,var(--p4g-glass-accent) 35%,transparent) !important}.member-ma-done:hover,.member-place-done:hover,.member-life-event-dialog .member-life-event-fb-done:hover,.member-poll-done:hover{filter:brightness(1.06);transform:translateY(-1px)}.member-text-bg-picker{--p4g-text-bg-picker-title:var(--p4g-glass-text);--p4g-text-bg-picker-text:var(--p4g-glass-text);--p4g-text-bg-picker-muted:var(--p4g-glass-text-muted);--p4g-text-bg-picker-surface:var(--p4g-glass-bg-solid);--p4g-text-bg-picker-border:var(--p4g-glass-border);--p4g-text-bg-picker-shadow:var(--p4g-glass-shadow)}.member-text-bg-picker-swatch,.member-text-bg-tool-btn,.member-text-bg-aa-btn{border-color:var(--p4g-glass-border-soft) !important}.member-text-bg-tool-btn.is-active,.member-text-bg-aa-btn.is-active{box-shadow:0 0 0 2px color-mix(in srgb,var(--p4g-glass-accent) 40%,transparent) !important}.member-emoji-picker-cat,.member-gif-picker-search,.member-klipy-picker-search{background:var(--p4g-glass-item) !important;border-color:var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important}.member-emoji-picker-cat.is-active{background:var(--p4g-glass-item-active) !important;border-color:color-mix(in srgb,var(--p4g-glass-accent) 40%,var(--p4g-glass-border)) !important}.member-post-privacy-option{color:var(--p4g-glass-text) !important;border-radius:7px}.member-post-privacy-option:hover{background:var(--p4g-glass-item-hover) !important}.member-post-privacy-option.is-selected{background:var(--p4g-glass-item-active) !important;color:var(--p4g-glass-text) !important}.member-composer-head .member-composer-privacy{margin-top:0 !important;margin-left:auto;flex-direction:row;align-items:center;align-self:center;gap:0}.member-composer-privacy{position:relative;flex-shrink:0;--p4g-glass-item-active:color-mix(in srgb,var(--reviews-score-bg,#fc5f20) 22%,var(--p4g-glass-item));--p4g-glass-accent:var(--p4g-glass-text)}.member-composer-privacy .member-post-privacy-toggle--compact{width:36px;height:36px;min-width:36px;min-height:36px;font-size:0.95rem;padding:0 !important;font-weight:inherit !important;border:1px solid var(--p4g-glass-border-soft) !important;background:var(--p4g-glass-item) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important}.member-composer-privacy .member-post-privacy-toggle--compact .member-post-privacy-icon{color:var(--p4g-glass-text) !important}.member-composer-privacy .member-post-privacy-toggle--compact:hover,.member-composer-privacy .member-post-privacy-toggle--compact[aria-expanded="true"]{background:var(--p4g-glass-item-hover) !important;border-color:var(--p4g-glass-border) !important;color:var(--p4g-glass-text) !important}.member-composer-privacy .member-post-privacy-menu--composer{right:0;left:auto;min-width:min(92vw,300px);padding:0.35rem;border-radius:var(--p4g-glass-radius) !important;max-height:none !important;overflow:visible !important}.member-post-privacy-menu--composer.is-floating{position:fixed !important;top:50% !important;left:50% !important;right:auto !important;transform:translate(-50%,-50%) !important;width:min(92vw,320px);max-width:min(92vw,320px);max-height:none !important;overflow:visible !important;z-index:10060 !important;margin:0}body.is-composer-privacy-open{overflow:hidden}body.is-composer-privacy-open::before{content:'';position:fixed;inset:0;z-index:10050;background:var(--p4g-glass-backdrop);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);pointer-events:none}.member-composer-privacy .member-post-privacy-menu-head,.member-post-privacy-menu--composer.is-floating .member-post-privacy-menu-head{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--p4g-glass-item);border-bottom:1px solid var(--p4g-glass-border-soft);margin-bottom:0.25rem;padding:0.55rem 0.65rem 0.5rem}.member-composer-privacy .member-post-privacy-options,.member-post-privacy-menu--composer.is-floating .member-post-privacy-options{overflow:visible;max-height:none}.member-composer-privacy .member-post-privacy-menu-head strong{color:var(--p4g-glass-text) !important}.member-composer-privacy .member-post-privacy-menu-head span{color:var(--p4g-glass-text-muted) !important}.member-composer-privacy .member-post-privacy-option{background:transparent !important;color:var(--p4g-glass-text) !important;border:1px solid transparent !important;min-height:unset !important;font-weight:inherit !important;padding:0.5rem 0.55rem !important}.member-composer-privacy .member-post-privacy-option:hover{background:var(--p4g-glass-item-hover) !important;color:var(--p4g-glass-text) !important;border-color:transparent !important}.member-composer-privacy .member-post-privacy-option.is-selected{background:var(--p4g-glass-item-active) !important;border-color:var(--p4g-glass-border-soft) !important;color:var(--p4g-glass-text) !important}.member-composer-privacy .member-post-privacy-option-icon,.member-composer-privacy .member-post-privacy-option-icon--public,.member-composer-privacy .member-post-privacy-option-icon--friends,.member-composer-privacy .member-post-privacy-option-icon--friends_custom,.member-composer-privacy .member-post-privacy-option-icon--private{background:rgba(255,255,255,0.08) !important;color:var(--header-submenu-text,#e8f1ff) !important}.member-composer-privacy .member-post-privacy-option-text strong{color:var(--p4g-glass-text) !important}.member-composer-privacy .member-post-privacy-option-text small{color:var(--p4g-glass-text-muted) !important}.member-composer-privacy .member-post-privacy-option-check{color:var(--header-submenu-text,#e8f1ff) !important}.member-composer-head > .member-composer-privacy-friends{flex:1 1 100%;width:100%;margin-top:0.35rem;padding:0.75rem;border:1px solid var(--p4g-glass-border-soft);border-radius:var(--p4g-glass-radius);background:rgba(255,255,255,0.04)}.member-ma-game-picker{margin-top:0.75rem;padding-top:0.65rem;border-top:1px solid var(--p4g-glass-border-soft)}.member-ma-game-picker-label{display:block;margin:0 0 0.4rem;font-size:0.82rem;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-game-search{width:100%;box-sizing:border-box;border:1px solid var(--p4g-glass-border-soft) !important;border-radius:8px;padding:0.5rem 0.6rem;background:var(--p4g-glass-input-bg) !important;color:var(--p4g-glass-text) !important;font-family:inherit}.member-ma-game-results{list-style:none;margin:0.45rem 0 0;padding:0;max-height:180px;overflow-y:auto}.member-ma-game-result{display:flex;align-items:center;gap:0.55rem;width:100%;text-align:left;padding:0.45rem 0.5rem;border:0;border-radius:8px;background:transparent;color:var(--p4g-glass-text) !important;cursor:pointer;font-family:inherit}.member-ma-game-result:hover{background:var(--p4g-glass-item-hover) !important}.member-ma-game-result img{width:32px;height:32px;border-radius:6px;object-fit:cover;flex-shrink:0}.member-ma-game-empty{padding:0.45rem 0.5rem;font-size:0.82rem;color:var(--p4g-glass-text-muted) !important}.member-ma-game-selected{display:flex;align-items:center;gap:0.55rem;margin-top:0.55rem;padding:0.45rem 0.5rem;border:1px solid var(--p4g-glass-border-soft);border-radius:8px;background:var(--p4g-glass-item)}.member-ma-game-selected-cover{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.member-ma-game-selected-cover--empty{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.member-ma-game-selected-name{flex:1 1 auto;min-width:0;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-game-selected-link{font-size:0.78rem;color:var(--header-submenu-text,#e8f1ff) !important;text-decoration:none}.member-ma-game-clear{border:0;background:transparent;color:var(--p4g-glass-text-muted) !important;cursor:pointer;padding:0.2rem}.member-ma-media-picker{margin-top:0.75rem;padding-top:0.65rem;border-top:1px solid var(--p4g-glass-border-soft)}.member-ma-media-picker-label{display:block;margin:0 0 0.4rem;font-size:0.82rem;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-media-filters{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0 0 0.45rem}.member-ma-media-filter{border:1px solid var(--p4g-glass-border-soft) !important;border-radius:11px !important;padding:0.35rem 0.65rem !important;background:transparent !important;color:var(--p4g-glass-text-muted) !important;font-family:inherit;font-size:0.78rem;font-weight:700;cursor:pointer}.member-ma-media-filter.is-active,.member-ma-media-filter[aria-pressed="true"]{background:var(--p4g-glass-item-hover) !important;color:var(--p4g-glass-text) !important}.member-ma-media-search{width:100%;box-sizing:border-box;border:1px solid var(--p4g-glass-border-soft) !important;border-radius:8px;padding:0.5rem 0.6rem;background:var(--p4g-glass-input-bg) !important;color:var(--p4g-glass-text) !important;font-family:inherit}.member-ma-media-results{list-style:none;margin:0.45rem 0 0;padding:0;max-height:180px;overflow-y:auto}.member-ma-media-result{display:flex;align-items:center;gap:0.55rem;width:100%;text-align:left;padding:0.45rem 0.5rem;border:0;border-radius:8px;background:transparent;color:var(--p4g-glass-text) !important;cursor:pointer;font-family:inherit}.member-ma-media-result:hover{background:var(--p4g-glass-item-hover) !important}.member-ma-media-result img{width:32px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.member-ma-media-result-meta{display:flex;flex-direction:column;gap:0.1rem;min-width:0}.member-ma-media-result-type{font-size:0.72rem;color:var(--p4g-glass-text-muted) !important}.member-ma-media-empty{padding:0.45rem 0.5rem;font-size:0.82rem;color:var(--p4g-glass-text-muted) !important}.member-ma-media-selected{display:flex;align-items:center;gap:0.55rem;margin-top:0.55rem;padding:0.45rem 0.5rem;border:1px solid var(--p4g-glass-border-soft);border-radius:8px;background:var(--p4g-glass-item)}.member-ma-media-selected-cover{width:40px;height:60px;border-radius:4px;object-fit:cover;flex-shrink:0}.member-ma-media-selected-cover--empty{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.member-ma-media-selected-name{flex:1 1 auto;min-width:0;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-media-selected-link{font-size:0.78rem;color:var(--header-submenu-text,#e8f1ff) !important;text-decoration:none}.member-ma-media-clear{border:0;background:transparent;color:var(--p4g-glass-text-muted) !important;cursor:pointer;padding:0.2rem}.member-ma-music-picker{margin-top:0.75rem;padding-top:0.65rem;border-top:1px solid var(--p4g-glass-border-soft)}.member-ma-music-picker-label{display:block;margin:0 0 0.4rem;font-size:0.82rem;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-music-filters{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0 0 0.45rem}.member-ma-music-filter{border:1px solid var(--p4g-glass-border-soft) !important;border-radius:11px !important;padding:0.35rem 0.65rem !important;background:transparent !important;color:var(--p4g-glass-text-muted) !important;font-family:inherit;font-size:0.78rem;font-weight:700;cursor:pointer}.member-ma-music-filter.is-active,.member-ma-music-filter[aria-pressed="true"]{background:var(--p4g-glass-item-hover) !important;color:var(--p4g-glass-text) !important}.member-ma-music-search{width:100%;box-sizing:border-box;border:1px solid var(--p4g-glass-border-soft) !important;border-radius:8px;padding:0.5rem 0.6rem;background:var(--p4g-glass-input-bg) !important;color:var(--p4g-glass-text) !important;font-family:inherit}.member-ma-music-results{list-style:none;margin:0.45rem 0 0;padding:0;max-height:180px;overflow-y:auto}.member-ma-music-result{display:flex;align-items:center;gap:0.55rem;width:100%;text-align:left;padding:0.45rem 0.5rem;border:0;border-radius:8px;background:transparent;color:var(--p4g-glass-text) !important;cursor:pointer;font-family:inherit}.member-ma-music-result:hover{background:var(--p4g-glass-item-hover) !important}.member-ma-music-result img{width:32px;height:32px;border-radius:4px;object-fit:cover;flex-shrink:0}.member-ma-music-result-meta{display:flex;flex-direction:column;gap:0.1rem;min-width:0}.member-ma-music-result-type{font-size:0.72rem;color:var(--p4g-glass-text-muted) !important}.member-ma-music-empty{padding:0.45rem 0.5rem;font-size:0.82rem;color:var(--p4g-glass-text-muted) !important}.member-ma-music-selected{display:flex;align-items:center;gap:0.55rem;margin-top:0.55rem;padding:0.45rem 0.5rem;border:1px solid var(--p4g-glass-border-soft);border-radius:8px;background:var(--p4g-glass-item)}.member-ma-music-selected-cover{width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0}.member-ma-music-selected-cover--empty{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.member-ma-music-selected-name{flex:1 1 auto;min-width:0;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-music-selected-link{font-size:0.78rem;color:var(--header-submenu-text,#e8f1ff) !important;text-decoration:none}.member-ma-music-clear{border:0;background:transparent;color:var(--p4g-glass-text-muted) !important;cursor:pointer;padding:0.2rem}.member-ma-book-picker{margin-top:0.75rem;padding-top:0.65rem;border-top:1px solid var(--p4g-glass-border-soft)}.member-ma-book-picker-label{display:block;margin:0 0 0.4rem;font-size:0.82rem;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-book-search{width:100%;box-sizing:border-box;border:1px solid var(--p4g-glass-border-soft) !important;border-radius:8px;padding:0.5rem 0.6rem;background:var(--p4g-glass-input-bg) !important;color:var(--p4g-glass-text) !important;font-family:inherit}textarea.member-ma-game-search,textarea.member-ma-media-search,textarea.member-ma-music-search,textarea.member-ma-book-search,textarea.member-ma-place-search.member-ma-glass-input{resize:none !important;overflow:hidden !important;max-height:42px !important;field-sizing:content}.member-ma-book-results{list-style:none;margin:0.45rem 0 0;padding:0;max-height:180px;overflow-y:auto}.member-ma-book-result{display:flex;align-items:center;gap:0.55rem;width:100%;text-align:left;padding:0.45rem 0.5rem;border:0;border-radius:8px;background:transparent;color:var(--p4g-glass-text) !important;cursor:pointer;font-family:inherit}.member-ma-book-result:hover{background:var(--p4g-glass-item-hover) !important}.member-ma-book-result img{width:32px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0}.member-ma-book-result-meta{display:flex;flex-direction:column;gap:0.1rem;min-width:0}.member-ma-book-result-author{font-size:0.72rem;color:var(--p4g-glass-text-muted) !important}.member-ma-book-empty{padding:0.45rem 0.5rem;font-size:0.82rem;color:var(--p4g-glass-text-muted) !important}.member-ma-book-selected{display:flex;align-items:center;gap:0.55rem;margin-top:0.55rem;padding:0.45rem 0.5rem;border:1px solid var(--p4g-glass-border-soft);border-radius:8px;background:var(--p4g-glass-item)}.member-ma-book-selected-cover{width:40px;height:60px;border-radius:4px;object-fit:cover;flex-shrink:0}.member-ma-book-selected-cover--empty{display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.member-ma-book-selected-name{flex:1 1 auto;min-width:0;font-weight:700;color:var(--p4g-glass-text) !important}.member-ma-book-selected-link{font-size:0.78rem;color:var(--header-submenu-text,#e8f1ff) !important;text-decoration:none}.member-ma-book-clear{border:0;background:transparent;color:var(--p4g-glass-text-muted) !important;cursor:pointer;padding:0.2rem}.member-feed-mood-activity-line--game{display:flex;align-items:center;gap:0.45rem}.member-feed-mood-activity-game-cover{width:32px;height:32px;border-radius:6px;object-fit:cover}.member-feed-mood-activity-game-link{font-weight:700;text-decoration:none}.member-feed-mood-activity-line--media{display:flex;align-items:center;gap:0.45rem}.member-feed-mood-activity-media-cover{width:32px;height:48px;border-radius:4px;object-fit:cover}.member-feed-mood-activity-media-link{font-weight:700;text-decoration:none}.member-feed-author-status--ma{flex-wrap:wrap}.member-feed-author-status--ma .member-feed-author-action{color:var(--muted-text,#56463f);font-weight:500}body.theme-dark .member-feed-author-status--ma .member-feed-author-action{color:rgba(232,240,255,0.72)}.member-feed-author-ma-target{font-weight:700;color:var(--text-accent,var(--link-color)));text-decoration:none}.member-feed-author-ma-target:hover{text-decoration:underline;text-underline-offset:2px}.member-feed-ma-card{margin:0.65rem 0 0.75rem;border-radius:12px;overflow:hidden;border:1px solid rgba(20,89,130,0.2);background:rgba(255,255,255,0.96);box-shadow:0 2px 12px rgba(14,32,56,0.06)}body.theme-dark .member-feed-ma-card{border-color:rgba(255,255,255,0.12);background:rgba(10,22,38,0.72);box-shadow:0 2px 12px rgba(0,0,0,0.24)}.member-feed-ma-card-link{display:flex;align-items:stretch;gap:0.85rem;padding:0.75rem;color:inherit;text-decoration:none}.member-feed-ma-card-link--static{cursor:default}.member-feed-ma-card-link:hover .member-feed-ma-card-title,.member-feed-ma-card-link:hover .member-feed-ma-card-cta{color:var(--text-accent,var(--link-color)))}.member-feed-ma-card-cover{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:rgba(14,32,56,0.06)}.member-feed-ma-card-cover img{display:block;width:100%;height:100%;object-fit:cover}.member-feed-ma-card-cover--game{width:128px;height:128px}.member-feed-ma-card-cover--media{width:108px;height:162px}.member-feed-ma-card-cover--music{width:72px;height:72px}.member-feed-ma-card-cover--book{width:72px;height:108px}.member-feed-ma-card-cover--empty{font-size:2rem}.member-feed-ma-card-cover--game.member-feed-ma-card-cover--empty,.member-feed-ma-card-cover--media.member-feed-ma-card-cover--empty{font-size:2.35rem}.member-feed-ma-card-body{display:flex;flex-direction:column;justify-content:center;gap:0.2rem;min-width:0}.member-feed-ma-card-kicker{font-size:0.72rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted-text,#56463f)}body.theme-dark .member-feed-ma-card-kicker{color:rgba(232,241,255,0.62)}.member-feed-ma-card-title{font-size:1rem;font-weight:800;line-height:1.25;color:rgba(14,32,56,0.92)}body.theme-dark .member-feed-ma-card-title{color:rgba(232,241,255,0.96)}.member-feed-ma-card-desc{display:block;margin:0.15rem 0 0;font-size:0.84rem;line-height:1.45;font-weight:400;color:rgba(14,32,56,0.72)}body.theme-dark .member-feed-ma-card-desc{color:rgba(232,241,255,0.72)}.member-feed-ma-card-cta{font-size:0.82rem;font-weight:700;color:var(--text-accent,var(--link-color)))}.member-feed-mood-activity:empty{display:none;margin:0;padding:0;border:0}.member-poll-dialog .member-poll-add-option{display:flex !important;width:100%;align-items:center;justify-content:center;gap:0.4rem;min-height:44px;margin:0 0 0.65rem;padding:0.5rem 0.85rem;border-radius:12px;border:1px dashed var(--p4g-glass-border) !important;background:var(--p4g-glass-item) !important;color:var(--p4g-glass-text) !important;font-weight:700;font-size:0.92rem;box-shadow:none !important;cursor:pointer}.member-poll-dialog .member-poll-add-option:hover{background:var(--p4g-glass-item-hover) !important;border-color:color-mix(in srgb,var(--p4g-glass-accent) 45%,var(--p4g-glass-border)) !important;color:var(--p4g-glass-text) !important}.member-poll-dialog .member-poll-add-option i{color:var(--p4g-glass-accent) !important}.member-poll-dialog .member-poll-option-remove{display:inline-flex !important;align-items:center;justify-content:center;width:2rem;height:2rem;flex:0 0 auto;padding:0;border-radius:999px;border:1px solid var(--p4g-glass-border-soft) !important;background:var(--p4g-glass-item) !important;color:var(--p4g-glass-text) !important;box-shadow:none !important;cursor:pointer}.member-poll-dialog .member-poll-option-remove i{color:inherit !important;font-size:0.85rem}.member-poll-dialog .member-poll-option-remove:hover{background:color-mix(in srgb,#ef4444 28%,var(--p4g-glass-item)) !important;border-color:color-mix(in srgb,#ef4444 50%,var(--p4g-glass-border-soft)) !important;color:#fff !important}.member-poll-locked-note{background:color-mix(in srgb,var(--p4g-glass-accent) 22%,transparent) !important;color:var(--p4g-glass-text) !important}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-panel,.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:18px !important;max-height:min(90vh,720px);padding:0}.member-place-dialog .member-place-dialog-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0}.member-life-event-dialog .member-life-event-dialog-panel{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:18px !important;max-height:min(90vh,720px);padding:0;width:100%;box-sizing:border-box}.member-life-event-dialog .member-life-event-dialog-gloss{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit}.member-life-event-dialog .member-life-event-dialog-inner{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:inherit}.member-life-event-dialog .member-life-event-dialog-top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:0.35rem;padding:0.65rem 0.75rem 0.55rem;flex-shrink:0;border-bottom:1px solid var(--p4g-glass-border-soft)}.member-life-event-dialog .member-life-event-fb-back,.member-life-event-dialog .member-life-event-dialog-dismiss{width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50% !important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;background:var(--p4g-glass-item) !important;color:var(--p4g-glass-text) !important}.member-life-event-dialog .member-life-event-dialog-body{flex:1 1 auto;min-height:0;padding:0.75rem 0.85rem 0.85rem;overflow-x:hidden;overflow-y:auto}.member-life-event-dialog .member-life-event-fb-hero{display:flex;align-items:center;justify-content:center;gap:0.45rem;flex-wrap:wrap;margin:0 0 0.75rem;padding:0.85rem 0.65rem;border-radius:14px;min-height:3.25rem}.member-life-event-dialog .member-life-event-fb-hero-deco{font-size:1.35rem;line-height:1}.member-life-event-dialog .member-life-event-fb-lead{margin:0 0 0.25rem;font-size:1.05rem;font-weight:800;text-align:center}.member-life-event-dialog .member-life-event-fb-sub{margin:0 0 0.65rem;font-size:0.86rem;text-align:center;line-height:1.4}.member-life-event-dialog .member-life-event-fb-rule{border:0;border-top:1px solid var(--p4g-glass-border-soft);margin:0 0 0.75rem}.member-life-event-dialog .member-life-event-fb-section-label{margin:0 0 0.55rem;font-size:0.82rem;font-weight:700}.member-life-event-dialog .member-life-event-fb-media{position:relative;margin:0 0 0.75rem}.member-life-event-dialog .member-life-event-fb-media-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.member-life-event-dialog .member-life-event-fb-media-placeholder{display:flex;align-items:center;justify-content:center;min-height:140px;border-radius:12px}.member-life-event-dialog .member-life-event-fb-media-dots{display:inline-flex;gap:0.35rem}.member-life-event-dialog .member-life-event-fb-media-dots span{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--p4g-glass-text) 35%,transparent)}.member-life-event-dialog .member-life-event-fb-media-preview{border-radius:12px;overflow:hidden;margin-bottom:0.55rem}.member-life-event-dialog .member-life-event-fb-media-preview[hidden]{display:none !important}.member-life-event-dialog .member-life-event-fb-media-preview-el{display:block;width:100%;max-height:240px;object-fit:cover}.member-life-event-dialog .member-life-event-fb-media-actions{display:flex;flex-wrap:wrap;gap:0.45rem;margin-top:0.45rem}.member-life-event-dialog .member-life-event-fb-media-btn,.member-life-event-dialog .member-life-event-fb-media-remove{display:inline-flex;align-items:center;gap:0.35rem;min-height:38px;padding:0.4rem 0.75rem;border-radius:10px;cursor:pointer;font-size:0.86rem;font-weight:650}.member-life-event-dialog .member-life-event-fb-badge-wrap{display:flex;justify-content:center;margin:0.25rem 0 0.75rem}.member-life-event-dialog .member-life-event-fb-badge{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--p4g-glass-accent) 22%,var(--p4g-glass-item));color:var(--p4g-glass-accent);font-size:1.25rem}.member-life-event-dialog .member-life-event-fb-label{display:block;margin:0 0 0.35rem;font-size:0.86rem;font-weight:700}.member-life-event-dialog .member-life-event-fb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.member-life-event-dialog .member-life-event-fb-title-input,.member-life-event-dialog .member-life-event-fb-date-input{width:100%;box-sizing:border-box;margin-bottom:0.65rem}.member-life-event-dialog .member-life-event-fb-hint{margin:0 0 0.65rem;font-size:0.82rem;line-height:1.35}.member-life-event-dialog .member-life-event-fb-done{display:block;width:100%;box-sizing:border-box;margin-top:0.35rem;min-height:46px;padding:0.65rem 1rem;border-radius:12px !important;font-size:0.95rem;font-weight:700;cursor:pointer}.member-life-event-dialog .member-life-event-fb-step[hidden]{display:none !important}.member-poll-dialog .member-poll-panel.member-life-event-fb-panel{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box;border-radius:18px !important;padding:0 0.85rem 0.85rem}.member-poll-dialog .member-life-event-fb-top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:0.35rem;margin:0 -0.85rem 0.75rem;padding:0.65rem 0.75rem 0.55rem;flex-shrink:0;border-bottom:1px solid var(--p4g-glass-border-soft)}.member-poll-dialog .member-poll-dialog-dismiss{width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:50% !important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:var(--p4g-glass-item) !important;color:var(--p4g-glass-text) !important}.member-poll-dialog .member-life-event-fb-heading{margin:0;font-size:1rem;font-weight:700;text-align:center;line-height:1.25}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-gloss,.member-place-dialog .member-place-dialog-gloss{position:absolute;inset:0;pointer-events:none;z-index:0;border-radius:inherit}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-inner,.member-place-dialog .member-place-dialog-inner{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:inherit}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-top,.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-top,.member-place-dialog .member-place-dialog-top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:0.35rem;padding:0.65rem 0.75rem 0.55rem;flex-shrink:0;border-bottom:1px solid var(--p4g-glass-border-soft)}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-title,.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-heading,.member-place-dialog .member-place-dialog-title{margin:0;font-size:1rem;font-weight:700;text-align:center;line-height:1.25}.member-ma-dialog-dismiss,.member-place-dialog-dismiss,.member-life-event-fb-close.member-ma-dialog-dismiss{width:40px;height:40px;min-height:40px;padding:0;border-radius:50% !important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem}.member-ma-top-spacer{width:40px;height:40px;flex-shrink:0}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-body,.member-place-dialog .member-place-dialog-body{flex:1 1 auto;min-height:0;padding:0.75rem 0.85rem 0.85rem;overflow-x:hidden;overflow-y:auto}.member-ma-dialog:not(.member-place-dialog) .member-ma-tabs{display:flex;gap:0.35rem;margin:0 0 0.75rem;padding:0.2rem;border-radius:14px;border:1px solid var(--p4g-glass-border-soft)}.member-ma-dialog:not(.member-place-dialog) .member-ma-tab{flex:1;min-height:38px;padding:0.4rem 0.55rem;border-radius:11px !important;font-weight:700;font-size:0.86rem;cursor:pointer}.member-ma-dialog:not(.member-place-dialog) .member-ma-lead{margin:0 0 0.6rem;font-size:0.88rem;font-weight:600}.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-grid,.member-ma-dialog:not(.member-place-dialog) .member-ma-grid,.member-life-event-dialog .member-life-event-fb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.42rem;margin-bottom:0.25rem}@media (max-width:420px){.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-grid,.member-ma-dialog:not(.member-place-dialog) .member-ma-grid,.member-life-event-dialog .member-life-event-fb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-choice,.member-ma-dialog:not(.member-place-dialog) .member-ma-choice,.member-life-event-dialog .member-life-event-fb-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0.35rem;min-height:4.85rem;padding:0.48rem 0.28rem;margin:0;border-radius:12px !important;cursor:pointer;font-size:0.68rem;font-weight:600;text-align:center;line-height:1.2}.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-choice-label,.member-life-event-dialog .member-life-event-fb-choice-label{display:block;width:100%;hyphens:auto}.member-ma-dialog:not(.member-place-dialog) .member-ma-choice-emoji,.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-choice-icon,.member-life-event-dialog .member-life-event-fb-choice-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.member-ma-dialog:not(.member-place-dialog) .member-ma-notes-shared{margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--p4g-glass-border-soft)}.member-ma-dialog:not(.member-place-dialog) .member-ma-note-label{display:block;margin:0 0 0.4rem;font-size:0.72rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}.member-ma-dialog:not(.member-place-dialog) .member-ma-note-field:not(.member-ma-game-search):not(.member-ma-media-search):not(.member-ma-music-search):not(.member-ma-book-search){min-height:5.5rem;resize:vertical}.member-ma-dialog:not(.member-place-dialog) .member-ma-done,.member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-done{display:block;width:100%;box-sizing:border-box;margin-top:0.75rem;min-height:46px;padding:0.65rem 1rem;border-radius:12px !important;font-size:0.95rem;font-weight:700;cursor:pointer;transition:filter 0.15s ease,transform 0.15s ease}.member-place-dialog .member-place-done{display:block;width:100%;box-sizing:border-box;margin-top:0.75rem;min-height:46px;padding:0.65rem 1rem;border-radius:12px !important;font-size:0.95rem;font-weight:700;cursor:pointer}.member-ma-dialog:not(.member-place-dialog) .member-ma-place-search-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-game-picker-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-media-picker-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-music-picker-label,.member-ma-dialog:not(.member-place-dialog) .member-ma-book-picker-label{display:block;margin:0 0 0.4rem;font-size:0.82rem;font-weight:700}body.theme-dark{--p4g-glass-bg:color-mix(in srgb,var(--header-submenu-bg,#0f1d33) 58%,transparent);--p4g-glass-backdrop:rgba(4,10,22,0.62)}@media (prefers-reduced-motion:reduce){.member-ma-dialog:not(.member-place-dialog)[open] .member-ma-dialog-panel,.member-place-dialog[open] .member-place-dialog-panel,.member-life-event-dialog[open] .member-life-event-dialog-panel{animation:none !important}}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-panel,.member-place-dialog .member-place-dialog-panel,.member-life-event-dialog .member-life-event-dialog-panel,.member-poll-dialog .member-poll-panel{overflow-x:hidden !important;overflow-y:hidden !important;max-height:min(94vh,860px) !important}@media (max-height:780px){.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-panel,.member-place-dialog .member-place-dialog-panel,.member-life-event-dialog .member-life-event-dialog-panel,.member-poll-dialog .member-poll-panel{overflow-y:auto !important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--p4g-glass-accent) 35%,transparent) transparent}}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-top,.member-life-event-dialog .member-life-event-dialog-top,.member-place-dialog-top,.member-poll-dialog .member-life-event-fb-top{position:sticky;top:0;z-index:2}.member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-body,.member-life-event-dialog-body,.member-life-event-dialog .member-life-event-fb-step,.member-place-dialog-body{overflow-y:visible !important;max-height:none !important}.member-place-dialog .member-ma-place-results{overflow-y:auto;scrollbar-width:thin}html:not(.theme-dark){--p4g-glass-bg:#ffffff;--p4g-glass-bg-solid:#ffffff;--p4g-glass-border:rgba(15,23,42,0.1);--p4g-glass-border-soft:rgba(15,23,42,0.08);--p4g-glass-shadow:0 16px 40px rgba(15,23,42,0.12);--p4g-glass-text:#111827;--p4g-glass-text-muted:#4b5563;--p4g-glass-backdrop:rgba(15,23,42,0.38);--p4g-glass-item:#f3f4f6;--p4g-glass-item-hover:#e8eaed;--p4g-glass-item-active:color-mix(in srgb,var(--reviews-score-bg,#fc5f20) 14%,#ffffff);--p4g-glass-input-bg:#f3f4f6;--p4g-glass-gloss:none;--p4g-glass-blur:none}html:not(.theme-dark) .member-ma-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-place-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-life-event-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-poll-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-messages-compose-modal.member-ma-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-text-bg-picker,html:not(.theme-dark) .member-feed-composer .member-emoji-picker,html:not(.theme-dark) .member-feed-composer .member-gif-picker,html:not(.theme-dark) .member-composer-emoji-picker.member-emoji-picker.is-floating,html:not(.theme-dark) .member-post-privacy-menu,html:not(.theme-dark) .member-avatar-status-modal,body:not(.theme-dark) .member-ma-dialog.member-life-event-dialog--fb,body:not(.theme-dark) .member-place-dialog.member-life-event-dialog--fb,body:not(.theme-dark) .member-life-event-dialog.member-life-event-dialog--fb,body:not(.theme-dark) .member-poll-dialog.member-life-event-dialog--fb{color-scheme:light !important}html:not(.theme-dark) .member-ma-dialog-panel,html:not(.theme-dark) .member-place-dialog-panel,html:not(.theme-dark) .member-life-event-dialog-panel,html:not(.theme-dark) .member-poll-dialog .member-poll-panel.member-life-event-fb-panel,html:not(.theme-dark) .member-avatar-status-modal,html:not(.theme-dark) .member-text-bg-picker,html:not(.theme-dark) .member-feed-composer .member-emoji-picker,html:not(.theme-dark) .member-feed-composer .member-gif-picker,html:not(.theme-dark) .member-composer-emoji-picker.member-emoji-picker.is-floating,html:not(.theme-dark) .member-composer-text-bg-shell .member-text-bg-picker.is-floating,html:not(.theme-dark) .member-post-privacy-menu{background:#ffffff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:1px solid rgba(15,23,42,0.1) !important;box-shadow:0 16px 40px rgba(15,23,42,0.12) !important;color:#111827 !important}html:not(.theme-dark) .member-ma-dialog-gloss,html:not(.theme-dark) .member-place-dialog-gloss,html:not(.theme-dark) .member-life-event-dialog-gloss,html:not(.theme-dark) .member-text-bg-picker-gloss{display:none !important}html:not(.theme-dark) .member-ma-dialog.member-life-event-dialog--fb:not(.member-place-dialog)::backdrop,html:not(.theme-dark) .member-place-dialog::backdrop,html:not(.theme-dark) .member-life-event-dialog.member-life-event-dialog--fb::backdrop,html:not(.theme-dark) .member-poll-dialog::backdrop,html:not(.theme-dark) .member-avatar-status-dialog::backdrop{background:rgba(15,23,42,0.38) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;transition:opacity 0.22s ease}html:not(.theme-dark) .member-ma-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-place-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-life-event-dialog.member-life-event-dialog--fb,html:not(.theme-dark) .member-poll-dialog.member-life-event-dialog--fb{border:0;padding:0;background:transparent;max-width:min(92vw,440px);width:min(92vw,440px)}html:not(.theme-dark) .member-ma-dialog .member-ma-dialog-panel,html:not(.theme-dark) .member-ma-dialog .member-life-event-fb-panel,html:not(.theme-dark) .member-ma-dialog .member-ma-panel,html:not(.theme-dark) .member-place-dialog .member-place-dialog-panel,html:not(.theme-dark) .member-life-event-dialog .member-life-event-dialog-panel,html:not(.theme-dark) .member-poll-dialog .member-poll-panel{background:#ffffff !important;background-color:#ffffff !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;opacity:1;transform:translateY(0) scale(1);transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),box-shadow 0.22s ease}html:not(.theme-dark) .member-ma-dialog.member-life-event-dialog--fb:not(.member-place-dialog)::backdrop,html:not(.theme-dark) .member-place-dialog::backdrop,html:not(.theme-dark) .member-life-event-dialog.member-life-event-dialog--fb::backdrop,html:not(.theme-dark) .member-poll-dialog::backdrop{opacity:1;transition:opacity 0.22s ease}html:not(.theme-dark) .member-ma-choice,html:not(.theme-dark) .member-life-event-fb-choice,html:not(.theme-dark) .member-ma-tab,html:not(.theme-dark) .member-emoji-choice,html:not(.theme-dark) .member-gif-choice,html:not(.theme-dark) .member-post-privacy-option,html:not(.theme-dark) .member-life-event-fb-choice-label,html:not(.theme-dark) .member-ma-choice-label,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-choice,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-title,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-life-event-fb-heading,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-lead,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-tab,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-note-label,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-choice-label,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-game-picker-label,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-media-picker-label,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-music-picker-label,html:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-book-picker-label,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-choice,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-heading,html:not(.theme-dark) .member-life-event-dialog .member-life-event-dialog-title,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-lead,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-sub,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-section-label,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-hint-dynamic,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-choice-label,html:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-label,html:not(.theme-dark) .member-place-dialog .member-place-dialog-title,html:not(.theme-dark) .member-place-dialog .member-place-dialog-lead,html:not(.theme-dark) .member-poll-dialog .member-life-event-fb-heading,html:not(.theme-dark) .member-poll-dialog .member-poll-label,html:not(.theme-dark) .member-poll-dialog .member-poll-lead,html:not(.theme-dark) .member-poll-dialog .member-poll-add-option,body:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-choice,body:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-dialog-title,body:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-lead,body:not(.theme-dark) .member-ma-dialog:not(.member-place-dialog) .member-ma-tab,body:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-choice,body:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-heading,body:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-lead,body:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-sub,body:not(.theme-dark) .member-life-event-dialog .member-life-event-fb-section-label,body:not(.theme-dark) .member-poll-dialog .member-life-event-fb-heading,body:not(.theme-dark) .member-poll-dialog .member-poll-label,body:not(.theme-dark) .member-poll-dialog .member-poll-lead{color:#111827 !important;transition:background-color 0.15s ease,border-color 0.15s ease,transform 0.15s ease}html:not(.theme-dark) .member-ma-choice:hover,html:not(.theme-dark) .member-life-event-fb-choice:hover,html:not(.theme-dark) .member-ma-tab:hover,html:not(.theme-dark) .member-post-privacy-option:hover{transform:translateY(-1px)}html:not(.theme-dark) .member-ma-dialog input,html:not(.theme-dark) .member-ma-dialog textarea,html:not(.theme-dark) .member-place-dialog input,html:not(.theme-dark) .member-place-dialog textarea,html:not(.theme-dark) .member-life-event-dialog input,html:not(.theme-dark) .member-life-event-dialog textarea,html:not(.theme-dark) .member-poll-dialog input,html:not(.theme-dark) .member-poll-dialog textarea{color:#111827 !important;background:#f3f4f6 !important;border-color:rgba(15,23,42,0.08) !important;color-scheme:light !important;transition:border-color 0.15s ease,background-color 0.15s ease,box-shadow 0.15s ease}html:not(.theme-dark) .member-ma-dialog input:focus,html:not(.theme-dark) .member-ma-dialog textarea:focus,html:not(.theme-dark) .member-place-dialog input:focus,html:not(.theme-dark) .member-place-dialog textarea:focus,html:not(.theme-dark) .member-life-event-dialog input:focus,html:not(.theme-dark) .member-life-event-dialog textarea:focus,html:not(.theme-dark) .member-poll-dialog input:focus,html:not(.theme-dark) .member-poll-dialog textarea:focus{border-color:color-mix(in srgb,var(--reviews-score-bg,#fc5f20) 55%,#cbd5e1) !important;box-shadow:0 0 0 3px color-mix(in srgb,var(--reviews-score-bg,#fc5f20) 18%,transparent) !important;outline:none !important}html:not(.theme-dark) .member-ma-dialog input::placeholder,html:not(.theme-dark) .member-ma-dialog textarea::placeholder,html:not(.theme-dark) .member-place-dialog input::placeholder,html:not(.theme-dark) .member-place-dialog textarea::placeholder,html:not(.theme-dark) .member-life-event-dialog input::placeholder,html:not(.theme-dark) .member-life-event-dialog textarea::placeholder,html:not(.theme-dark) .member-poll-dialog input::placeholder,html:not(.theme-dark) .member-poll-dialog textarea::placeholder{color:var(--muted-text,#56463f) !important}@media (prefers-reduced-motion:reduce){html:not(.theme-dark) .member-ma-dialog .member-ma-dialog-panel,html:not(.theme-dark) .member-ma-dialog .member-life-event-fb-panel,html:not(.theme-dark) .member-place-dialog .member-place-dialog-panel,html:not(.theme-dark) .member-life-event-dialog .member-life-event-dialog-panel,html:not(.theme-dark) .member-poll-dialog .member-poll-panel,html:not(.theme-dark) .member-ma-choice,html:not(.theme-dark) .member-life-event-fb-choice,html:not(.theme-dark) .member-ma-tab,html:not(.theme-dark) .member-post-privacy-option{transition:none !important;transform:none !important}}
/* 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-platform-icons-global */
/* STYLE-DIET-PLATFORM-ICONS-GLOBAL — badges plateformes (articles, fiches, tests) */
.p4g-platform-inline-icon,
.p4g-switch-icon {
    display: inline-block;
    width: 1.05em;
    height: 1.05em;
    flex-shrink: 0;
    vertical-align: middle;
}

.game-sheet-platform-icon .p4g-platform-inline-icon,
.game-sheet-platform-icon .p4g-switch-icon {
    display: inline-block;
    width: 1.05em;
    height: 1.05em;
    flex-shrink: 0;
    vertical-align: middle;
}

.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 .p4g-platform-inline-icon,
.game-sheet-platform-icons.is-cover-top-left .game-sheet-platform-icon .p4g-switch-icon,
.game-sheet-platform-icons.is-card-corner .game-sheet-platform-icon .p4g-platform-inline-icon,
.game-sheet-platform-icons.is-card-corner .game-sheet-platform-icon .p4g-switch-icon,
.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon .p4g-platform-inline-icon,
.game-sheet-platform-icons.is-icons-only .game-sheet-platform-icon .p4g-switch-icon {
    width: 1.05em;
    height: 1.05em;
}

.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-embed-card .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-embed-card .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-game-embed-card .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon[style] {
    color: #fff !important;
}

.article-game-embed-card .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon i,
.article-game-embed-card .game-sheet-platform-icons.is-on-hero-dark .game-sheet-platform-icon .mdi::before,
.article-game-embed-card .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 {}
/* play4geek-style-game-sheet */
.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}.game-sheet-hero{padding:1.25rem 0 0}.game-term-label{text-transform:uppercase;letter-spacing:0.16em;font-size:0.75rem;opacity:0.9}.game-term-badges{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.game-term-badge{display:inline-flex;align-items:center;gap:0.32rem;padding:0.45rem 0.85rem;border-radius:999px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em}.game-term-badge-hype{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-title{margin:0.35rem 0 0.75rem;font-size:clamp(1.65rem,3.5vw,2.5rem);line-height:1.1;font-weight:800}.game-sheet-banner-content .game-term-badge-hype{color:#fff;border-color:rgba(255,255,255,0.25);background:linear-gradient(135deg,rgba(251,146,60,0.35),rgba(239,68,68,0.28))}.game-term-page{background:var(--bg-light)}.game-term-page.site-main,main.site-main.game-term-page{width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:1.25rem 0 4rem;box-sizing:border-box}@media (max-width:900px){.game-term-page.site-main,main.site-main.game-term-page{padding-left:0;padding-right:0}}.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(--bg-accent);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(--bg-accent);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(--bg-blue)}.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(--bg-blue);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(--bg-blue)}.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:820px){.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-term-page .game-sheet-hero-inner,.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{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.game-term-page .game-sheet-tab-panels,.game-sheet-tab-panels{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}.game-term-page .game-sheet-banner,.game-term-page .game-sheet-nav-bar{width:100%;max-width:none;box-sizing:border-box}.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-banner-platforms{margin-top:0.75rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.65rem 1rem;overflow:visible}.game-sheet-banner-platforms__main{flex:1 1 auto;min-width:0}.game-sheet-banner-platforms__main .game-sheet-platform-icons{margin-top:0}.game-sheet-banner-platforms__subscriptions{flex:0 0 auto;margin-left:auto;overflow:visible}.game-sheet-subscription-badges{display:inline-flex;align-items:center;gap:0.45rem}.game-sheet-subscription-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;min-width:38px;height:38px;padding:0;border-radius:11px;border:0;background:transparent;box-shadow:none;overflow:visible;cursor:default;transition:transform 0.18s ease,box-shadow 0.18s ease}.game-sheet-subscription-badge:hover,.game-sheet-subscription-badge:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.28);outline:none}.game-sheet-subscription-badge__icon{width:38px;height:38px;max-width:38px;border-radius:11px;object-fit:cover;display:block;pointer-events:none}.game-sheet-subscription-badge__tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(6px);min-width:168px;max-width:220px;padding:0.42rem 0.62rem;border-radius:8px;background:rgba(8,14,29,0.96);border:1px solid rgba(255,255,255,0.18);color:#fff;font-size:0.72rem;font-weight:600;line-height:1.35;text-align:center;white-space:normal;box-shadow:0 10px 24px rgba(0,0,0,0.35);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;z-index:30}.game-sheet-subscription-badge__tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(8,14,29,0.96)}.game-sheet-subscription-badge:hover .game-sheet-subscription-badge__tooltip,.game-sheet-subscription-badge:focus-visible .game-sheet-subscription-badge__tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.game-sheet-subscription-badges.is-meta .game-sheet-subscription-badge,.game-sheet-subscription-badges.is-sidebar .game-sheet-subscription-badge{width:34px;min-width:34px;height:34px;background:transparent;border:0;box-shadow:none}.game-sheet-subscription-badges.is-meta .game-sheet-subscription-badge__icon,.game-sheet-subscription-badges.is-sidebar .game-sheet-subscription-badge__icon{width:34px;height:34px;max-width:34px}.game-sheet-subscription-badges.is-meta .game-sheet-subscription-badge__tooltip,.game-sheet-subscription-badges.is-sidebar .game-sheet-subscription-badge__tooltip{background:#0f172a;border-color:rgba(15,23,42,0.12);color:#f8fafc}.game-sheet-subscription-badges.is-meta .game-sheet-subscription-badge__tooltip::after,.game-sheet-subscription-badges.is-sidebar .game-sheet-subscription-badge__tooltip::after{border-top-color:#0f172a}.game-sheet-meta-row--subscriptions .game-sheet-meta-subscriptions{display:inline-flex;align-items:center;justify-content:flex-end;font-weight:400}.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 .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(--bg-blue)}.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(--bg-blue);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(--bg-blue)}.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(--bg-blue);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(--bg-blue);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,.game-sidebar-description p,.article-sidebar-game-card .game-sidebar-description p{margin:0;line-height:1.7;color:var(--muted-text)}.article-sidebar-game-card .game-sidebar-description p{color:color-mix(in srgb,var(--text-light) 85%,transparent)}.game-term-franchise-description{margin:0 0 1.2rem;line-height:1.7;color:color-mix(in srgb,var(--text-dark) 78%,transparent)}.game-term-franchise-description p{margin:0 0 0.75rem}.game-term-franchise-description p:last-child{margin-bottom:0}.game-term-franchise-description strong,.game-sheet-description strong,.game-sidebar-description strong,.article-sidebar-game-card .game-sidebar-description strong{font-weight:700}.game-term-franchise-description em,.game-sheet-description em,.game-sidebar-description em,.article-sidebar-game-card .game-sidebar-description em{font-style:italic}.game-term-franchise-description ul,.game-term-franchise-description ol,.game-sheet-description ul,.game-sheet-description ol,.game-sidebar-description ul,.game-sidebar-description ol{margin:0.5rem 0 0.75rem 1.1rem;padding:0}.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(--bg-blue);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-meta-row--platforms .game-sheet-meta-platform-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0.22rem;max-width:min(100%,16rem);margin-left:auto}.game-sheet-meta-platform-tags > span[title],.game-sheet-meta-platform-tags span[title]{display:inline-flex;align-items:center;justify-content:center;padding:0.1rem 0.38rem;border-radius:5px;background:color-mix(in srgb,var(--bg-blue,#1e73be) 14%,transparent);border:1px solid color-mix(in srgb,var(--bg-blue,#1e73be) 28%,transparent);color:var(--text-dark);font-size:0.62rem;font-weight:800;line-height:1.15;letter-spacing:0.03em;text-transform:uppercase;white-space:nowrap}.game-sheet-meta-platform-tags-empty{color:var(--text-dark);font-size:0.9rem;font-weight:700;text-align:right}.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-term-franchise-inner{padding:0 0 1.5rem}.game-term-franchise-kicker{margin:0 0 0.2rem;font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:color-mix(in srgb,var(--text-dark) 58%,transparent)}.game-term-franchise-head h2{margin:0}.game-term-franchise-intro,.game-term-franchise-empty{margin:0 0 1rem;color:color-mix(in srgb,var(--text-dark) 72%,transparent)}.game-franchise-card-release{margin:-0.35rem 0.55rem 0.65rem;font-size:0.72rem;color:color-mix(in srgb,var(--text-dark) 62%,transparent)}.game-sheet-reviews,.game-sheet-media{margin-top:2rem}.game-sheet-reviews .tab-panel-content,.game-sheet-media .tab-panel-content{background:transparent}.game-term-media-featured{padding:1.5rem 0 0}.game-term-media-featured h2{margin:0 0 0.35rem;font-size:1.45rem;color:var(--text-dark)}.game-term-media-featured h3{margin:1.25rem 0 0.65rem;font-size:1.1rem;color:var(--text-dark)}.game-term-media-inner .section-subtitle{margin:0 0 1rem}.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));gap:1.1rem 1.25rem}.media-video-card{width:100%;max-width:100%;padding:0;border:1px solid var(--border-color,#d6e3f3);border-radius:14px;background:var(--surface-card,#fff);overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,0.07);transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease}.media-video-card:hover,.media-video-card:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,0.12);border-color:color-mix(in srgb,var(--bg-accent,#145982) 30%,transparent)}.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;width:100%;max-width:none;height:200px;min-height:200px;max-height:200px;aspect-ratio:405 / 200;background:linear-gradient(135deg,rgba(15,23,42,0.08),rgba(15,23,42,0.18));overflow:hidden;border-radius:0}.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(--bg-accent,#145982);font-size:1rem;box-shadow:0 8px 24px rgba(15,23,42,0.28);padding-left:0.12rem}.media-video:hover .video-play-icon i,.media-video:focus-visible .video-play-icon i{background:var(--bg-accent,#145982);color:#fff}.media-video-card__caption{display:flex;flex-direction:column;align-items:flex-start;gap:0.4rem;padding:0.8rem 0.9rem 0.95rem;text-align:left;border-top:1px solid rgba(15,23,42,0.07);background:linear-gradient(180deg,rgba(246,249,255,0.65),rgba(255,255,255,0))}.media-video-card__eyebrow{display:inline-flex;align-items:center;gap:0.38rem;font-size:0.68rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--bg-accent,#145982)}.media-video-card__eyebrow i{font-size:0.82rem;line-height:1}.media-video .video-title-label{display:-webkit-box;margin:0;font-size:0.94rem;line-height:1.42;font-weight:650;color:var(--text-dark);text-align:left;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.media-thumb .video-url-label{display:none}.no-posts-message{padding:2rem 1rem;text-align:center;color:var(--muted-text)}.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}@media (max-width:900px){.media-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-video-card{width:100%}.media-video .video-placeholder{max-width:none;width:100%;height:200px;min-height:200px;max-height:200px}.media-gallery-grid .media-thumb img{height:156px}.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{padding-left:0.9rem;padding-right:0.9rem}.game-sheet-tab-panels{padding-left:0;padding-right:0}.game-sheet-banner{padding:1rem;grid-template-columns:112px 1fr;gap:0.9rem}.game-sheet-banner-cover{max-width:112px}.game-sheet-pegi-badge{width:56px;height:72px;top:10px;right:10px}}@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-banner-platforms{flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0.5rem}.game-sheet-banner-platforms__main{flex:1 1 auto;min-width:0}.game-sheet-banner-platforms__main .game-sheet-platform-icons{justify-content:flex-start}.game-sheet-banner-platforms__subscriptions{margin-left:auto;flex-shrink:0}.game-sheet-nav-bar{flex-direction:column}.game-sheet-nav-side{margin-left:0;width:100%;justify-content:flex-end;flex-wrap:wrap}.game-sheet-collection-social{min-height:44px;padding:0.24rem 0.5rem 0.24rem 0.55rem}.game-sheet-collection-social-caption{display:none}.game-sheet-nav-actions{justify-content:flex-end}.game-sheet-collection-trigger,.game-sheet-hype-trigger{min-width:44px;min-height:44px}.game-sheet-news-grid{grid-template-columns:1fr}.game-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.game-term-page #clubs.game-sheet-panel,.game-term-page #clubs .game-sheet-clubs,.game-term-page #clubs .game-sheet-overview-inner,.game-term-page #clubs .game-sheet-overview-grid,.game-term-page #clubs .p4g-club-game-sheet-list{width:100%;max-width:none;margin-left:0;margin-right:0;box-sizing:border-box}.game-term-page #clubs .game-sheet-clubs.game-sheet-overview{margin-top:1rem;padding:0}.game-term-page #clubs .game-sheet-overview-grid{display:block;grid-template-columns:none;padding:0;border:0;background:transparent;border-radius:0;gap:0}.game-term-page #clubs .p4g-club-game-sheet-list{display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}.game-term-page #clubs .p4g-club-game-sheet-card{width:100%;max-width:none;min-width:0;margin:0}.game-term-page #clubs .p4g-club-game-sheet-card__link{display:grid;grid-template-columns:minmax(220px,34%) 1fr;align-items:stretch;width:100%;max-width:none;min-height:190px;margin:0;border-radius:14px;overflow:hidden;border:1px solid var(--border-color,#d6e3f3);background:var(--surface-card,#fff);text-decoration:none;color:inherit;box-shadow:0 10px 26px rgba(8,18,32,0.06);transition:border-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease}.game-term-page #clubs .p4g-club-game-sheet-card__link:hover{border-color:color-mix(in srgb,var(--bg-blue,#1e73be) 45%,var(--border-color,#d6e3f3));transform:translateY(-1px);box-shadow:0 14px 30px rgba(8,18,32,0.1)}.game-term-page #clubs .p4g-club-game-sheet-card__visual{position:relative;min-height:100%;overflow:hidden}.game-term-page #clubs .p4g-club-game-sheet-card__cover{position:absolute;inset:0;display:block;background-size:cover;background-position:center}.game-term-page #clubs .p4g-club-game-sheet-card__cover.p4g-club-banner--placeholder{background:linear-gradient(120deg,#0a1628 0%,#145982 100%)}.game-term-page #clubs .p4g-club-game-sheet-card--type-community .p4g-club-game-sheet-card__cover.p4g-club-banner--placeholder{background:linear-gradient(120deg,#0a1628 0%,#2e7d5a 100%)}.game-term-page #clubs .p4g-club-game-sheet-card--type-streamer .p4g-club-game-sheet-card__cover.p4g-club-banner--placeholder{background:linear-gradient(120deg,#0a1628 0%,#7c3aed 100%)}.game-term-page #clubs .p4g-club-game-sheet-card--type-organization .p4g-club-game-sheet-card__cover.p4g-club-banner--placeholder{background:linear-gradient(120deg,#0a1628 0%,#1e73be 100%)}.game-term-page #clubs .p4g-club-game-sheet-card--type-developer .p4g-club-game-sheet-card__cover.p4g-club-banner--placeholder{background:linear-gradient(120deg,#0a1628 0%,#b45f14 100%)}.game-term-page #clubs .p4g-club-game-sheet-card__cover .p4g-club-banner-placeholder__pattern{opacity:0.28}.game-term-page #clubs .p4g-club-game-sheet-card__cover .p4g-club-banner-placeholder__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:rgba(255,255,255,0.12);pointer-events:none}.game-term-page #clubs .p4g-club-game-sheet-card__cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,32,0.08) 0%,rgba(8,18,32,0.55) 100%);pointer-events:none}.game-term-page #clubs .p4g-club-game-sheet-card__avatar{position:absolute;left:1rem;bottom:1rem;z-index:2;display:inline-flex;width:72px;height:72px;border-radius:16px;overflow:hidden;border:3px solid #fff;box-shadow:0 8px 18px rgba(8,18,32,0.18);background:#fff}.game-term-page #clubs .p4g-club-game-sheet-card__avatar img,.game-term-page #clubs .p4g-club-game-sheet-card__avatar .p4g-club-avatar,.game-term-page #clubs .p4g-club-game-sheet-card__avatar .p4g-club-avatar-img,.game-term-page #clubs .p4g-club-game-sheet-card__avatar .p4g-club-avatar-fallback{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.game-term-page #clubs .p4g-club-game-sheet-card__avatar .p4g-club-avatar-fallback{display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;background:color-mix(in srgb,var(--p4g-club-accent,#1e73be) 28%,#0e2038);color:#fff}.game-term-page #clubs .p4g-club-game-sheet-card__avatar .p4g-club-avatar-initials{font-size:1rem;font-weight:800}.game-term-page #clubs .p4g-club-game-sheet-card__content{display:flex;flex-direction:column;justify-content:center;gap:0.45rem;min-width:0;padding:1.25rem 1.35rem}.game-term-page #clubs .p4g-club-game-sheet-card__type{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--bg-accent,#145982)}.game-term-page #clubs .p4g-club-game-sheet-card__title{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;line-height:1.15;color:var(--text-dark,#111827)}.game-term-page #clubs .p4g-club-game-sheet-card__tagline{color:var(--muted-text,rgba(14,32,56,0.68));line-height:1.45}.game-term-page #clubs .p4g-club-game-sheet-card__stats{display:flex;flex-wrap:wrap;gap:0.65rem 1rem;margin-top:0.15rem}.game-term-page #clubs .p4g-club-game-sheet-card__stat{display:inline-flex;align-items:center;gap:0.35rem;font-size:0.86rem;color:var(--muted-text,rgba(14,32,56,0.72))}.game-term-page #clubs .p4g-club-game-sheet-card__stat span{font-weight:800;color:var(--text-dark,#111827)}.game-term-page #clubs .p4g-club-game-sheet-card__cta{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.35rem;font-size:0.88rem;font-weight:700;color:var(--bg-blue,#1e73be)}.game-term-page #clubs .game-sheet-clubs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.game-term-page #clubs .game-sheet-clubs-head h2{margin:0 0 0.35rem;font-size:clamp(1.2rem,2vw,1.5rem)}.game-term-page #clubs .game-sheet-clubs-head p{margin:0;color:rgba(14,32,56,0.68)}.game-term-page #clubs .game-sheet-clubs-directory-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.88rem;font-weight:600;white-space:nowrap;color:var(--bg-blue,#1e73be);text-decoration:none}.game-term-page #clubs .game-sheet-clubs-directory-link:hover,.game-term-page #clubs .game-sheet-clubs-directory-link:focus-visible{color:var(--bg-accent,#145982)}.game-term-page #clubs .game-sheet-clubs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.45rem;min-height:220px;padding:2rem 1rem;border:1px dashed var(--border-color,#d6e3f3);border-radius:16px;text-align:center}.game-term-page #clubs .game-sheet-clubs-empty__icon{font-size:2rem;line-height:1}.game-term-page #clubs .game-sheet-clubs-empty__title{margin:0;font-weight:700}.game-term-page #clubs .game-sheet-clubs-empty__text{margin:0;max-width:34rem;color:rgba(14,32,56,0.65)}@media (max-width:720px){.game-term-page #clubs .p4g-club-game-sheet-card__link{grid-template-columns:1fr}.game-term-page #clubs .p4g-club-game-sheet-card__visual{min-height:140px}.game-term-page #clubs .game-sheet-clubs-head{flex-direction:column;align-items:stretch}}
/* 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-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-forum */
/**
 * Play4Geek Forum — interface type board professionnelle.
 */

.p4g-forum-page.site-main,
.member-public-page.site-main.p4g-forum-page {
    width: 100%;
    max-width: min(1600px, 100%);
    margin-left: auto;
    margin-right: auto;
    align-self: stretch;
    padding: 0.45rem 1.5rem 2.5rem;
    box-sizing: border-box;
}

.p4g-forum-page {
    --p4g-forum-radius: 14px;
    --p4g-forum-border: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 14%, #d7dee8);
    --p4g-forum-surface: #ffffff;
    --p4g-forum-muted: rgba(15, 23, 42, 0.62);
    overflow-x: clip;
}

.p4g-forum-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: clip;
}

.p4g-forum-kicker {
    display: inline-block;
    margin: 0 0 0.35rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, transparent);
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.p4g-forum-title {
    margin: 0;
    font-size: clamp(1.7rem, 3vw, 2.35rem);
    line-height: 1.12;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-lead {
    margin: 0.65rem 0 0;
    max-width: 68ch;
    color: var(--p4g-forum-muted);
    line-height: 1.65;
}

.p4g-forum-layout {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(0, 0.9fr);
    gap: 1.5rem;
    margin-top: 1.25rem;
    align-items: start;
}

.p4g-forum-main,
.p4g-forum-sidebar {
    min-width: 0;
    max-width: 100%;
}

.p4g-forum-sidebar {
    display: grid;
    gap: 1rem;
    align-self: start;
    align-content: start;
}

.p4g-forum-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
    font-size: 0.86rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-breadcrumbs li:not(:last-child)::after {
    content: "›";
    margin-left: 0.35rem;
    opacity: 0.55;
}

.p4g-forum-breadcrumbs a {
    color: var(--p4g-forum-primary, #1e73be);
    text-decoration: none;
    font-weight: 600;
}

.p4g-forum-breadcrumbs a:hover,
.p4g-forum-breadcrumbs a:focus-visible {
    text-decoration: underline;
    outline: none;
}

.p4g-forum-topic__board-link {
    color: var(--p4g-forum-primary, #1e73be);
    font-weight: 600;
    text-decoration: none;
}

.p4g-forum-topic__board-link:hover,
.p4g-forum-topic__board-link:focus-visible {
    text-decoration: underline;
    outline: none;
}

.p4g-forum-notice {
    margin: 0 0 1rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
}

.p4g-forum-notice--success {
    background: #ecfdf5;
    border-color: #86efac;
    color: #166534;
}

.p4g-forum-notice--error {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.p4g-forum-board-grid {
    display: grid;
    gap: 0.85rem;
}

.p4g-forum-board-groups {
    display: grid;
    gap: 1.15rem;
}

.p4g-forum-board-group {
    display: grid;
    gap: 0.65rem;
}

.p4g-forum-board-group--section {
    gap: 0;
    padding: 0 0 1.35rem;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.p4g-forum-board-group--section + .p4g-forum-board-group--section,
.p4g-forum-board-group--section + .p4g-forum-board-group {
    margin-top: 0.35rem;
}

.p4g-forum-board-section {
    scroll-margin-top: 1.5rem;
}

.p4g-forum-board-section__head {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0;
    margin: 0 0 0.65rem;
}

.p4g-forum-board-section__title {
    margin: 0;
    flex: 0 1 auto;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: var(--p4g-forum-text, #0e2038);
}

.p4g-forum-board-section__line {
    display: block;
    height: 5px;
    flex: 1 1 auto;
    min-width: 2.5rem;
    border-radius: 999px;
    background: var(--bg-accent, #e85d04);
    opacity: 0.95;
}

.p4g-forum-board-section__desc {
    margin: 0 0 0.85rem;
    color: var(--p4g-forum-muted, #5f6b7a);
    font-size: 0.95rem;
    line-height: 1.45;
}

.p4g-forum-board-section__empty {
    margin: 0;
    padding: 0.75rem 0.95rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--p4g-forum-border) 35%, transparent);
    color: var(--p4g-forum-muted, #5f6b7a);
    font-size: 0.92rem;
}

.p4g-forum-board-section__body {
    display: grid;
    gap: 0.85rem;
}

.p4g-forum-board-tree {
    display: grid;
    gap: 0.85rem;
}

.p4g-forum-board-tree-item {
    display: grid;
    gap: 0.55rem;
}

.p4g-forum-board-tree-item--nested .p4g-forum-board-card--sub .p4g-forum-board-card__link {
    padding: 0.75rem 0.9rem;
}

.p4g-forum-subboard-grid--nested {
    margin-left: 0.25rem;
    padding-left: 0.75rem;
    border-left-width: 1px;
}

.p4g-forum-board-group--section .p4g-forum-subboard-grid {
    margin-top: 0;
}

.p4g-forum-subboard-grid {
    display: grid;
    gap: 0.65rem;
    margin-left: 0.35rem;
    padding-left: 0.95rem;
    border-left: 2px solid color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 28%, var(--p4g-forum-border));
}

.p4g-forum-board-grid--children {
    margin-top: 0.25rem;
}

/* Liste des sous-catégories avec dernière réponse + avatar */
.p4g-forum-board-list {
    display: grid;
    gap: 0;
    margin-top: 0.35rem;
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    background: var(--p4g-forum-surface);
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.p4g-forum-board-list__row {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(12rem, 0.9fr);
    gap: 0.75rem 1rem;
    align-items: center;
    padding: 0.65rem 0.85rem;
    color: inherit;
    border-top: 1px solid color-mix(in srgb, var(--p4g-forum-border) 85%, transparent);
    transition: background 0.15s ease;
}

.p4g-forum-board-list__row:first-child {
    border-top: 0;
}

.p4g-forum-board-list__row:hover,
.p4g-forum-board-list__row:focus-within {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 6%, var(--p4g-forum-surface));
}

.p4g-forum-board-list__main-link {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: center;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.p4g-forum-board-list__icon {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 11%, #fff);
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 0.95rem;
    flex-shrink: 0;
}

.p4g-forum-board-list__main {
    min-width: 0;
    display: grid;
    gap: 0.12rem;
}

.p4g-forum-board-list__title {
    display: block;
    font-size: 0.94rem;
    line-height: 1.25;
    color: var(--p4g-forum-text, #0e2038);
}

.p4g-forum-board-list__desc {
    display: block;
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--p4g-forum-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p4g-forum-board-list__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    text-align: right;
    flex-shrink: 0;
}

.p4g-forum-board-list__pill {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.08rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 10%, transparent);
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.p4g-forum-board-list__counts {
    font-size: 0.72rem;
    color: var(--p4g-forum-muted);
    white-space: nowrap;
}

.p4g-forum-board-list__activity {
    min-width: 0;
}

.p4g-forum-board-list__activity-link {
    display: block;
    padding: 0.15rem 0.25rem;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.15s ease;
}

.p4g-forum-board-list__activity-link:hover,
.p4g-forum-board-list__activity-link:focus-visible {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, transparent);
    outline: none;
}

.p4g-forum-board-list__activity-link .p4g-forum-activity-snippet__avatar-img {
    width: 36px;
    height: 36px;
}

.p4g-forum-board-list__activity-link .p4g-forum-activity-snippet__headline {
    font-size: 0.8rem;
}

.p4g-forum-board-list__activity-link .p4g-forum-activity-snippet__author {
    font-weight: 700;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-board-list__activity-link .p4g-forum-activity-snippet__time {
    color: var(--p4g-forum-muted);
    font-size: 0.76rem;
}

.p4g-forum-board-list__activity-link .p4g-forum-activity-snippet__topic {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--p4g-forum-text, #111827);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.p4g-forum-board-list__activity-link:hover .p4g-forum-activity-snippet__topic,
.p4g-forum-board-list__activity-link:focus-visible .p4g-forum-activity-snippet__topic {
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-board-list__activity-empty {
    margin: 0;
    font-size: 0.78rem;
    color: var(--p4g-forum-muted);
    text-align: right;
}

.p4g-forum-board-group .p4g-forum-board-list {
    margin-top: 0.15rem;
}

.p4g-forum-board-section__body .p4g-forum-board-list {
    margin-top: 0;
}

body.theme-dark .p4g-forum-board-list__icon {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 18%, transparent);
}

body.theme-dark .p4g-forum-board-list__row:hover,
body.theme-dark .p4g-forum-board-list__row:focus-within {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, transparent);
}

@media (max-width: 900px) {
    .p4g-forum-board-list__row {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .p4g-forum-board-list__activity-empty {
        text-align: left;
    }
}

@media (max-width: 720px) {
    .p4g-forum-board-list__main-link {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.6rem;
    }

    .p4g-forum-board-list__meta {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0.35rem;
    }

    .p4g-forum-board-list__desc {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.p4g-forum-board-card--sub .p4g-forum-board-card__icon {
    width: 48px;
    height: 48px;
    font-size: 1.05rem;
}

.p4g-forum-board-card--sub .p4g-forum-board-card__link {
    grid-template-columns: 48px minmax(0, 1fr);
    padding: 0.85rem 0.95rem;
}

.p4g-forum-board-card--parent {
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 24%, var(--p4g-forum-border));
}

.p4g-forum-board-card__shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 88px minmax(220px, 1.1fr);
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.05rem;
}

.p4g-forum-board-card__main {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0.85rem;
    align-items: center;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.p4g-forum-board-card__topics {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.35rem 0.5rem;
    border-left: 1px solid var(--p4g-forum-border);
    border-right: 1px solid var(--p4g-forum-border);
    text-align: center;
    min-height: 100%;
}

.p4g-forum-board-card__topics strong {
    font-size: 1.35rem;
    line-height: 1;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-board-card__topics span {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--p4g-forum-muted);
}

.p4g-forum-board-card__activity {
    min-width: 0;
}

.p4g-forum-board-card__activity-link {
    display: block;
    padding: 0.2rem 0.35rem;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.15s ease;
}

.p4g-forum-board-card__activity-link:hover,
.p4g-forum-board-card__activity-link:focus-visible {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 7%, transparent);
    outline: none;
}

.p4g-forum-board-card__activity-link .p4g-forum-activity-snippet__avatar-img {
    width: 42px;
    height: 42px;
}

.p4g-forum-board-card__activity-link .p4g-forum-activity-snippet__headline {
    font-size: 0.84rem;
}

.p4g-forum-board-card__activity-link .p4g-forum-activity-snippet__author {
    font-weight: 700;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-board-card__activity-link .p4g-forum-activity-snippet__time {
    color: var(--p4g-forum-text, #111827);
    font-size: 0.82rem;
}

.p4g-forum-board-card__activity-link .p4g-forum-activity-snippet__topic {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-board-card__activity-link:hover .p4g-forum-activity-snippet__topic,
.p4g-forum-board-card__activity-link:focus-visible .p4g-forum-activity-snippet__topic {
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-board-card__activity-empty {
    margin: 0;
    font-size: 0.82rem;
    color: var(--p4g-forum-muted);
    text-align: right;
}

.p4g-forum-subboard-section {
    display: grid;
    gap: 0.55rem;
}

.p4g-forum-subboard-section--archive + .p4g-forum-subboard-section--archive {
    margin-top: 0.35rem;
}

.p4g-forum-subboard-sections {
    display: grid;
    gap: 1.35rem;
}

.p4g-forum-subboard-topics {
    margin: 0;
    padding: 0 0.15rem 0.35rem;
}

.p4g-forum-subboard-topics__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
    margin-bottom: 0.55rem;
}

.p4g-forum-subboard-topics__title {
    margin: 0;
    font-size: 1rem;
}

.p4g-forum-subboard-topics__title a {
    color: inherit;
    text-decoration: none;
}

.p4g-forum-subboard-topics__title a:hover {
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-subboard-topics__all {
    font-size: 0.84rem;
    font-weight: 600;
    text-decoration: none;
}

.p4g-forum-subboard-topics__empty {
    margin: 0.25rem 0 0;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 65%, #fff);
    color: var(--p4g-forum-muted);
    font-size: 0.88rem;
}

.p4g-forum-subboard-topics__list {
    margin: 0.15rem 0 0;
    padding: 0.55rem 0.85rem 0.65rem;
    list-style: none;
    border-radius: 10px;
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 55%, #fff);
    border: 1px solid var(--p4g-forum-border);
}

.p4g-forum-subboard-topics__list li {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.35rem 0.75rem;
    padding: 0.35rem 0;
    border-top: 1px solid color-mix(in srgb, var(--p4g-forum-border) 70%, transparent);
}

.p4g-forum-subboard-topics__list li:first-child {
    border-top: 0;
    padding-top: 0;
}

.p4g-forum-subboard-topics__list a {
    font-weight: 600;
    text-decoration: none;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-subboard-topics__list a:hover {
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-subboard-topics__meta {
    font-size: 0.8rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-topic-table--nested {
    margin-top: 0.15rem;
}

.p4g-forum-direct-topics {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--p4g-forum-border);
}

.p4g-forum-board-card {
    background: var(--p4g-forum-surface);
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.p4g-forum-board-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.p4g-forum-board-card__link {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 0.85rem;
    padding: 1rem 1.05rem;
    text-decoration: none;
    color: inherit;
}

.p4g-forum-board-card__icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, #fff);
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 1.25rem;
}

.p4g-forum-board-card__title {
    display: block;
    font-size: 1.05rem;
    margin-bottom: 0.2rem;
}

.p4g-forum-board-card__desc,
.p4g-forum-board-card__stats {
    display: block;
    font-size: 0.86rem;
    color: var(--p4g-forum-muted);
    line-height: 1.45;
}

.p4g-forum-board-header {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}

.p4g-forum-board-header__icon {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, #fff);
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 1.45rem;
}

.p4g-forum-board-meta {
    margin: 0.45rem 0 0;
    color: var(--p4g-forum-muted);
    font-size: 0.88rem;
}

.p4g-forum-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}

.p4g-forum-sort {
    display: inline-flex;
    gap: 0.35rem;
    padding: 0.2rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 80%, #fff);
    border: 1px solid var(--p4g-forum-border);
}

.p4g-forum-sort__link {
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    text-decoration: none;
    color: var(--p4g-forum-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.p4g-forum-sort__link.is-active {
    background: var(--p4g-forum-primary, #1e73be);
    color: #fff;
}

.p4g-forum-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: 0;
    border-radius: 999px;
    padding: 0.62rem 1rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    font: inherit;
}

.p4g-forum-btn--primary {
    background: var(--p4g-forum-primary, #1e73be);
    color: #fff;
}

.p4g-forum-btn--ghost {
    background: transparent;
    color: var(--p4g-forum-primary, #1e73be);
    border: 1px solid var(--p4g-forum-border);
}

.p4g-forum-btn--small {
    padding: 0.35rem 0.65rem;
    font-size: 0.78rem;
}

.p4g-forum-btn.is-danger {
    color: #b91c1c;
    border-color: #fecaca;
}

.p4g-forum-topic-table {
    background: var(--p4g-forum-surface);
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    overflow: hidden;
}

.p4g-forum-topic-table__head,
.p4g-forum-topic-row {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) 88px 88px minmax(180px, 1fr);
    gap: 0.85rem 1rem;
    align-items: center;
    padding: 0.85rem 1.1rem;
}

.p4g-forum-topic-table__head {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, #fff);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--p4g-forum-muted);
}

.p4g-forum-topic-row {
    border-top: 1px solid var(--p4g-forum-border);
}

.p4g-forum-topic-row.is-sticky {
    background: color-mix(in srgb, var(--p4g-forum-accent, #e85d04) 6%, #fff);
    box-shadow: inset 3px 0 0 var(--p4g-forum-accent, #e85d04);
}

.p4g-forum-topic-row.is-unread .p4g-forum-topic-row__title {
    font-weight: 800;
}

.p4g-forum-topic-row__link {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
    text-decoration: none;
    color: inherit;
}

.p4g-forum-topic-row__author-avatar {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}

.p4g-forum-topic-row__author-avatar-img,
.p4g-forum-topic-row__author-avatar .p4g-forum-avatar,
.p4g-forum-topic-row__author-avatar img {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

.p4g-forum-topic-row__author-avatar .p4g-forum-avatar-wrap {
    width: 40px;
    height: 40px;
}

.p4g-forum-topic-row__copy {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.p4g-forum-topic-row__title {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    color: var(--p4g-forum-text, #111827);
    font-weight: 600;
    line-height: 1.35;
}

.p4g-forum-topic-row__title-line {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    flex: 1 1 auto;
}

.p4g-forum-topic-row__title-text {
    min-width: 0;
    line-height: 1.35;
}

.p4g-forum-title--topic {
    display: block;
}

.p4g-forum-title__line {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
}

.p4g-forum-title__text {
    min-width: 0;
    line-height: 1.12;
}

.p4g-forum-badge--prefix-row {
    font-size: 0.62rem;
    padding: 0.14rem 0.45rem;
    flex-shrink: 0;
    white-space: nowrap;
}

.p4g-forum-badge--prefix-title {
    font-size: 0.72rem;
    padding: 0.2rem 0.55rem;
    flex-shrink: 0;
    white-space: nowrap;
    vertical-align: middle;
}

.p4g-forum-topic-thumb {
    display: inline-flex;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid var(--p4g-forum-border);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, #fff);
}

.p4g-forum-topic-thumb--row {
    width: 46px;
    height: 62px;
}

.p4g-forum-topic-thumb--sidebar {
    width: 40px;
    height: 54px;
}

.p4g-forum-topic-thumb--single {
    width: 72px;
    height: 98px;
}

.p4g-forum-topic-thumb__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p4g-forum-topic-thumb--icon {
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, #fff);
}

.p4g-forum-topic-thumb__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 1rem;
}

.p4g-forum-topic-thumb--single .p4g-forum-topic-thumb__icon {
    font-size: 1.45rem;
}

.p4g-forum-topic-row__starter {
    margin: 0.2rem 0 0;
    font-size: 0.8rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-topic-row__stat {
    text-align: center;
    font-weight: 700;
}

.p4g-forum-topic-row__activity {
    font-size: 0.8rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-activity-snippet {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    min-width: 0;
}

.p4g-forum-activity-snippet__avatar {
    flex-shrink: 0;
    line-height: 0;
}

.p4g-forum-activity-snippet__avatar-img {
    display: block;
    width: 34px;
    height: 34px;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
}

.p4g-forum-activity-snippet__body {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.p4g-forum-activity-snippet__headline {
    display: block;
    line-height: 1.35;
    font-size: 0.78rem;
}

.p4g-forum-activity-snippet__author {
    font-weight: 600;
    color: var(--p4g-forum-primary, #1e73be);
    text-decoration: none;
}

a.p4g-forum-activity-snippet__author:hover {
    text-decoration: underline;
}

.p4g-forum-activity-snippet__time {
    color: inherit;
    font-weight: 400;
    white-space: normal;
}

.p4g-forum-activity-snippet__topic {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-topic {
    min-width: 0;
    max-width: 100%;
    overflow-x: clip;
    background: var(--p4g-forum-surface);
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    padding: 1rem;
}

.p4g-forum-topic__header {
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid var(--p4g-forum-border);
}

.p4g-forum-topic__header-main {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.p4g-forum-topic__header-copy {
    min-width: 0;
    flex: 1;
}

.p4g-forum-topic__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.45rem;
}

.p4g-forum-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.p4g-forum-badge--sticky { background: #fff7ed; color: #c2410c; }
.p4g-forum-badge--locked { background: #fef2f2; color: #b91c1c; }
.p4g-forum-badge--solved { background: #ecfdf5; color: #166534; }
.p4g-forum-badge--prefix {
    background: var(--p4g-prefix-bg, #f3f4f6);
    color: var(--p4g-prefix-color, #374151);
}

.p4g-forum-topic__meta {
    margin: 0.45rem 0 0;
    color: var(--p4g-forum-muted);
    font-size: 0.88rem;
}

.p4g-forum-topic__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.75rem;
}

.p4g-forum-post {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--p4g-forum-border);
}

.p4g-forum-post--op {
    border-bottom-width: 2px;
}

.p4g-forum-post__body {
    min-width: 0;
    max-width: 100%;
}

.p4g-forum-post__aside {
    text-align: center;
}

.p4g-forum-avatar {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    object-fit: cover;
    margin: 0 auto 0.45rem;
    display: block;
}

.p4g-forum-avatar-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
    vertical-align: middle;
}

.p4g-forum-avatar-wrap .p4g-forum-avatar,
.p4g-forum-avatar-wrap .p4g-forum-activity-snippet__avatar-img,
.p4g-forum-avatar-wrap .p4g-forum-sidebar-latest__avatar-img,
.p4g-forum-avatar-wrap img {
    margin: 0;
}

.p4g-forum-avatar-wrap.is-online::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c55e;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.35);
    z-index: 2;
    pointer-events: none;
}

.p4g-forum-avatar-wrap--sm.is-online::after {
    width: 8px;
    height: 8px;
    border-width: 1.5px;
    right: 0;
    bottom: 0;
}

.p4g-forum-avatar-wrap--md.is-online::after {
    width: 10px;
    height: 10px;
}

.p4g-forum-avatar-wrap--lg.is-online::after {
    width: 13px;
    height: 13px;
    right: 2px;
    bottom: 2px;
}

body.theme-dark .p4g-forum-avatar-wrap.is-online::after {
    border-color: #1f2937;
}

.p4g-forum-activity-snippet__avatar .p4g-forum-avatar-wrap,
.p4g-forum-sidebar-latest__avatar .p4g-forum-avatar-wrap,
.p4g-forum-user-avatar-tip .p4g-forum-avatar-wrap {
    flex-shrink: 0;
}

.p4g-forum-avatar--sm {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin: 0;
    display: block;
}

.p4g-forum-user-avatar-tip {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
}

.p4g-forum-user-avatar-tip__bubble {
    position: absolute;
    z-index: 6;
    left: 50%;
    bottom: calc(100% + 0.45rem);
    transform: translateX(-50%) translateY(4px);
    padding: 0.28rem 0.55rem;
    border-radius: 6px;
    background: rgba(15, 23, 42, 0.94);
    color: #f8fafc;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.p4g-forum-user-avatar-tip__bubble::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(15, 23, 42, 0.94);
}

.p4g-forum-user-avatar-tip:hover .p4g-forum-user-avatar-tip__bubble,
.p4g-forum-user-avatar-tip:focus-visible .p4g-forum-user-avatar-tip__bubble {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.p4g-forum-post__author {
    display: block;
    font-size: 0.9rem;
}

.p4g-forum-post__role {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: var(--p4g-forum-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.p4g-forum-post__content {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.65;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-post__content :where(p, li, blockquote, h1, h2, h3, h4, h5, h6, .p4g-forum-spoiler__body, div) {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.p4g-forum-post__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin-top: 0.75rem;
    font-size: 0.8rem;
    color: var(--p4g-forum-muted);
    width: 100%;
}

.p4g-forum-post--op .p4g-forum-post__footer-actions {
    margin-left: auto;
    flex-shrink: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.p4g-forum-topic-reactions {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.p4g-forum-post__footer .p4g-forum-topic-reaction-wrap {
    position: relative;
    display: inline-flex;
    align-items: flex-end;
    overflow: visible;
    z-index: 3;
    padding-top: 3.25rem;
    margin-top: -3.25rem;
}

.p4g-forum-post__footer .member-feed-reaction-summary {
    margin: 0;
}

.p4g-forum-post__footer .member-feed-reaction-picker {
    left: auto;
    right: 0;
    transform-origin: right bottom;
}

.p4g-forum-topic-reaction-form.is-submitting {
    opacity: 0.72;
    pointer-events: none;
}

.p4g-forum-link-btn {
    border: 0;
    background: transparent;
    color: var(--p4g-forum-primary, #1e73be);
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.p4g-forum-replies__title {
    margin: 1rem 0 0.35rem;
    font-size: 1rem;
}

.p4g-forum-replies__pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    margin: 1rem 0 0;
    padding: 0;
}

.p4g-forum-replies__pagination a.page-numbers,
.p4g-forum-replies__pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    min-height: 2.35rem;
    margin: 0;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid var(--p4g-forum-border);
    background: var(--p4g-forum-surface, #fff);
    color: var(--bg-accent, #e85d04);
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}

.p4g-forum-replies__pagination span.page-numbers.current {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, #fff);
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 35%, var(--p4g-forum-border));
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-replies__pagination a.page-numbers:hover,
.p4g-forum-replies__pagination a.page-numbers:focus-visible {
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 40%, var(--p4g-forum-border));
    color: var(--p4g-forum-primary, #1e73be);
    outline: none;
}

.p4g-forum-composer {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: var(--p4g-forum-radius);
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 70%, #fff);
    border: 1px solid var(--p4g-forum-border);
}

.p4g-forum-composer[hidden] {
    display: none !important;
}

.p4g-forum-composer__title {
    margin: 0 0 0.75rem;
    font-size: 1rem;
}

.p4g-forum-field {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.75rem;
}

.p4g-forum-field input,
.p4g-forum-field textarea,
.p4g-forum-field select {
    width: 100%;
    border: 1px solid var(--p4g-forum-border);
    border-radius: 10px;
    padding: 0.7rem 0.8rem;
    font: inherit;
    box-sizing: border-box;
    background: #fff;
}

.p4g-forum-topic-title-field {
    display: flex;
    align-items: stretch;
    width: 100%;
    border: 1px solid var(--p4g-forum-border);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.p4g-forum-field .p4g-forum-topic-title-field select,
.p4g-forum-field .p4g-forum-topic-title-field input {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.p4g-forum-topic-title-field__prefix {
    width: auto;
    min-width: 5.5rem;
    max-width: 7.25rem;
    flex-shrink: 0;
    margin: 0;
    border: 0;
    border-right: 1px solid var(--p4g-forum-border);
    border-radius: 0;
    padding: 0.7rem 1.75rem 0.7rem 0.55rem;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 7%, #fff);
    color: var(--p4g-forum-text, #111827);
    font-weight: 600;
    font-size: 0.88rem;
    cursor: pointer;
}

.p4g-forum-topic-title-field__input {
    flex: 1;
    min-width: 0;
    width: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 0.7rem 0.8rem;
    background: transparent;
}

.p4g-forum-topic-title-field__input:focus,
.p4g-forum-topic-title-field__prefix:focus {
    outline: none;
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 35%, transparent);
}

.p4g-forum-topic-title-field:focus-within {
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 45%, var(--p4g-forum-border));
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, transparent);
}

.p4g-forum-field--editor .p4g-forum-field__label {
    display: block;
    margin-bottom: 0.35rem;
    font-weight: 700;
}

.p4g-forum-editor {
    border: 1px solid var(--p4g-forum-border);
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.p4g-forum-editor__input--bound {
    display: none !important;
}

.p4g-forum-editor .ql-toolbar.ql-snow {
    border: 0;
    border-bottom: 1px solid var(--p4g-forum-border);
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 55%, #fff);
    padding: 0.45rem 0.55rem;
}

.p4g-forum-editor .ql-container.ql-snow {
    border: 0;
    font-family: inherit;
    font-size: 0.95rem;
}

.p4g-forum-editor .ql-editor {
    min-height: var(--p4g-forum-editor-min-height, 180px);
    line-height: 1.65;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-editor .ql-editor.ql-blank::before {
    color: var(--p4g-forum-muted);
    font-style: normal;
}

.p4g-forum-editor .ql-editor .ql-align-center,
.p4g-forum-post__content .ql-align-center {
    text-align: center;
}

.p4g-forum-editor .ql-editor .ql-align-center img,
.p4g-forum-post__content .ql-align-center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.p4g-forum-post__content blockquote,
.p4g-forum-editor .ql-editor blockquote {
    margin: 0.75rem 0;
    padding: 0.55rem 0.85rem;
    border-left: 3px solid var(--p4g-forum-primary, #1e73be);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, #fff);
    color: inherit;
    white-space: normal;
}

.p4g-forum-post__content blockquote .p4g-forum-quote-author,
.p4g-forum-editor .ql-editor blockquote .p4g-forum-quote-author {
    display: inline;
    font-weight: 700;
    color: var(--p4g-forum-muted, #6b7280);
}

.p4g-forum-post__content details.p4g-forum-spoiler,
.p4g-forum-editor .ql-editor details.p4g-forum-spoiler {
    margin: 0.85rem 0;
    border: 1px solid color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 28%, var(--p4g-forum-border, #d1d5db));
    border-radius: 12px;
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 88%, #fff);
    overflow: hidden;
}

.p4g-forum-post__content .p4g-forum-spoiler__summary,
.p4g-forum-editor .ql-editor .p4g-forum-spoiler__summary {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.7rem 0.9rem;
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 1.35;
    color: var(--p4g-forum-text, #111827);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.p4g-forum-post__content .p4g-forum-spoiler__summary::-webkit-details-marker,
.p4g-forum-editor .ql-editor .p4g-forum-spoiler__summary::-webkit-details-marker {
    display: none;
}

.p4g-forum-post__content .p4g-forum-spoiler__summary::before,
.p4g-forum-editor .ql-editor .p4g-forum-spoiler__summary::before {
    content: '\f070';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 0.82rem;
    color: var(--p4g-forum-primary, #1e73be);
    flex: 0 0 auto;
}

.p4g-forum-post__content details.p4g-forum-spoiler[open] > .p4g-forum-spoiler__summary::before,
.p4g-forum-editor .ql-editor details.p4g-forum-spoiler[open] > .p4g-forum-spoiler__summary::before {
    content: '\f06e';
}

.p4g-forum-post__content .p4g-forum-spoiler__body,
.p4g-forum-editor .ql-editor .p4g-forum-spoiler__body {
    padding: 0.15rem 0.9rem 0.85rem;
    border-top: 1px solid color-mix(in srgb, var(--p4g-forum-border, #d1d5db) 80%, transparent);
}

.p4g-forum-editor .ql-editor details.p4g-forum-spoiler {
    border-style: dashed;
}

.p4g-forum-editor .ql-spoiler::before {
    content: '\f070';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.p4g-forum-editor .ql-toolbar button.ql-spoiler {
    width: auto;
    min-width: 1.75rem;
}

.p4g-forum-post__content pre,
.p4g-forum-editor .ql-editor pre {
    margin: 0.75rem 0;
    padding: 0.75rem;
    border-radius: 8px;
    background: #0f172a;
    color: #f8fafc;
    overflow-x: auto;
    font-size: 0.86rem;
}

.p4g-forum-post__content ul,
.p4g-forum-post__content ol {
    margin: 0.5rem 0 0.75rem 1.2rem;
}

.p4g-forum-post__content .p4g-forum-content-table,
.p4g-forum-editor .ql-editor .p4g-forum-content-table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0.75rem 0;
    border-collapse: collapse;
    border: 1px solid var(--p4g-forum-border, #d1d5db);
    font-size: 0.92rem;
    line-height: 1.45;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.p4g-forum-post__content .p4g-forum-content-table thead,
.p4g-forum-post__content .p4g-forum-content-table tbody,
.p4g-forum-post__content .p4g-forum-content-table tr,
.p4g-forum-editor .ql-editor .p4g-forum-content-table thead,
.p4g-forum-editor .ql-editor .p4g-forum-content-table tbody,
.p4g-forum-editor .ql-editor .p4g-forum-content-table tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.p4g-forum-post__content .p4g-forum-content-table th,
.p4g-forum-post__content .p4g-forum-content-table td,
.p4g-forum-editor .ql-editor .p4g-forum-content-table th,
.p4g-forum-editor .ql-editor .p4g-forum-content-table td {
    min-width: 3rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid var(--p4g-forum-border, #d1d5db);
    vertical-align: top;
    text-align: left;
}

.p4g-forum-post__content .p4g-forum-content-table th,
.p4g-forum-editor .ql-editor .p4g-forum-content-table th {
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 75%, #fff);
    font-weight: 700;
}

.p4g-forum-post__content img,
.p4g-forum-editor .ql-editor img {
    display: block;
    max-width: min(100%, 640px);
    height: auto;
    margin: 0.75rem 0;
    border-radius: 10px;
    border: 1px solid var(--p4g-forum-border);
}

.p4g-forum-post__content .article-game-hero img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.p4g-forum-editor .ql-emoji::before {
    content: '😀';
    font-size: 0.95rem;
    line-height: 1;
}

.p4g-forum-editor .ql-toolbar button.ql-emoji {
    width: auto;
    min-width: 1.75rem;
    padding-inline: 0.2rem;
}

.p4g-forum-editor .ql-table::before {
    content: '\f0ce';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.p4g-forum-editor .ql-toolbar button.ql-table {
    width: auto;
    min-width: 1.75rem;
}

.p4g-forum-editor .ql-color .ql-picker-options {
    padding: 0.35rem;
}

.p4g-forum-editor .ql-color .ql-picker-item {
    border-radius: 4px;
}

.p4g-forum-editor .ql-video::before {
    content: '\f03d';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

.p4g-forum-editor .ql-toolbar button.ql-video {
    width: auto;
    min-width: 1.75rem;
}

.p4g-forum-editor.is-uploading-video .ql-video {
    opacity: 0.55;
    pointer-events: none;
}

.p4g-forum-video-embed,
.p4g-forum-video-embed.wp-embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    max-width: min(100%, 560px);
    margin: 0.75rem auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 12px;
    background: #0f172a;
    clear: both;
}

.p4g-forum-video-embed::before,
.p4g-forum-video-embed.wp-embed-responsive::before {
    content: none;
    display: none;
}

.p4g-forum-video-embed iframe,
.p4g-forum-video-embed.wp-embed-responsive iframe,
.p4g-forum-video-embed__iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    border: 0;
}

.p4g-forum-editor .ql-editor .p4g-forum-video-embed,
.p4g-forum-editor .ql-editor .p4g-forum-video-embed.wp-embed-responsive {
    display: block !important;
    margin: 0.75rem auto;
    max-width: min(100%, 560px);
    cursor: default;
}

.p4g-forum-video-embed__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 1rem;
    color: #f8fafc;
    text-align: center;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(30, 115, 190, 0.55));
}

.p4g-forum-video-embed__placeholder i {
    font-size: 1.35rem;
}

.p4g-forum-video-embed__placeholder span {
    font-size: 0.78rem;
    line-height: 1.35;
    word-break: break-word;
}

.p4g-forum-post__content .p4g-forum-video-embed,
.p4g-forum-post__content .p4g-forum-video-embed.wp-embed-responsive {
    max-width: min(100%, 560px);
    margin-left: auto;
    margin-right: auto;
}

.p4g-forum-editor__extras {
    position: relative;
}

.p4g-forum-emoji-panel {
    padding: 0.45rem 0.55rem 0.55rem;
    border-top: 1px solid var(--p4g-forum-border);
    background: color-mix(in srgb, var(--p4g-forum-bg, #f2f4f7) 45%, #fff);
}

.p4g-forum-editor .p4g-forum-emoji-picker.member-emoji-picker {
    display: none;
    margin: 0;
}

.p4g-forum-editor .p4g-forum-emoji-picker.member-emoji-picker.is-open {
    display: flex;
}

.p4g-forum-editor .member-emoji-picker-cats {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.28rem;
    overflow-x: auto;
    padding-bottom: 0.15rem;
    scrollbar-width: thin;
}

.p4g-forum-editor .member-emoji-picker-cat,
.p4g-forum-editor .member-emoji-choice,
.p4g-forum-editor .member-emoji-picker-nav-btn {
    border: 1px solid var(--p4g-forum-border);
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
}

.p4g-forum-editor .member-emoji-picker-cat {
    min-width: 2rem;
    height: 2rem;
    padding: 0;
    font-size: 1rem;
}

.p4g-forum-editor .member-emoji-picker-cat.is-active {
    border-color: var(--p4g-forum-primary, #1e73be);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 10%, #fff);
}

.p4g-forum-editor .member-emoji-picker-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 0.25rem;
}

.p4g-forum-editor .member-emoji-choice {
    min-height: 2rem;
    padding: 0.15rem;
    font-size: 1.15rem;
    line-height: 1;
}

.p4g-forum-editor .member-emoji-picker-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.35rem;
}

.p4g-forum-editor .member-emoji-picker-nav-btn {
    min-width: 2rem;
    height: 2rem;
    padding: 0;
}

.p4g-forum-editor .member-emoji-picker-swipe-hint {
    margin: 0 0 0.25rem;
    font-size: 0.72rem;
    color: var(--p4g-forum-muted);
    text-align: center;
}

.p4g-forum-editor.is-uploading-image .ql-image {
    opacity: 0.55;
    pointer-events: none;
}

.p4g-forum-form__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.p4g-forum-sidebar__card {
    background: var(--p4g-forum-surface);
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    padding: 1rem;
    margin-bottom: 0.85rem;
}

.p4g-forum-sidebar__card h2 {
    margin: 0 0 0.65rem;
    font-size: 0.95rem;
}

.p4g-forum-sidebar__card--latest {
    padding: 0;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 22%, var(--p4g-forum-border));
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 7%, var(--p4g-forum-surface)) 0%, var(--p4g-forum-surface) 42%);
}

.p4g-forum-sidebar-latest__head {
    padding: 0.95rem 1rem 0.75rem;
    border-bottom: 1px solid color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, var(--p4g-forum-border));
}

.p4g-forum-sidebar-latest__title {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.3;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-sidebar-latest__title i {
    color: var(--p4g-forum-primary, #1e73be);
    font-size: 0.88rem;
}

.p4g-forum-sidebar-latest__lead {
    margin: 0.3rem 0 0;
    font-size: 0.76rem;
    line-height: 1.4;
    color: var(--p4g-forum-muted);
}

.p4g-forum-sidebar-latest {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p4g-forum-sidebar-latest__item {
    border-top: 1px solid var(--p4g-forum-border);
}

.p4g-forum-sidebar-latest__item:first-child {
    border-top: 0;
}

.p4g-forum-sidebar-latest__link {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.7rem;
    padding: 0.75rem 0.85rem;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.15s ease;
}

.p4g-forum-sidebar-latest__link:hover,
.p4g-forum-sidebar-latest__link:focus-visible {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, transparent);
    outline: none;
}

.p4g-forum-sidebar-latest__thumb {
    display: block;
    line-height: 0;
}

.p4g-forum-sidebar-latest__thumb .p4g-forum-topic-thumb--sidebar {
    width: 42px;
    height: 56px;
    border-radius: 7px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}

.p4g-forum-sidebar-latest__body {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    min-width: 0;
}

.p4g-forum-sidebar-latest__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.45rem;
    line-height: 1.35;
    font-size: 0.76rem;
}

.p4g-forum-sidebar-latest__avatar {
    display: inline-flex;
    flex-shrink: 0;
    line-height: 0;
}

.p4g-forum-sidebar-latest__avatar-img {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 18%, transparent);
}

.p4g-forum-sidebar-latest__author {
    font-weight: 700;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-sidebar-latest__time {
    color: var(--p4g-forum-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.p4g-forum-sidebar-latest__topic {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.4;
    color: var(--p4g-forum-text, #111827);
}

.p4g-forum-sidebar-latest__link:hover .p4g-forum-sidebar-latest__topic,
.p4g-forum-sidebar-latest__link:focus-visible .p4g-forum-sidebar-latest__topic {
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-sidebar-latest__chevron {
    font-size: 0.68rem;
    color: var(--p4g-forum-muted);
    opacity: 0.45;
    transition: transform 0.15s ease, opacity 0.15s ease, color 0.15s ease;
}

.p4g-forum-sidebar-latest__link:hover .p4g-forum-sidebar-latest__chevron,
.p4g-forum-sidebar-latest__link:focus-visible .p4g-forum-sidebar-latest__chevron {
    opacity: 1;
    color: var(--p4g-forum-primary, #1e73be);
    transform: translateX(2px);
}

.p4g-forum-sidebar-latest__empty {
    margin: 0;
    padding: 0.95rem 1rem 1.1rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--p4g-forum-muted);
    text-align: center;
}

body:not(.theme-dark) .p4g-forum-sidebar__card--latest {
    background:
        linear-gradient(180deg, rgba(30, 115, 190, 0.06) 0%, #fff 46%);
}

body:not(.theme-dark) .p4g-forum-sidebar-latest__topic {
    color: #1f2937;
}

body.theme-dark .p4g-forum-sidebar-latest__thumb .p4g-forum-topic-thumb--sidebar {
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28);
}

.p4g-forum-stats-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p4g-forum-stats-list li {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.35rem 0;
    font-size: 0.88rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-sidebar__card--cta p {
    margin: 0 0 0.75rem;
    font-size: 0.88rem;
    color: var(--p4g-forum-muted);
    line-height: 1.5;
}

.p4g-forum-sidebar__poll-wrap {
    margin-top: 0;
    min-width: 0;
    max-width: 100%;
}

/* Sondage — annule les styles globaux du thème (.sidebar-panel sur style.css) */
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-panel.sidebar-poll.sidebar-poll--pro {
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    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);
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll.sidebar-poll--pro {
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-panel.sidebar-poll h3,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-title,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-question,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-nav-label,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-result-label,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-option-text {
    color: var(--text-dark, #111827);
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-panel ul.sidebar-poll-result-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-panel li.sidebar-poll-result {
    margin: 0;
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-form,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-options,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-option,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-submit,
.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-nav-btn {
    font-family: inherit;
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-submit {
    width: 100%;
    border: 0;
    border-radius: 12px;
    padding: 0.65rem 1rem;
    background: var(--bg-accent, #e85d04);
    color: #fff;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
}

.p4g-forum-page .p4g-forum-sidebar__poll-wrap .sidebar-poll-nav-btn {
    appearance: none;
    border: 1px solid var(--border-color, #d6e3f3);
    background: #fff;
    color: var(--bg-accent, #e85d04);
}

.p4g-forum-sidebar__poll-wrap .sidebar-panel.sidebar-poll,
.p4g-forum-sidebar__poll-wrap .sidebar-poll.sidebar-poll--pro {
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.p4g-forum-sidebar__newsletter-wrap .sidebar-panel.sidebar-newsletter {
    margin: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.p4g-forum-sidebar .sidebar-panel.sidebar-newsletter {
    background: var(--sidebar-bg, linear-gradient(135deg, var(--bg-blue, #1e73be) 0%, #1558a0 100%));
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 1.75rem;
    box-shadow: 0 16px 48px rgba(30, 115, 190, 0.16);
}

.p4g-forum-sidebar .sidebar-panel.sidebar-newsletter h3,
.p4g-forum-sidebar .sidebar-panel.sidebar-newsletter p {
    color: #fff;
}

.p4g-forum-sidebar .sidebar-panel.sidebar-newsletter h3 {
    margin: 0 0 0.5rem;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.p4g-forum-sidebar .sidebar-panel.sidebar-newsletter p {
    margin: 0 0 1.25rem;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    line-height: 1.6;
}

.p4g-forum-moderation-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.p4g-forum-btn--icon {
    min-width: 2.5rem;
    padding-inline: 0.65rem;
    justify-content: center;
}

.p4g-forum-moderation-menu__toggle {
    color: #9a3412;
    border: 1px solid #fdba74;
    background: #fff7ed;
}

.p4g-forum-moderation-menu__toggle:hover,
.p4g-forum-moderation-menu__toggle:focus-visible,
.p4g-forum-moderation-menu.is-open .p4g-forum-moderation-menu__toggle {
    color: #7c2d12;
    background: #ffedd5;
    border-color: #fb923c;
}

.p4g-forum-moderation-menu__panel {
    position: absolute;
    top: calc(100% + 0.35rem);
    right: 0;
    z-index: 40;
    min-width: min(16rem, calc(100vw - 2rem));
    padding: 0.45rem;
    border-radius: 12px;
    border: 1px solid #fed7aa;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
}

.p4g-forum-moderation-menu__title {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0.15rem 0.45rem 0.5rem;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #9a3412;
}

.p4g-forum-moderation-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.p4g-forum-moderation-menu__item + .p4g-forum-moderation-menu__item {
    margin-top: 0.2rem;
}

.p4g-forum-moderation-menu__form {
    margin: 0;
}

.p4g-forum-moderation-menu__action {
    width: 100%;
    border: 0;
    border-radius: 8px;
    padding: 0.55rem 0.65rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    background: transparent;
    color: #1f2937;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.p4g-forum-moderation-menu__action i {
    width: 1rem;
    text-align: center;
    color: #9a3412;
}

.p4g-forum-moderation-menu__action:hover,
.p4g-forum-moderation-menu__action:focus-visible {
    background: #fff7ed;
    outline: none;
}

.p4g-forum-moderation-menu__action.is-danger {
    color: #b91c1c;
}

.p4g-forum-moderation-menu__action.is-danger i {
    color: #dc2626;
}

.p4g-forum-moderation-menu__action.is-danger:hover,
.p4g-forum-moderation-menu__action.is-danger:focus-visible {
    background: #fef2f2;
}

body.theme-dark .p4g-forum-moderation-menu__toggle {
    color: #fdba74;
    border-color: rgba(251, 146, 60, 0.45);
    background: rgba(154, 52, 18, 0.22);
}

body.theme-dark .p4g-forum-moderation-menu__toggle:hover,
body.theme-dark .p4g-forum-moderation-menu__toggle:focus-visible,
body.theme-dark .p4g-forum-moderation-menu.is-open .p4g-forum-moderation-menu__toggle {
    color: #ffedd5;
    background: rgba(154, 52, 18, 0.38);
}

body.theme-dark .p4g-forum-moderation-menu__panel {
    border-color: rgba(251, 146, 60, 0.35);
    background: #1f2937;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

body.theme-dark .p4g-forum-moderation-menu__title {
    color: #fdba74;
}

body.theme-dark .p4g-forum-moderation-menu__action {
    color: #e5e7eb;
}

body.theme-dark .p4g-forum-moderation-menu__action i {
    color: #fdba74;
}

body.theme-dark .p4g-forum-moderation-menu__action:hover,
body.theme-dark .p4g-forum-moderation-menu__action:focus-visible {
    background: rgba(154, 52, 18, 0.24);
}

body.theme-dark .p4g-forum-moderation-menu__action.is-danger {
    color: #fca5a5;
}

body.theme-dark .p4g-forum-moderation-menu__action.is-danger i {
    color: #f87171;
}

body.theme-dark .p4g-forum-moderation-menu__action.is-danger:hover,
body.theme-dark .p4g-forum-moderation-menu__action.is-danger:focus-visible {
    background: rgba(185, 28, 28, 0.22);
}

.p4g-forum-inline-form {
    display: inline;
}

.p4g-forum-empty {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--p4g-forum-muted);
}

.p4g-forum-pagination {
    margin-top: 1rem;
}

.p4g-forum-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.p4g-forum-pagination ul.page-numbers li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.p4g-forum-pagination a.page-numbers,
.p4g-forum-pagination span.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.35rem;
    min-height: 2.35rem;
    margin: 0;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    text-decoration: none;
    border: 1px solid var(--p4g-forum-border);
    background: var(--p4g-forum-surface, #fff);
    color: var(--bg-accent, #e85d04);
    font-weight: 600;
    line-height: 1;
    box-sizing: border-box;
}

.p4g-forum-pagination span.page-numbers.current {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, #fff);
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 35%, var(--p4g-forum-border));
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-pagination a.page-numbers:hover,
.p4g-forum-pagination a.page-numbers:focus-visible {
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 40%, var(--p4g-forum-border));
    color: var(--p4g-forum-primary, #1e73be);
    outline: none;
}

.p4g-forum-pagination .page-numbers.dots {
    border-color: transparent;
    background: transparent;
    color: var(--p4g-forum-muted);
    min-width: auto;
    padding-inline: 0.25rem;
}

.p4g-forum-login-cta {
    margin-top: 1rem;
    padding: 1rem;
    border-radius: var(--p4g-forum-radius);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, #fff);
}

@media (max-width: 1100px) {
    .p4g-forum-page.site-main,
    .member-public-page.site-main.p4g-forum-page {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 1024px) {
    .p4g-forum-layout {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .p4g-forum-main {
        order: 1;
    }

    .p4g-forum-sidebar {
        order: 2;
        width: 100%;
        overflow-x: clip;
    }
}

@media (max-width: 980px) {
    .p4g-forum-board-card__shell {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .p4g-forum-toolbar--parent,
    .p4g-forum-toolbar:not(.p4g-forum-toolbar--parent) {
        gap: 0.55rem;
    }

    .p4g-forum-toolbar .p4g-forum-btn--primary {
        flex: 1 1 auto;
    }

    .p4g-forum-board-card__topics {
        flex-direction: row;
        justify-content: flex-start;
        gap: 0.45rem;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid var(--p4g-forum-border);
        border-bottom: 1px solid var(--p4g-forum-border);
        padding: 0.55rem 0;
    }

    .p4g-forum-board-card__activity-empty {
        text-align: left;
    }

    .p4g-forum-topic-table__head {
        display: none;
    }

    .p4g-forum-topic-row {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .p4g-forum-topic-row__stat,
    .p4g-forum-topic-row__activity {
        padding-left: calc(46px + 0.75rem);
    }

    .p4g-forum-post {
        grid-template-columns: 1fr;
    }

    .p4g-forum-post__aside {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        text-align: left;
    }

    .p4g-forum-avatar {
        width: 48px;
        height: 48px;
        margin: 0;
    }

    .p4g-forum-topic__header-main {
        flex-direction: column;
        align-items: stretch;
    }

    .p4g-forum-title,
    .p4g-forum-title__text,
    .p4g-forum-topic__meta {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .p4g-forum-topic__actions {
        width: 100%;
    }
}

body.theme-dark .p4g-forum-page {
    --p4g-forum-surface: #111827;
    --p4g-forum-border: rgba(148, 163, 184, 0.22);
    --p4g-forum-muted: rgba(226, 232, 240, 0.72);
    --p4g-forum-text: #f8fafc;
}

body.theme-dark .p4g-forum-field input,
body.theme-dark .p4g-forum-field textarea,
body.theme-dark .p4g-forum-topic-title-field {
    background: rgba(15, 23, 42, 0.55);
}

body.theme-dark .p4g-forum-topic-title-field__prefix {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 14%, rgba(15, 23, 42, 0.55));
}

body.theme-dark .p4g-forum-topic-title-field__input {
    background: transparent;
}

body.theme-dark .p4g-forum-editor {
    background: #0f172a;
    color: #f8fafc;
}

body.theme-dark .p4g-forum-editor .ql-toolbar.ql-snow {
    background: #111827;
}

body.theme-dark .p4g-forum-editor .ql-editor {
    color: #f8fafc;
}

body.theme-dark .p4g-forum-post__content blockquote,
body.theme-dark .p4g-forum-editor .ql-editor blockquote {
    background: rgba(30, 115, 190, 0.15);
    color: inherit;
}

body.theme-dark .p4g-forum-post__content blockquote .p4g-forum-quote-author,
body.theme-dark .p4g-forum-editor .ql-editor blockquote .p4g-forum-quote-author {
    color: #94a3b8;
}

body.theme-dark .p4g-forum-post__content details.p4g-forum-spoiler,
body.theme-dark .p4g-forum-editor .ql-editor details.p4g-forum-spoiler {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(148, 163, 184, 0.35);
}

body.theme-dark .p4g-forum-post__content .p4g-forum-spoiler__summary,
body.theme-dark .p4g-forum-editor .ql-editor .p4g-forum-spoiler__summary {
    color: #e2e8f0;
}

body.theme-dark .p4g-forum-post__content .p4g-forum-content-table th,
body.theme-dark .p4g-forum-editor .ql-editor .p4g-forum-content-table th {
    background: rgba(15, 23, 42, 0.85);
}

body.theme-dark .p4g-forum-emoji-panel {
    background: #111827;
}

body.theme-dark .p4g-forum-editor .member-emoji-picker-cat,
body.theme-dark .p4g-forum-editor .member-emoji-choice,
body.theme-dark .p4g-forum-editor .member-emoji-picker-nav-btn {
    background: #0f172a;
    color: #f8fafc;
}

.p4g-forum-game-sheet-panel .p4g-forum-game-sheet-banner {
    position: relative;
    min-height: 220px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 1rem;
    background:
        linear-gradient(100deg, rgba(8, 14, 29, 0.82), rgba(12, 26, 47, 0.45)),
        var(--p4g-forum-game-banner) center/cover no-repeat;
}

.game-sheet-tab-link--forum .game-sheet-tab-link__external {
    font-size: 0.68rem;
    opacity: 0.72;
}

.game-sheet-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(30, 115, 190, 0.35);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.p4g-forum-game-sheet-gateway {
    display: grid;
    gap: 1rem;
}

.p4g-forum-game-sheet-gateway__card {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 1rem;
    padding: 1rem;
    border-radius: 16px;
    border: 1px solid rgba(30, 115, 190, 0.22);
    background: linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(12, 26, 47, 0.78));
    color: inherit;
    text-decoration: none;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.p4g-forum-game-sheet-gateway__card:hover {
    transform: translateY(-1px);
    border-color: rgba(125, 211, 252, 0.45);
    box-shadow: 0 16px 34px rgba(8, 14, 29, 0.28);
}

.p4g-forum-game-sheet-gateway__cover img {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.25);
}

.p4g-forum-game-sheet-gateway__kicker {
    display: inline-block;
    margin-bottom: 0.3rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(125, 211, 252, 0.92);
}

.p4g-forum-game-sheet-gateway__title {
    margin: 0 0 0.45rem;
    font-size: clamp(1.15rem, 2vw, 1.55rem);
    color: #fff;
}

.p4g-forum-game-sheet-gateway__board {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.75rem;
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.86rem;
}

.p4g-forum-game-sheet-gateway__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin: 0 0 0.85rem;
}

.p4g-forum-game-sheet-gateway__stats div {
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.06);
}

.p4g-forum-game-sheet-gateway__stats dt {
    margin: 0 0 0.2rem;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: rgba(226, 232, 240, 0.68);
}

.p4g-forum-game-sheet-gateway__stats dd {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 700;
}

.p4g-forum-game-sheet-gateway__stats dd time {
    font-size: 0.82rem;
    font-weight: 600;
}

.p4g-forum-game-sheet-gateway__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: #7dd3fc;
    font-size: 0.92rem;
    font-weight: 700;
}

.p4g-forum-game-sheet-gateway__preview {
    padding: 0.95rem 1rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.45);
}

.p4g-forum-game-sheet-gateway__preview-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.p4g-forum-game-sheet-gateway__preview-head h3 {
    margin: 0;
    font-size: 0.95rem;
    color: #f8fafc;
}

.p4g-forum-game-sheet-gateway__preview-head a {
    color: #7dd3fc;
    font-size: 0.84rem;
    font-weight: 600;
    text-decoration: none;
}

.p4g-forum-game-sheet-gateway__preview-list {
    display: grid;
    gap: 0.55rem;
}

.p4g-forum-game-sheet-gateway__preview-item {
    display: block;
    padding: 0.7rem 0.8rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.04);
    color: inherit;
    text-decoration: none;
    transition: background 0.2s ease;
}

.p4g-forum-game-sheet-gateway__preview-item:hover {
    background: rgba(30, 115, 190, 0.14);
}

.p4g-forum-game-sheet-gateway__preview-item time {
    display: block;
    margin-top: 0.15rem;
    color: rgba(226, 232, 240, 0.68);
    font-size: 0.76rem;
}

.p4g-forum-game-sheet-gateway__preview-item p {
    margin: 0.4rem 0 0;
    color: rgba(226, 232, 240, 0.88);
    font-size: 0.86rem;
    line-height: 1.45;
}

.p4g-forum-game-sheet-gateway__empty {
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(15, 23, 42, 0.45);
    color: rgba(226, 232, 240, 0.88);
    font-size: 0.9rem;
}

.p4g-forum-game-sheet-gateway__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.p4g-forum-game-sheet-gateway__board-link {
    margin-left: auto;
    color: #7dd3fc;
    font-size: 0.84rem;
    font-weight: 600;
    text-decoration: none;
}

.p4g-forum-game-sheet-gateway__locked {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: rgba(248, 113, 113, 0.92);
    font-size: 0.86rem;
    font-weight: 600;
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__card {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-color: rgba(20, 89, 130, 0.16);
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__title {
    color: #0f172a;
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__board,
body:not(.theme-dark) .p4g-forum-game-sheet-gateway__preview-item p,
body:not(.theme-dark) .p4g-forum-game-sheet-gateway__empty {
    color: #475569;
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__stats div {
    background: rgba(15, 23, 42, 0.04);
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__stats dd {
    color: #0f172a;
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__preview,
body:not(.theme-dark) .p4g-forum-game-sheet-gateway__empty {
    background: #fff;
    border-color: rgba(20, 89, 130, 0.12);
}

body:not(.theme-dark) .p4g-forum-game-sheet-gateway__preview-head h3 {
    color: #0f172a;
}

@media (max-width: 720px) {
    .p4g-forum-game-sheet-gateway__card {
        grid-template-columns: 84px 1fr;
        gap: 0.75rem;
        padding: 0.85rem;
    }

    .p4g-forum-game-sheet-gateway__stats {
        grid-template-columns: 1fr;
    }

    .p4g-forum-game-sheet-gateway__board-link {
        margin-left: 0;
        width: 100%;
    }
}

.p4g-forum-game-sheet-panel .p4g-forum-replies {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.p4g-forum-post__content .article-game-hero {
    margin: 0 0 1.25rem;
    width: 100%;
    max-width: none;
    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);
}

.p4g-forum-post__content .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;
}

.p4g-forum-post__content .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));
}

.p4g-forum-post__content .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: 1.35rem;
    align-items: start;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1.35rem;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__row {
    display: grid;
    grid-template-columns: minmax(108px, 140px) minmax(0, 1fr);
    gap: 1.15rem 1.35rem;
    align-items: center;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner:has(.article-game-hero-pegi) .p4g-forum-game-topic-banner__inner {
    padding-right: 5.75rem;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__cover {
    align-self: center;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__main {
    align-self: center;
    min-width: 0;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__main h2 {
    margin: 0.65rem 0 0.5rem;
    font-size: clamp(1.25rem, 2.4vw, 1.75rem);
    line-height: 1.25;
    color: #fff;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__main h2 a {
    color: inherit;
    text-decoration: none;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__main h2 a:hover {
    color: #b8dcff;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__main .article-game-hero-meta {
    margin: 0;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__pegi {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    pointer-events: none;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__pegi .article-game-hero-pegi {
    pointer-events: auto;
}

.p4g-forum-post__content .article-game-hero-pegi {
    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);
}

.p4g-forum-post__content .article-game-hero-pegi img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #fff;
    margin: 0;
    max-width: none;
    border: 0;
    border-radius: 0;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
}

.p4g-forum-post__content .p4g-ig-buy,
.p4g-forum-page .p4g-ig-buy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    width: auto;
    flex: 0 0 auto;
    min-height: 0;
    margin: 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.72rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 106, 0, 0.45);
    box-shadow: none;
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background 0.16s ease;
}

.p4g-forum-post__content .p4g-ig-buy:hover,
.p4g-forum-post__content .p4g-ig-buy:focus-visible,
.p4g-forum-page .p4g-ig-buy:hover,
.p4g-forum-page .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-forum-post__content .p4g-ig-buy__logo,
.p4g-forum-page .p4g-ig-buy__logo {
    display: block;
    height: 22px;
    width: auto;
    max-width: 88px;
    object-fit: contain;
    object-position: left center;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.p4g-forum-post__content .p4g-forum-game-topic-banner .p4g-ig-buy,
.p4g-forum-page .p4g-forum-game-topic-banner .p4g-ig-buy,
.p4g-forum-game-topic-banner__actions .p4g-ig-buy,
.article-game-hero .p4g-ig-buy {
    display: none !important;
}

.p4g-forum-post__content .p4g-forum-game-topic-banner__pegi:not(:has(.article-game-hero-pegi)) {
    display: none;
}

.p4g-forum-post__content .article-game-hero:not(:has(.article-game-hero-media)) .article-game-hero-inner {
    grid-template-columns: 1fr;
}

.p4g-forum-post__content .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);
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.p4g-forum-post__content .article-game-hero-media:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(3, 10, 20, 0.45);
}

.p4g-forum-post__content .article-game-hero-media img {
    width: 100%;
    height: auto;
    min-height: 150px;
    max-height: 210px;
    object-fit: cover;
    display: block;
}

.p4g-forum-post__content .article-game-hero-body {
    min-width: 0;
    color: #f2f7ff;
}

.p4g-forum-post__content .article-game-hero-kicker {
    display: inline-flex;
    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);
}

.p4g-forum-post__content .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;
}

.p4g-forum-post__content .article-game-hero-body h2 a {
    color: inherit;
    text-decoration: none;
}

.p4g-forum-post__content .article-game-hero-body h2 a:hover {
    color: #b8dcff;
}

.p4g-forum-post__content .article-game-hero-lead {
    margin: 0 0 0.85rem;
    color: rgba(236, 243, 255, 0.82);
    line-height: 1.6;
    font-size: 0.92rem;
}

.p4g-forum-post__content .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);
}

.p4g-forum-post__content .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);
}

.p4g-forum-post__content .article-game-hero-meta-row:last-child {
    border-bottom: 0;
}

.p4g-forum-post__content .article-game-hero-meta-label,
.p4g-forum-post__content .article-game-hero-meta dt {
    margin: 0;
    font-weight: 600;
    color: rgba(229, 239, 255, 0.72);
}

.p4g-forum-post__content .article-game-hero-meta-value,
.p4g-forum-post__content .article-game-hero-meta dd {
    margin: 0;
    color: #f2f7ff;
    text-align: right;
    line-height: 1.45;
    font-weight: 600;
}

.p4g-forum-post__content .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;
    text-decoration: none;
}

.p4g-forum-post__content .article-game-hero-btn:hover {
    background: #ffa776;
    color: #2a1a22;
}

@media (max-width: 720px) {
    .p4g-forum-post__content .p4g-forum-game-topic-banner__row {
        grid-template-columns: 96px minmax(0, 1fr);
        gap: 0.85rem;
        align-items: center;
    }

    .p4g-forum-post__content .p4g-forum-game-topic-banner:has(.article-game-hero-pegi) .p4g-forum-game-topic-banner__inner {
        padding-right: 4.5rem;
    }

    .p4g-forum-post__content .p4g-forum-game-topic-banner__pegi {
        top: 10px;
        right: 10px;
    }

    .p4g-forum-post__content .article-game-hero-pegi {
        width: 58px;
        height: 72px;
    }

    .p4g-forum-post__content .article-game-hero-inner {
        grid-template-columns: 1fr;
        padding: 1rem;
        gap: 0.85rem;
    }

    .p4g-forum-post__content .p4g-forum-game-topic-banner__inner {
        padding: 1rem;
    }

    .p4g-forum-post__content .article-game-hero-media {
        max-width: 96px;
    }

    .p4g-forum-post__content .article-game-hero-meta-row {
        grid-template-columns: minmax(5.5rem, 38%) 1fr;
        gap: 0.35rem;
        padding: 0.4rem 0.55rem;
        font-size: 0.78rem;
    }

    .p4g-forum-post__content .article-game-hero-meta-value,
    .p4g-forum-post__content .article-game-hero-meta dd {
        text-align: right;
    }
}

.p4g-forum-game-topic-description__title {
    margin: 0 0 0.85rem;
    font-size: 1rem;
}

.p4g-forum-game-topic-intro {
    margin-bottom: 1rem;
}

.p4g-forum-game-topic-description {
    margin-bottom: 0.5rem;
}

.p4g-forum-game-sheet-login {
    margin: 0;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 8%, #fff);
}

/* Panneau communauté — stats + membres en ligne (sous la liste) */
.p4g-forum-community-panel {
    margin-top: 1.35rem;
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    background: var(--p4g-forum-surface);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

.p4g-forum-community-panel__stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
    border-bottom: 1px solid var(--p4g-forum-border);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 5%, #fff);
}

.p4g-forum-community-metric {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.95rem 0.75rem;
    text-align: center;
    border-right: 1px solid color-mix(in srgb, var(--p4g-forum-border) 85%, transparent);
}

.p4g-forum-community-metric:last-child {
    border-right: 0;
}

.p4g-forum-community-metric__value {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    font-weight: 800;
    line-height: 1.1;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-community-metric__label {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--p4g-forum-muted);
}

.p4g-forum-community-panel__body {
    padding: 1rem 1.1rem 1.1rem;
}

.p4g-forum-community-panel__online-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.45rem 0.85rem;
    margin-bottom: 0.75rem;
}

.p4g-forum-community-panel__title {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.98rem;
    font-weight: 800;
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-community-panel__title i {
    font-size: 0.82rem;
    opacity: 0.9;
}

.p4g-forum-community-panel__online-summary {
    margin: 0;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--p4g-forum-muted);
}

.p4g-forum-online-members {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.p4g-forum-online-members__item {
    margin: 0;
}

.p4g-forum-online-member {
    display: inline-flex;
    align-items: center;
    gap: 0.42rem;
    padding: 0.28rem 0.55rem 0.28rem 0.35rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 16%, transparent);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 6%, #fff);
    text-decoration: none;
    color: inherit;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.p4g-forum-online-member:hover,
.p4g-forum-online-member:focus-visible {
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 34%, transparent);
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 11%, #fff);
    transform: translateY(-1px);
}

.p4g-forum-online-member--static {
    cursor: default;
}

.p4g-forum-online-member img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex: 0 0 auto;
}

.p4g-forum-online-member__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18);
    flex: 0 0 auto;
}

.p4g-forum-online-member__name {
    font-size: 0.84rem;
    font-weight: 700;
    color: #0f172a;
    max-width: 14ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p4g-forum-community-panel__empty {
    margin: 0;
    font-size: 0.88rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-community-panel__latest {
    margin: 0.85rem 0 0;
    padding-top: 0.75rem;
    border-top: 1px dashed color-mix(in srgb, var(--p4g-forum-border) 90%, transparent);
    font-size: 0.84rem;
    color: var(--p4g-forum-muted);
}

.p4g-forum-community-panel__latest a {
    font-weight: 700;
    color: var(--p4g-forum-primary, #1e73be);
    text-decoration: none;
}

.p4g-forum-community-panel__latest a:hover,
.p4g-forum-community-panel__latest a:focus-visible {
    text-decoration: underline;
}

body.theme-dark .p4g-forum-community-panel {
    background: var(--surface-card, #0f172a);
}

body.theme-dark .p4g-forum-community-panel__stats {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 10%, #0b1220);
}

body.theme-dark .p4g-forum-online-member {
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 12%, #0b1220);
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 24%, transparent);
}

body.theme-dark .p4g-forum-online-member__name {
    color: var(--text-light, #e8f1ff);
}

@media (max-width: 720px) {
    .p4g-forum-community-panel__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .p4g-forum-community-metric:nth-child(2n) {
        border-right: 0;
    }

    .p4g-forum-community-metric:nth-child(-n+4) {
        border-bottom: 1px solid color-mix(in srgb, var(--p4g-forum-border) 85%, transparent);
    }
}

.game-term-page .p4g-forum-game-sheet-panel .p4g-forum-composer {
    margin-top: 0.5rem;
}

.p4g-forum-hero--search .p4g-forum-search {
    margin-top: 1rem;
    max-width: 760px;
}

.p4g-forum-search {
    width: 100%;
}

.p4g-forum-search__field {
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
    padding: 0.45rem;
    border: 1px solid var(--p4g-forum-border);
    border-radius: 999px;
    background: var(--p4g-forum-surface, #fff);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.p4g-forum-search__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    color: var(--p4g-forum-muted);
    flex: 0 0 auto;
}

.p4g-forum-search__input {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--p4g-forum-text, #111827);
    font: inherit;
    padding: 0.35rem 0.15rem;
}

.p4g-forum-search__input:focus {
    outline: none;
}

.p4g-forum-search__submit {
    flex: 0 0 auto;
    border-radius: 999px;
    white-space: nowrap;
}

.p4g-forum-search--compact {
    flex: 1 1 280px;
    max-width: 420px;
    margin: 0;
}

.p4g-forum-search--compact .p4g-forum-search__field {
    border-radius: 12px;
    box-shadow: none;
    padding: 0.25rem 0.25rem 0.25rem 0.55rem;
}

.p4g-forum-search--compact .p4g-forum-search__icon {
    width: 1.5rem;
    font-size: 0.85rem;
}

.p4g-forum-search--compact .p4g-forum-search__submit {
    padding-inline: 0.85rem;
    min-height: 2.2rem;
}

.p4g-forum-toolbar .p4g-forum-search--compact {
    order: -1;
}

.p4g-forum-search-results {
    margin-top: 0.5rem;
}

.p4g-forum-search-results__head {
    margin-bottom: 1rem;
}

.p4g-forum-search-results__title {
    margin: 0;
    font-size: 1.15rem;
}

.p4g-forum-search-results__summary,
.p4g-forum-search-results__empty {
    margin: 0.45rem 0 0;
    color: var(--p4g-forum-muted);
}

.p4g-forum-search-results__section + .p4g-forum-search-results__section {
    margin-top: 1.35rem;
}

.p4g-forum-search-results__section-title {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
}

.p4g-forum-search-boards {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.65rem;
}

.p4g-forum-search-boards__link {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.75rem;
    align-items: center;
    padding: 0.8rem 0.9rem;
    border: 1px solid var(--p4g-forum-border);
    border-radius: var(--p4g-forum-radius);
    background: var(--p4g-forum-surface, #fff);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.p4g-forum-search-boards__link:hover,
.p4g-forum-search-boards__link:focus-visible {
    border-color: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 35%, var(--p4g-forum-border));
    box-shadow: 0 8px 20px rgba(30, 115, 190, 0.08);
    outline: none;
}

.p4g-forum-search-boards__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 10px;
    background: color-mix(in srgb, var(--p4g-forum-primary, #1e73be) 10%, #fff);
    color: var(--p4g-forum-primary, #1e73be);
}

.p4g-forum-search-boards__body {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.p4g-forum-search-boards__title {
    font-size: 0.92rem;
}

.p4g-forum-search-boards__desc,
.p4g-forum-search-boards__meta {
    font-size: 0.8rem;
    color: var(--p4g-forum-muted);
}

.search-forum-section {
    margin: 0;
}

.search-forum-head {
    margin-bottom: 0;
}

.search-forum-all-link,
.search-forum-topic-card__link {
    text-decoration: none;
}

.search-forum-topics {
    display: grid;
    gap: 0.55rem;
}

.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 rgba(20, 89, 130, 0.14);
    border-radius: 12px;
    background: #fff;
    color: inherit;
}

.search-forum-topic-card__type,
.search-forum-topic-card__board,
.search-forum-topic-card__excerpt {
    display: block;
    font-size: 0.78rem;
    color: var(--p4g-forum-muted, #64748b);
}

.search-forum-topic-card__title {
    display: block;
    margin-top: 0.15rem;
    color: var(--text-dark, #0f172a);
    font-size: 0.95rem;
    line-height: 1.3;
}

@media (max-width: 720px) {
    .p4g-forum-search__field {
        flex-wrap: wrap;
        border-radius: 16px;
    }

    .p4g-forum-search__submit {
        width: 100%;
    }

    .p4g-forum-toolbar .p4g-forum-search--compact {
        flex-basis: 100%;
        max-width: none;
    }
}

/* Mobile — toolbar, éditeur, formulaires */
@media (max-width: 720px) {
    .p4g-forum-page.site-main,
    .member-public-page.site-main.p4g-forum-page {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0));
    }

    .p4g-forum-breadcrumbs ol {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-bottom: 0.2rem;
    }

    .p4g-forum-board-header {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 0.75rem;
    }

    .p4g-forum-board-header__icon {
        width: 52px;
        height: 52px;
        font-size: 1.2rem;
    }

    .p4g-forum-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .p4g-forum-toolbar .p4g-forum-btn--primary {
        width: 100%;
    }

    .p4g-forum-sort {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }

    .p4g-forum-sort__link {
        flex: 0 0 auto;
    }

    .p4g-forum-topic-title-field {
        flex-direction: column;
    }

    .p4g-forum-topic-title-field__prefix {
        width: 100%;
        max-width: none;
        border-right: 0;
        border-bottom: 1px solid var(--p4g-forum-border);
    }

    .p4g-forum-editor .ql-toolbar.ql-snow {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }

    .p4g-forum-editor .ql-toolbar.ql-snow button,
    .p4g-forum-editor .ql-toolbar.ql-snow .ql-picker {
        flex: 0 0 auto;
    }

    .p4g-forum-composer {
        padding: 0.85rem;
        scroll-margin-bottom: calc(1rem + env(safe-area-inset-bottom, 0));
    }

    .p4g-forum-btn,
    .p4g-forum-search__submit {
        min-height: 2.75rem;
        touch-action: manipulation;
    }

    .p4g-forum-moderation-menu__panel {
        right: 0;
        left: auto;
    }

    .p4g-forum-moderation-menu__action {
        min-height: 2.75rem;
    }

    .p4g-forum-sidebar-latest__link {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 0.55rem;
        padding: 0.65rem 0.7rem;
    }

    .p4g-forum-sidebar-latest__chevron {
        display: none;
    }
}

/* PWA installée — safe-area et barre de navigation basse */
html.p4g-pwa-standalone .p4g-forum-page.site-main,
html.p4g-pwa-standalone .member-public-page.site-main.p4g-forum-page {
    padding-bottom: calc(2rem + env(safe-area-inset-bottom, 0));
}

html.p4g-pwa-standalone body.p4g-pwa-has-bottom-nav .p4g-forum-page.site-main,
html.p4g-pwa-standalone body.p4g-pwa-has-bottom-nav .member-public-page.site-main.p4g-forum-page {
    padding-bottom: calc(4.75rem + env(safe-area-inset-bottom, 0));
}

html.p4g-pwa-standalone .p4g-forum-composer {
    scroll-margin-bottom: calc(1.25rem + env(safe-area-inset-bottom, 0));
}

@supports (-webkit-touch-callout: none) {
    .p4g-forum-editor .ql-editor {
        scroll-margin-bottom: 12vh;
    }
}

/* Sondages membres (sujets forum) */
.p4g-forum-poll-composer {
    margin: 0.85rem 0 0.25rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--p4g-forum-border, rgba(0, 0, 0, 0.08));
}

.p4g-forum-poll-composer__toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.85rem;
    border: 1px solid var(--p4g-forum-border, rgba(0, 0, 0, 0.12));
    border-radius: 999px;
    background: var(--p4g-forum-surface-muted, #f8fafc);
    color: inherit;
    font: inherit;
    cursor: pointer;
}

.p4g-forum-poll-composer__panel {
    margin-top: 0.85rem;
    display: grid;
    gap: 0.65rem;
}

.p4g-forum-poll-composer__panel[hidden] {
    display: none;
}

.p4g-forum-poll-composer__label,
.p4g-forum-poll-composer__lead {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 600;
}

.p4g-forum-poll-composer__question,
.p4g-forum-poll-composer__option {
    width: 100%;
    padding: 0.55rem 0.75rem;
    border: 1px solid var(--p4g-forum-border, rgba(0, 0, 0, 0.12));
    border-radius: 0.5rem;
    background: #fff;
}

.p4g-forum-poll-composer__options {
    display: grid;
    gap: 0.5rem;
}

.p4g-forum-poll-composer__option-row {
    display: flex;
    gap: 0.45rem;
    align-items: center;
}

.p4g-forum-poll-composer__option-remove,
.p4g-forum-poll-composer__add-option,
.p4g-forum-poll-composer__remove {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.p4g-forum-poll-composer__add-option {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: var(--p4g-forum-accent, #2563eb);
}

.p4g-forum-poll-composer__remove {
    justify-self: start;
    color: #b91c1c;
    font-size: 0.9rem;
}

.p4g-forum-poll-composer__locked {
    margin: 0;
    padding: 0.65rem 0.75rem;
    border-radius: 0.5rem;
    background: #fff7ed;
    color: #9a3412;
    font-size: 0.9rem;
}

.p4g-forum-topic-poll {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid var(--p4g-forum-border, rgba(0, 0, 0, 0.1));
    border-radius: 0.75rem;
    background: var(--p4g-forum-surface-muted, #f8fafc);
}

.p4g-forum-topic-poll__head {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
}

.p4g-forum-topic-poll__question {
    margin: 0;
    font-weight: 700;
    line-height: 1.35;
}

.p4g-forum-topic-poll__vote {
    display: grid;
    gap: 0.45rem;
}

.p4g-forum-topic-poll__option-btn {
    width: 100%;
    text-align: left;
    padding: 0.65rem 0.85rem;
    border: 1px solid var(--p4g-forum-border, rgba(0, 0, 0, 0.12));
    border-radius: 0.55rem;
    background: #fff;
    cursor: pointer;
    font: inherit;
}

.p4g-forum-topic-poll__option-btn:hover:not(:disabled) {
    border-color: var(--p4g-forum-accent, #2563eb);
}

.p4g-forum-topic-poll__meta,
.p4g-forum-topic-poll__back {
    margin: 0.35rem 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.88rem;
}

.p4g-forum-topic-poll__toggle-results,
.p4g-forum-topic-poll__toggle-vote {
    border: 0;
    background: transparent;
    color: var(--p4g-forum-accent, #2563eb);
    cursor: pointer;
    font: inherit;
    padding: 0;
}

.p4g-forum-topic-poll__results {
    display: grid;
    gap: 0.55rem;
}

.p4g-forum-topic-poll__result.is-user-choice .p4g-forum-topic-poll__result-head strong {
    color: var(--p4g-forum-accent, #2563eb);
}

.p4g-forum-topic-poll__result-head {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 0.92rem;
}

.p4g-forum-topic-poll__result-bar {
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.p4g-forum-topic-poll__result-bar span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--p4g-forum-accent, #2563eb);
}

.p4g-forum-topic-poll__total {
    margin: 0.15rem 0 0;
    font-size: 0.88rem;
    color: var(--p4g-forum-muted, #64748b);
}

.p4g-forum-topic-poll__login-hint {
    margin: 0.35rem 0 0;
    font-size: 0.88rem;
    color: var(--p4g-forum-muted, #64748b);
}

.p4g-forum-topic-poll .is-hidden,
.p4g-forum-topic-poll__results.is-hidden,
.p4g-forum-topic-poll__vote.is-hidden {
    display: 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);
}