/* Al3ab Editorial — production frontend */
:root {
  color-scheme: light;
  --color-brand: #b41f24;
  --color-brand-hover: #8d171b;
  --color-brand-soft: #faecec;
  --color-accent: #fbb43b;
  --color-accent-hover: #df9418;
  --color-accent-soft: #fff4dd;
  --color-ink: #111316;
  --color-charcoal: #22262b;
  --color-canvas: #f5f5f3;
  --color-surface: #fff;
  --color-surface-raised: #fff;
  --color-muted: #626873;
  --color-line: #dfded9;
  --color-amber: #fbb43b;
  --color-green: #16845b;
  --color-blue: #4267d5;
  --font-editorial: "Noto Kufi Arabic", "Noto Sans Arabic", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-base: 1rem;
  --font-size-md: 1.125rem;
  --font-size-lg: 1.3125rem;
  --font-size-xl: clamp(1.55rem, 2.4vw, 2.125rem);
  --font-size-2xl: clamp(2rem, 4vw, 3.625rem);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --shadow-raised: 0 20px 55px rgba(12,16,20,.12);
  --shadow-soft: 0 8px 28px rgba(12,16,20,.07);
  --countdown-bg: #14171b;
  --container: 1280px;
  --transition-fast: 140ms ease;
  --transition: 240ms cubic-bezier(.2,.7,.25,1);
  --ease-editorial: cubic-bezier(.2,.75,.25,1);
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-brand: #d45156;
  --color-brand-hover: #e16d72;
  --color-brand-soft: #3a1c1e;
  --color-accent: #fbb43b;
  --color-accent-hover: #ffd078;
  --color-accent-soft: #3b2d18;
  --color-ink: #f5f3ef;
  --color-charcoal: #171a1f;
  --color-canvas: #121419;
  --color-surface: #1a1d22;
  --color-surface-raised: #20242a;
  --color-muted: #a9afb9;
  --color-line: #30343b;
  --color-amber: #fbb43b;
  --color-green: #35b982;
  --color-blue: #7895f5;
  --shadow-raised: 0 18px 50px rgba(0,0,0,.28);
  --shadow-soft: 0 10px 30px rgba(0,0,0,.2);
  --countdown-bg: #0d0f12;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 6rem; }
body {
  margin: 0;
  background: var(--color-canvas);
  color: var(--color-ink);
  font-family: var(--font-editorial);
  font-size: var(--font-size-base);
  line-height: 1.75;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  transition: background-color .32s var(--ease-editorial), color .32s var(--ease-editorial);
}
body.is-arabic { line-height: 1.9; }
body.drawer-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
a { color: inherit; text-decoration: none; }
a, button, input { -webkit-tap-highlight-color: transparent; }
button, input { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid color-mix(in srgb, var(--color-brand) 55%, transparent); outline-offset: 3px; }
::selection { background: var(--color-brand); color: #fff; }

h1, h2, h3, h4 { margin: 0; font-weight: 800; line-height: 1.28; letter-spacing: -.025em; text-wrap: balance; }
p { margin: 0 0 var(--space-4); }
.screen-reader-text { position: absolute; inline-size: 1px; block-size: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 9999; inset-block-start: 1rem; inset-inline-start: 1rem; padding: .75rem 1rem; background: var(--color-brand); color: #fff; border-radius: var(--radius-sm); transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.container { width: min(calc(100% - 2rem), var(--container)); margin-inline: auto; }
.container--wide { width: min(calc(100% - 2rem), 1440px); }
.container--reading { max-width: 760px; }
.container--article-head { max-width: 1000px; }
.section { padding-block: clamp(3.5rem, 7vw, 6rem); }
.section--first { padding-block-start: clamp(2.5rem, 6vw, 5.25rem); }
.section--surface { background: var(--color-surface); border-block: 1px solid var(--color-line); }
.site-main { min-height: 60vh; }
.is-ready .site-main { animation: page-enter .48s var(--ease-editorial) both; }
body.is-language-switching .site-main { opacity: 0; transform: translateX(18px); transition: opacity 180ms ease, transform 180ms ease; }
[dir="rtl"] body.is-language-switching .site-main { transform: translateX(-18px); }
@keyframes page-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.is-theme-changing body, .is-theme-changing .site-header, .is-theme-changing .section--surface { transition-duration: .38s; }
.reveal-on-scroll { opacity: 0; transform: translateY(18px); }
.reveal-on-scroll.is-revealed { opacity: 1; transform: none; transition: opacity .55s var(--ease-editorial) var(--reveal-delay,0ms), transform .55s var(--ease-editorial) var(--reveal-delay,0ms); }

.eyebrow, .category-chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--color-brand);
  font-size: var(--font-size-xs);
  font-weight: 800;
  letter-spacing: .08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.category-chip { position: relative; padding-inline-start: .75rem; }
.editorial-breadcrumbs { margin-block-end: 1rem; color: var(--color-muted); font-size: var(--font-size-xs); }
.editorial-breadcrumbs .rank-math-breadcrumb p { margin: 0; }
.editorial-breadcrumbs a:hover { color: var(--color-brand); }
.category-chip::before { content: ""; position: absolute; inset-inline-start: 0; width: 4px; height: 1em; border-radius: 8px; background: var(--color-brand); }
.post-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem; color: var(--color-muted); font-size: var(--font-size-xs); line-height: 1.5; }
.button {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .7rem 1.25rem;
  border: 1px solid var(--color-brand);
  border-radius: var(--radius-sm);
  background: var(--color-brand);
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}
.button::after { content: ""; position: absolute; inset-block: 0; inset-inline-start: -55%; width: 35%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent); transform: skewX(-18deg); transition: inset-inline-start .5s var(--ease-editorial); }
.button:hover { background: var(--color-brand-hover); border-color: var(--color-brand-hover); transform: translateY(-2px); box-shadow: 0 9px 24px color-mix(in srgb, var(--color-brand) 24%, transparent); }
.button:hover::after { inset-inline-start: 120%; }
.button--outline { background: transparent; color: var(--color-ink); border-color: var(--color-line); }
.button--outline:hover { background: var(--color-surface-raised); color: var(--color-ink); border-color: var(--color-muted); }
.button-row { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.text-link { display: inline-flex; align-items: center; gap: .4rem; color: var(--color-ink); font-size: var(--font-size-sm); font-weight: 800; }
.text-link span { color: var(--color-brand); transition: transform var(--transition-fast); }
.text-link:hover span { transform: translate(2px,-2px); }
[dir="rtl"] .text-link:hover span { transform: translate(-2px,-2px); }
.icon-button { display: inline-grid; width: 44px; height: 44px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; transition: color var(--transition), background var(--transition), transform var(--transition); }
.icon-button:hover { background: var(--color-brand-soft); color: var(--color-brand); transform: rotate(5deg) scale(1.04); }

/* Masthead */
.utility-bar { min-height: 36px; background: var(--color-charcoal); color: #dfe2e7; font-size: .72rem; }
.utility-bar__inner, .utility-bar__lead, .utility-bar__actions { display: flex; align-items: center; }
.utility-bar__inner { min-height: 36px; justify-content: space-between; gap: 1rem; }
.utility-bar__lead, .utility-bar__actions { gap: .75rem; }
.utility-bar__pulse { width: 6px; height: 6px; border-radius: 50%; background: #ff3b3d; box-shadow: 0 0 0 4px rgba(255,59,61,.15); }
.utility-menu, .language-switcher ul { display: flex; align-items: center; gap: 1rem; padding: 0; margin: 0; list-style: none; }
.language-switcher { direction: ltr; display: inline-flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(255,255,255,.06); }
.language-switcher a { display: grid; min-width: 34px; min-height: 25px; place-items: center; padding-inline: .55rem; border-radius: 99px; color: #bec3cb; font-size: .65rem; font-weight: 850; letter-spacing: .03em; line-height: 1; transition: color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast); }
.language-switcher a:hover { color: #fff; transform: translateY(-1px); }
.language-switcher a[aria-current="page"] { background: #fff; color: #17191d; box-shadow: 0 3px 12px rgba(0,0,0,.18); }
.theme-toggle { position: relative; }
.theme-toggle svg { position: absolute; transition: opacity .25s ease, transform .32s var(--ease-editorial); }
.theme-toggle__sun { opacity: 0; transform: rotate(-70deg) scale(.55); }
[data-theme="dark"] .theme-toggle__moon { opacity: 0; transform: rotate(70deg) scale(.55); }
[data-theme="dark"] .theme-toggle__sun { opacity: 1; transform: none; }
.utility-bar .icon-button { width: 32px; height: 32px; }
.utility-bar .icon-button:hover { background: rgba(255,255,255,.08); color: #fff; }
.site-header { position: sticky; z-index: 100; inset-block-start: 0; background: color-mix(in srgb, var(--color-surface) 92%, transparent); border-block-end: 1px solid var(--color-line); box-shadow: 0 4px 20px rgba(12,16,20,.035); backdrop-filter: blur(18px) saturate(140%); transition: background-color .32s var(--ease-editorial), border-color .32s var(--ease-editorial); }
.site-header__inner { display: grid; min-height: 76px; grid-template-columns: auto 1fr auto; align-items: center; gap: 2.5rem; }
.site-header__inner { position: relative; }
.site-branding { display: flex; align-items: center; min-width: 124px; }
.custom-logo-link { display: block; }
.custom-logo { width: auto; max-width: 155px; max-height: 52px; object-fit: contain; }
.wordmark { display: inline-flex; align-items: center; gap: .55rem; font-size: 1.9rem; font-weight: 900; line-height: 1; letter-spacing: -.08em; }
.wordmark__mark { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 9px 3px 9px 3px; background: var(--color-brand); color: #fff; font-size: 1.3rem; transform: rotate(-4deg); }
.wordmark__name { letter-spacing: -.08em; }
.primary-navigation { justify-self: center; }
.primary-menu { display: flex; align-items: center; gap: clamp(1rem,2.2vw,2rem); padding: 0; margin: 0; list-style: none; }
.primary-menu > li { position: relative; }
.primary-menu a { display: flex; min-height: 76px; align-items: center; font-size: var(--font-size-sm); font-weight: 750; white-space: nowrap; }
.primary-menu > li > a::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: -1px; height: 3px; background: var(--color-brand); transform: scaleX(0); transform-origin: center; transition: transform var(--transition-fast); }
.primary-menu > li:hover > a::after, .primary-menu > .current-menu-item > a::after { transform: scaleX(1); }
.primary-menu .sub-menu { position: absolute; inset-block-start: calc(100% - 1px); inset-inline-start: -1rem; min-width: 240px; padding: .75rem; margin: 0; list-style: none; background: var(--color-surface-raised); border: 1px solid var(--color-line); border-radius: 0 0 var(--radius-md) var(--radius-md); box-shadow: var(--shadow-raised); opacity: 0; visibility: hidden; transform: translateY(8px); transition: var(--transition-fast); }
.primary-menu li:hover > .sub-menu, .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.primary-menu .sub-menu a { min-height: 42px; padding: .5rem .75rem; border-radius: var(--radius-sm); }
.primary-menu .sub-menu a:hover { background: var(--color-brand-soft); color: var(--color-brand); }
.primary-menu > .mega-menu { position: static; }
.primary-menu > .mega-menu > .sub-menu { inset-inline: 0; width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .5rem 1rem; padding: 1.25rem; }
.primary-menu > .mega-menu:hover > .sub-menu, .primary-menu > .mega-menu:focus-within > .sub-menu { display: grid; }
.primary-menu > .mega-menu > .sub-menu > li > a { min-height: 48px; border-block-end: 1px solid var(--color-line); font-weight: 800; }
.menu-toggle { display: none; }
.search-panel { position: absolute; z-index: 5; inset: 100% 0 auto; padding: 1.25rem 0; background: var(--color-surface); border-block-end: 1px solid var(--color-line); box-shadow: var(--shadow-raised); }
.search-panel[hidden] { display: none; }
.search-panel__inner { display: flex; gap: 1rem; align-items: center; }
.search-panel .search-form { display: flex; flex: 1; gap: .75rem; }
.search-panel .search-form label { flex: 1; }
.search-field { width: 100%; min-height: 50px; padding: .75rem 1rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-canvas); color: var(--color-ink); }
.search-submit { min-height: 50px; padding-inline: 1.25rem; border: 0; border-radius: var(--radius-sm); background: var(--color-brand); color: #fff; font-weight: 800; cursor: pointer; }
.mobile-drawer, .drawer-scrim { display: none; }
.reading-progress { position: fixed; z-index: 150; inset-block-start: 0; inset-inline-start: 0; height: 3px; width: var(--reading-progress, 0%); background: var(--color-brand); transition: width 50ms linear; }

/* Headings and empty states */
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-block-end: clamp(1.5rem,3vw,2.5rem); padding-block-end: 1rem; border-block-end: 1px solid var(--color-line); }
.section-heading__title { margin-block-start: .35rem; font-size: var(--font-size-xl); }
.empty-state { grid-column: 1/-1; display: grid; min-height: 220px; place-items: center; align-content: center; gap: .75rem; color: var(--color-muted); border: 1px dashed var(--color-line); border-radius: var(--radius-md); text-align: center; }
.empty-state span { color: var(--color-brand); font-size: 2rem; }
.media-placeholder { display: grid; width: 100%; height: 100%; min-height: 180px; place-items: center; background: radial-gradient(circle at 20% 20%, rgba(231,5,7,.2), transparent 28%), linear-gradient(135deg, var(--color-charcoal), #303641); color: rgba(255,255,255,.76); font-weight: 900; letter-spacing: .1em; }

/* Homepage */
.hero-grid { display: grid; grid-template-columns: 1.65fr 1fr 1fr; grid-template-rows: repeat(2, minmax(220px, 1fr)); gap: 1rem; }
.story-card { min-width: 0; }
.story-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 16/10; border-radius: var(--radius-md); background: var(--color-charcoal); }
.story-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.65,.3,1); }
.story-card:hover .story-card__media img { transform: scale(1.035); }
.story-card__body { padding-block-start: 1rem; }
.story-card__title { margin-block: .6rem; font-size: var(--font-size-lg); }
.story-card__title a:hover { color: var(--color-brand); }
.story-card__excerpt { color: var(--color-muted); font-size: var(--font-size-sm); line-height: 1.75; }
.story-card--lead { grid-row: 1/3; }
.story-card--lead .story-card__media { aspect-ratio: auto; height: calc(100% - 190px); min-height: 360px; }
.story-card--lead .story-card__title { font-size: clamp(1.8rem,3.1vw,3rem); }
.story-card--lead .story-card__excerpt { max-width: 65ch; font-size: var(--font-size-base); }
.story-card--overlay { position: relative; min-height: 220px; overflow: hidden; border-radius: var(--radius-md); }
.story-card--overlay .story-card__media { position: absolute; inset: 0; aspect-ratio: auto; border-radius: 0; }
.story-card--overlay .story-card__media::after { content: ""; position: absolute; inset: 25% 0 0; background: linear-gradient(transparent, rgba(8,10,13,.94)); }
.story-card--overlay .story-card__body { position: absolute; z-index: 1; inset: auto 0 0; padding: 1.25rem; color: #fff; }
.story-card--overlay .story-card__title { margin-block: .45rem .65rem; font-size: clamp(1rem,1.6vw,1.25rem); }
.story-card--overlay .post-meta { color: rgba(255,255,255,.68); }
.trending-strip { border-block: 1px solid var(--color-line); background: var(--color-surface); }
.trending-strip__inner { display: flex; min-height: 72px; align-items: center; gap: 1.5rem; overflow: hidden; }
.trending-strip__inner > strong { flex: 0 0 auto; color: var(--color-brand); font-size: var(--font-size-xs); }
.trending-list { display: flex; gap: 0; padding: 0; margin: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.trending-list::-webkit-scrollbar { display: none; }
.trending-list li { display: flex; flex: 0 0 min(36vw, 290px); align-items: center; gap: .75rem; padding-inline: 1rem; border-inline-start: 1px solid var(--color-line); font-size: var(--font-size-xs); font-weight: 700; line-height: 1.6; }
.trending-list li::before { content: counter(list-item, decimal-leading-zero); color: var(--color-muted); font-size: .72rem; }
.content-sidebar-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(270px, .8fr); gap: clamp(2rem,5vw,5rem); }
.story-stream { display: grid; gap: 1.5rem; }
.story-card--compact { display: grid; grid-template-columns: minmax(190px, 35%) 1fr; gap: 1.25rem; padding-block-end: 1.5rem; border-block-end: 1px solid var(--color-line); }
.story-card--compact .story-card__media { aspect-ratio: 16/10; }
.story-card--compact .story-card__body { padding: .25rem 0; }
.story-card--compact .story-card__title { font-size: clamp(1.05rem,2vw,1.45rem); }
.editorial-sidebar { display: flex; flex-direction: column; gap: 2rem; }
.sidebar-panel { position: sticky; inset-block-start: 108px; padding: 1.5rem; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); }
.ranked-list { counter-reset: rank; padding: 0; margin: 1rem 0 0; list-style: none; }
.ranked-list li { counter-increment: rank; display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; padding-block: 1rem; border-block-end: 1px solid var(--color-line); font-size: var(--font-size-sm); font-weight: 750; line-height: 1.65; }
.ranked-list li::before { content: counter(rank, decimal-leading-zero); color: var(--color-brand); font-weight: 900; }
.ranked-list li:last-child { border: 0; }
.al3ab-ad { display: grid; min-height: 140px; place-items: center; align-content: center; padding: 1rem; background: color-mix(in srgb, var(--color-line) 35%, transparent); color: var(--color-muted); border-radius: var(--radius-sm); font-size: var(--font-size-xs); text-align: center; }
.review-grid, .archive-grid, .deal-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; }
.review-card, .game-card { overflow: hidden; background: var(--color-surface-raised); border: 1px solid var(--color-line); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background-color .32s var(--ease-editorial); }
.review-card:hover, .game-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--color-brand) 28%, var(--color-line)); box-shadow: var(--shadow-raised); }
.review-card__media, .game-card__media { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; }
.review-card__media img, .game-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ease-editorial), filter .55s ease; }
.review-card:hover .review-card__media img, .game-card:hover .game-card__media img { transform: scale(1.045); filter: saturate(1.08); }
.review-card__body, .game-card__body { padding: 1.1rem; }
.review-card__title { margin-block: .5rem 1rem; font-size: var(--font-size-md); }
.score-badge { position: absolute; inset-inline-end: .85rem; inset-block-end: .85rem; display: grid; width: 54px; height: 54px; place-items: center; background: var(--color-brand); color: #fff; border: 4px solid #fff; border-radius: 50%; font-size: 1.15rem; font-weight: 900; box-shadow: 0 6px 20px rgba(0,0,0,.2); }
.game-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1rem; }
.game-card__media { aspect-ratio: 4/5; }
.release-date { color: var(--color-brand); font-size: var(--font-size-xs); font-weight: 800; }
.game-card__title { margin-block: .4rem .8rem; font-size: var(--font-size-base); }
.platform-list { display: flex; flex-wrap: wrap; gap: .35rem; }
.platform-list span { padding: .2rem .48rem; background: var(--color-brand-soft); color: var(--color-brand); border-radius: 99px; font-size: .65rem; font-weight: 800; line-height: 1.5; transition: transform var(--transition-fast), background var(--transition-fast); }
.platform-list span:hover { transform: translateY(-2px); }
.countdown { display: grid; gap: .7rem; margin-block-end: 1.5rem; }
.countdown__prefix { color: #bec3cb; font-size: var(--font-size-xs); font-weight: 800; }
.countdown__units { direction: ltr; display: grid; width: min(100%,430px); grid-template-columns: repeat(4,minmax(54px,1fr)); gap: .45rem; }
.countdown__unit { direction: rtl; display: grid; min-width: 0; justify-items: center; gap: .28rem; padding: .72rem .45rem .62rem; border: 1px solid #30353d; border-block-end: 2px solid var(--color-brand); border-radius: 7px; background: var(--countdown-bg); box-shadow: inset 0 1px rgba(255,255,255,.045), 0 7px 18px rgba(0,0,0,.18); }
.countdown__unit strong { color: var(--color-amber); font-size: 1.35rem; font-variant-numeric: tabular-nums; line-height: 1; }
.countdown__unit small { color: #f2f3f5; font-size: .62rem; font-weight: 760; white-space: nowrap; }
.countdown__complete { color: var(--color-brand); font-size: var(--font-size-lg); }
.countdown--compact { gap: .42rem; margin-block: .65rem .85rem; }
.countdown--compact .countdown__prefix { color: var(--color-muted); font-size: .66rem; }
.countdown--compact .countdown__units { width: 100%; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .28rem; }
.countdown--compact .countdown__unit { min-width: 0; gap: .15rem; padding: .42rem .15rem .36rem; border-color: #30353d; border-block-end-color: var(--color-brand); background: var(--countdown-bg); }
.countdown--compact .countdown__unit strong { color: var(--color-amber); font-size: .78rem; }
.countdown--compact .countdown__unit small { color: #f2f3f5; font-size: clamp(.43rem,.52vw,.52rem); }
.countdown--compact .countdown__complete { font-size: var(--font-size-xs); }

/* Magazine */
.magazine-spotlight { position: relative; overflow: hidden; background: var(--color-charcoal); color: #f7f7f6; }
.magazine-spotlight::before { content: ""; position: absolute; width: 480px; height: 480px; inset-inline-end: -140px; inset-block-start: -180px; border: 90px solid rgba(231,5,7,.1); border-radius: 50%; }
.magazine-spotlight .section-heading { border-color: rgba(255,255,255,.18); }
.magazine-spotlight .text-link { color: #fff; }
.magazine-spotlight__grid { position: relative; display: grid; grid-template-columns: 1.65fr repeat(3,1fr); gap: clamp(1rem,2.5vw,2.25rem); align-items: end; }
.magazine-card { min-width: 0; }
.magazine-card__cover { position: relative; display: block; aspect-ratio: 5/7; overflow: hidden; background: #252a31; border-radius: 6px 12px 12px 6px; box-shadow: -10px 16px 40px rgba(0,0,0,.38), inset 5px 0 rgba(255,255,255,.08); transform-origin: bottom center; transition: transform var(--transition), box-shadow var(--transition); }
[dir="rtl"] .magazine-card__cover { border-radius: 12px 6px 6px 12px; box-shadow: 10px 16px 40px rgba(0,0,0,.38), inset -5px 0 rgba(255,255,255,.08); }
.magazine-card:hover .magazine-card__cover { transform: translateY(-7px) rotate(.5deg); box-shadow: -12px 22px 46px rgba(0,0,0,.48); }
.magazine-card__cover img { width: 100%; height: 100%; object-fit: cover; }
.latest-badge { position: absolute; inset-block-start: 1rem; inset-inline-start: 1rem; padding: .38rem .65rem; border-radius: 99px; background: var(--color-brand); color: #fff; font-size: .66rem; font-weight: 900; box-shadow: 0 4px 18px rgba(231,5,7,.35); }
.magazine-card__body { padding-block-start: 1rem; }
.magazine-card__meta { display: flex; justify-content: space-between; gap: .75rem; color: #b7bdc7; font-size: .7rem; font-weight: 700; }
.magazine-card__title { margin-block: .45rem; font-size: var(--font-size-md); }
.magazine-card__body p { color: #b7bdc7; font-size: var(--font-size-xs); line-height: 1.7; }
.magazine-spotlight__grid > .magazine-card:first-child { display: grid; grid-template-columns: minmax(230px, .82fr) 1fr; gap: 2rem; align-items: center; }
.magazine-spotlight__grid > .magazine-card:first-child .magazine-card__title { font-size: var(--font-size-xl); }
.magazine-spotlight__grid > .magazine-card:first-child .magazine-card__body p { font-size: var(--font-size-sm); }
.magazine-spotlight__cta { margin-block-start: 2.5rem; }
.magazine-archive-hero { background: var(--color-charcoal); color: #fff; }
.magazine-archive-hero h1, .archive-hero h1 { margin-block: .5rem 1rem; font-size: var(--font-size-2xl); }
.magazine-archive-hero p, .archive-hero p, .archive-description { max-width: 70ch; color: #b9bec7; font-size: var(--font-size-md); }
.archive-hero p, .archive-description { color: var(--color-muted); }
.magazine-archive-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(1.5rem,3vw,3rem); }
.magazine-archive-grid .magazine-card__meta { color: var(--color-muted); }
.magazine-archive-grid .magazine-card__body p { color: var(--color-muted); }
.issue-hero { background: var(--color-charcoal); color: #fff; }
.issue-hero__grid { display: grid; grid-template-columns: minmax(240px,420px) minmax(0,1fr); gap: clamp(2.5rem,7vw,7rem); align-items: center; }
.issue-hero__cover { position: relative; aspect-ratio: 5/7; overflow: hidden; border-radius: 8px 16px 16px 8px; box-shadow: -18px 26px 60px rgba(0,0,0,.42); }
.issue-hero__cover img { width: 100%; height: 100%; object-fit: cover; }
.issue-hero__copy h1 { margin-block: .65rem 1rem; font-size: var(--font-size-2xl); }
.issue-hero__copy .article-dek { color: #c3c8d0; }
.issue-meta { display: flex; flex-wrap: wrap; gap: 1rem; margin-block-end: 1.5rem; color: #c3c8d0; }
.issue-meta strong { color: #fff; }
.issue-hero .button--outline { color: #fff; border-color: rgba(255,255,255,.26); }
.issue-content-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(270px,.45fr); gap: clamp(2rem,6vw,6rem); padding-block: clamp(3rem,7vw,6rem); }
.toc-panel { padding: 1.5rem; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: var(--radius-md); align-self: start; }
.toc-panel h2 { margin-block-end: 1rem; font-size: var(--font-size-lg); }
.toc-panel p { padding-block: .65rem; margin: 0; border-block-end: 1px solid var(--color-line); color: var(--color-muted); font-size: var(--font-size-sm); }
.viewer-section { background: #0b0d10; }
.viewer-frame { min-height: min(76vh,850px); overflow: hidden; border: 1px solid #2c3037; border-radius: var(--radius-md); background: #15181d; color: #fff; }
.viewer-shell { display: grid; min-height: min(76vh,850px); place-items: center; align-content: center; gap: 1rem; padding: 2rem; text-align: center; }
.viewer-shell__icon { font-size: 3rem; color: var(--color-brand); }
.viewer-shell iframe, .viewer-shell object { width: 100%; height: min(76vh,850px); border: 0; }
.viewer-shell.is-active { display: block; padding: 0; }

/* Podcast and features */
.podcast-section { background: var(--color-surface); border-block: 1px solid var(--color-line); }
.podcast-grid, .podcast-archive-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; }
.podcast-card { overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-canvas); box-shadow: var(--shadow-soft); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.podcast-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--color-brand) 28%, var(--color-line)); box-shadow: var(--shadow-raised); }
.podcast-card__media { position: relative; display: block; aspect-ratio: 16/9; overflow: hidden; }
.podcast-card__media::after { content: ""; position: absolute; inset: 50% 0 0; background: linear-gradient(transparent,rgba(0,0,0,.55)); }
.podcast-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ease-editorial); }
.podcast-card:hover .podcast-card__media img { transform: scale(1.045); }
.play-button { position: absolute; z-index: 2; inset-inline-start: 1rem; inset-block-end: 1rem; display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--color-brand); color: #fff; }
.play-button svg { fill: currentColor; stroke: none; }
.podcast-card__body { padding: 1.25rem; }
.podcast-card h3 { margin-block: .65rem 1rem; font-size: var(--font-size-lg); }
.feature-grid { display: grid; grid-template-columns: 1.7fr repeat(2,1fr); gap: 1.5rem; }
.feature-grid .story-card--feature-lead { grid-row: span 2; }
.story-card--feature-lead .story-card__title { font-size: var(--font-size-xl); }
.feature-grid .story-card:last-child { grid-column: 2/4; display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding-block-start: 1.5rem; border-block-start: 1px solid var(--color-line); }
.newsletter-panel { position: relative; display: grid; grid-template-columns: 1.2fr 1fr; gap: 3rem; align-items: center; overflow: hidden; padding: clamp(2rem,5vw,4rem); background: var(--color-charcoal); color: #fff; border-radius: var(--radius-lg); }
.newsletter-panel::after { content: ""; position: absolute; width: 240px; height: 240px; inset-inline-end: -100px; inset-block-end: -100px; border: 48px solid rgba(231,5,7,.22); border-radius: 50%; }
.newsletter-panel__copy { position: relative; z-index: 1; }
.newsletter-panel h2 { margin-block: .5rem; font-size: var(--font-size-xl); }
.newsletter-panel p { max-width: 58ch; margin: 0; color: #bdc2ca; }
.newsletter-form { position: relative; z-index: 1; display: flex; gap: .75rem; }
.newsletter-form input { min-width: 0; flex: 1; min-height: 50px; padding: .75rem 1rem; border: 1px solid #484e58; border-radius: var(--radius-sm); background: rgba(255,255,255,.08); color: #fff; }
.newsletter-form input::placeholder { color: #bfc4cc; }

/* Long-form */
.article-header { padding-block-end: 2.5rem; }
.article-title { max-width: 19ch; margin-block: .75rem 1rem; font-size: var(--font-size-2xl); }
.article-dek { max-width: 70ch; color: var(--color-muted); font-size: clamp(1.1rem,2.1vw,1.35rem); line-height: 1.75; }
.article-byline { display: flex; align-items: center; gap: .85rem; margin-block-start: 1.5rem; }
.article-byline img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.article-byline strong { font-size: var(--font-size-sm); }
.article-hero { margin-block-end: clamp(2.5rem,5vw,4rem); }
.article-hero img { width: 100%; max-height: 820px; object-fit: cover; border-radius: var(--radius-md); }
.article-hero figcaption { padding-block-start: .6rem; color: var(--color-muted); font-size: var(--font-size-xs); }
.article-layout { display: grid; grid-template-columns: 60px minmax(0,760px) minmax(230px,1fr); gap: clamp(1.5rem,4vw,4rem); align-items: start; padding-block-end: clamp(4rem,8vw,7rem); }
.article-content { min-width: 0; }
.entry-content { font-size: 1.075rem; line-height: 1.9; }
.is-arabic .entry-content { line-height: 2.05; }
.entry-content > * { max-width: 68ch; }
.entry-content > .alignwide { max-width: 1080px; margin-inline: min(-8vw,-90px); }
.entry-content > .alignfull { max-width: none; width: 100vw; margin-inline-start: calc(50% - 50vw); }
.entry-content h2 { margin-block: 2.5rem 1rem; font-size: var(--font-size-xl); }
.entry-content h3 { margin-block: 2rem .75rem; font-size: var(--font-size-lg); }
.entry-content p, .entry-content ul, .entry-content ol { margin-block: 0 1.4rem; }
.entry-content a { color: var(--color-brand); text-decoration: underline; text-underline-offset: .18em; }
.entry-content blockquote { margin: 2rem 0; padding: 1.5rem 1.75rem; border-inline-start: 5px solid var(--color-brand); background: var(--color-brand-soft); border-radius: var(--radius-sm); font-size: var(--font-size-lg); font-weight: 700; }
.entry-content figure { margin-block: 2rem; }
.entry-content figcaption { color: var(--color-muted); font-size: var(--font-size-xs); }
.share-rail { position: sticky; inset-block-start: 112px; display: grid; justify-items: center; gap: .65rem; }
.share-rail > span { color: var(--color-muted); font-size: .65rem; font-weight: 800; writing-mode: vertical-rl; }
.share-rail a, .share-rail button { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--color-line); border-radius: 50%; background: var(--color-surface); color: var(--color-ink); font-weight: 800; cursor: pointer; }
.article-sidebar { position: sticky; inset-block-start: 112px; }
.tag-list { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 2rem; }
.tag-list a { padding: .4rem .7rem; background: var(--color-surface); border: 1px solid var(--color-line); border-radius: 99px; color: var(--color-muted); font-size: var(--font-size-xs); text-decoration: none; }
.author-box { display: grid; grid-template-columns: auto 1fr; gap: 1rem; margin-block-start: 2.5rem; padding-block: 1.5rem; border-block: 1px solid var(--color-line); }
.author-box img { border-radius: 50%; }
.author-box p { margin: .4rem 0 0; color: var(--color-muted); font-size: var(--font-size-sm); }
.comments-wrap { padding-block: 0 clamp(4rem,8vw,7rem); }
.comments-area { padding-block-start: 2rem; border-block-start: 1px solid var(--color-line); }
.comments-title { display: flex; align-items: center; gap: .65rem; margin-block-end: 1.5rem; font-size: var(--font-size-xl); }
.comments-title span { display: grid; min-width: 32px; height: 32px; place-items: center; border-radius: 50%; background: var(--color-brand-soft); color: var(--color-brand); font-size: var(--font-size-xs); }
.comment-list { padding: 0; margin: 0; list-style: none; }
.comment-list .comment { padding-block: 1.25rem; border-block-end: 1px solid var(--color-line); }
.comment-author { display: flex; align-items: center; gap: .75rem; }
.comment-author img { border-radius: 50%; }
.comment-metadata, .reply { color: var(--color-muted); font-size: var(--font-size-xs); }
.comment-content { margin-block-start: .75rem; }
.comment-respond { margin-block-start: 2.5rem; }
.comment-form label { display: block; margin-block-end: .35rem; font-size: var(--font-size-sm); font-weight: 750; }
.comment-form input:not([type="submit"]), .comment-form textarea { width: 100%; padding: .75rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-surface); color: var(--color-ink); }
.review-box { margin-block: 3rem; overflow: hidden; border: 1px solid var(--color-line); border-radius: var(--radius-md); }
.review-box__header { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; padding: 1.5rem; background: var(--color-charcoal); color: #fff; }
.review-box__score { display: grid; width: 84px; height: 84px; place-items: center; border: 5px solid rgba(255,255,255,.22); border-radius: 50%; background: var(--color-brand); font-size: 1.75rem; font-weight: 900; }
.review-breakdown { display: grid; gap: .85rem; padding: 1.5rem; }
.review-meter { display: grid; grid-template-columns: 100px 1fr 2rem; gap: .75rem; align-items: center; font-size: var(--font-size-xs); font-weight: 700; }
.review-meter__bar { height: 7px; overflow: hidden; background: var(--color-line); border-radius: 99px; }
.review-meter__bar span { display: block; height: 100%; width: calc(var(--score) * 10%); background: var(--color-brand); border-radius: inherit; }
.review-pros-cons { display: grid; grid-template-columns: 1fr 1fr; border-block-start: 1px solid var(--color-line); }
.review-pros-cons > div { padding: 1.5rem; }
.review-pros-cons > div + div { border-inline-start: 1px solid var(--color-line); }
.review-pros-cons ul { padding-inline-start: 1.25rem; margin-block-end: 0; }
.review-verdict { padding: 1.5rem; background: var(--color-brand-soft); }

/* Games, deals, and podcast pages */
.game-archive-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1.25rem; }
.release-month-heading { grid-column: 1/-1; margin-block: 1.25rem .25rem; padding-block-end: .75rem; border-block-end: 1px solid var(--color-line); font-size: var(--font-size-xl); }
.game-hero { position: relative; overflow: hidden; background: var(--color-charcoal); color: #fff; }
.game-hero::after { content: ""; position: absolute; inset: auto -10% -65% 45%; height: 600px; border: 90px solid rgba(231,5,7,.09); border-radius: 50%; }
.game-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(230px,340px) 1fr; gap: clamp(2.5rem,7vw,6rem); align-items: center; }
.game-hero__poster { aspect-ratio: 4/5; overflow: hidden; border-radius: var(--radius-md); box-shadow: var(--shadow-raised); }
.game-hero__poster img { width: 100%; height: 100%; object-fit: cover; }
.game-hero h1 { margin-block: .5rem 1.25rem; font-size: var(--font-size-2xl); }
.game-editorial-score { display: inline-flex; align-items: center; gap: .7rem; margin-inline-end: 1.5rem; margin-block-end: 1.5rem; }
.game-editorial-score strong { display: grid; width: 64px; height: 64px; place-items: center; border-radius: 50%; background: var(--color-brand); color: #fff; font-size: 1.25rem; }
.game-editorial-score span { color: #bec3cb; font-size: var(--font-size-xs); font-weight: 800; }
.game-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-block: 0 1.5rem; }
.game-facts div { padding: 1rem; border: 1px solid #3a3e45; border-radius: var(--radius-sm); }
.deal-card { overflow: hidden; display: flex; flex-direction: column; background: var(--color-surface-raised); border: 1px solid var(--color-line); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition); }
.deal-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--color-brand) 28%, var(--color-line)); box-shadow: var(--shadow-raised); }
.deal-card__media { position: relative; display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--color-charcoal); }
.deal-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ease-editorial); }
.deal-card:hover .deal-card__media img { transform: scale(1.045); }
.deal-card__free { position: absolute; inset-inline-start: .75rem; inset-block-start: .75rem; padding: .38rem .62rem; border-radius: 99px; background: var(--color-brand); color: #fff; font-size: .67rem; font-weight: 900; letter-spacing: .04em; }
.deal-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.15rem; }
.deal-card__meta { display: flex; justify-content: space-between; gap: .75rem; color: var(--color-muted); font-size: var(--font-size-xs); }
.deal-card__meta strong { color: var(--color-brand); }
.deal-card__title { margin-block: .65rem .2rem; font-size: var(--font-size-md); }
.deal-card__actions { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-block-start: auto; padding-block-start: 1rem; }
.deal-card__actions .button { min-height: 38px; padding: .55rem .75rem; font-size: .72rem; }
.countdown--deal .countdown__unit strong { color: var(--color-brand); }
.deal-hero { background: var(--color-charcoal); color: #fff; }
.deal-hero__grid { display: grid; grid-template-columns: minmax(250px,420px) minmax(0,1fr); gap: clamp(2.5rem,7vw,6rem); align-items: center; }
.deal-hero__art { aspect-ratio: 16/10; overflow: hidden; border-radius: var(--radius-md); box-shadow: var(--shadow-raised); }
.deal-hero__art img { width: 100%; height: 100%; object-fit: cover; }
.deal-hero h1 { margin-block: .55rem 1rem; font-size: var(--font-size-2xl); }
.deal-price { display: flex; align-items: baseline; gap: .85rem; margin-block: 1.25rem; }
.deal-price strong { color: var(--color-brand); font-size: var(--font-size-xl); }
.deal-price del { color: #8e949e; }
.deal-hero__button { margin-block-start: 1.5rem; }
.game-facts dt { color: #aeb4bd; font-size: var(--font-size-xs); }
.game-facts dd { margin: .25rem 0 0; font-weight: 800; }
.platform-list--large span { padding: .4rem .7rem; background: rgba(255,255,255,.1); color: #fff; }
.game-description { padding-block: clamp(3rem,7vw,6rem); }
.responsive-embed { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; border-radius: var(--radius-md); background: var(--color-charcoal); }
.responsive-embed iframe { width: 100%; height: 100%; border: 0; }
.screenshot-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1rem; }
.screenshot-grid img { width: 100%; aspect-ratio: 16/9; object-fit: cover; border-radius: var(--radius-md); }
.podcast-hero { background: var(--color-charcoal); color: #fff; }
.podcast-hero__grid { display: grid; grid-template-columns: minmax(240px,420px) 1fr; gap: clamp(2.5rem,7vw,6rem); align-items: center; }
.podcast-hero__art { aspect-ratio: 1; overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-raised); }
.podcast-hero__art img { width: 100%; height: 100%; object-fit: cover; }
.podcast-hero h1 { margin-block: .6rem 1rem; font-size: var(--font-size-2xl); }
.podcast-hero .article-dek { color: #bdc2ca; }
.podcast-player { display: grid; gap: .75rem; margin-block-start: 1.5rem; }
.podcast-player audio { width: 100%; }
.podcast-player audio:not([controls]) { display: none; }
.podcast-player audio[controls] { display: block; }
.podcast-player.is-audio-fallback .audio-console { border-color: color-mix(in srgb,var(--color-brand) 55%,rgba(255,255,255,.18)); }
.provider-links { display: flex; flex-wrap: wrap; gap: .6rem; }
.provider-links a { padding: .55rem .8rem; border: 1px solid rgba(255,255,255,.25); border-radius: 99px; font-size: var(--font-size-xs); font-weight: 800; }
.page-content h1 { margin-block-end: 2rem; font-size: var(--font-size-2xl); }
.not-found__inner { max-width: 700px; text-align: center; }
.not-found__code { color: var(--color-brand); font-size: clamp(5rem,18vw,12rem); font-weight: 900; line-height: .9; opacity: .15; }
.not-found h1 { margin-block: 1rem; font-size: var(--font-size-xl); }
.not-found p { color: var(--color-muted); }

/* Footer and pagination */
.site-footer { padding-block-start: 4rem; background: #0e1013; color: #f1f2f4; }
.site-footer__top { display: grid; grid-template-columns: 1.2fr 1fr .8fr; gap: 3rem; padding-block-end: 3rem; }
.wordmark--footer { margin-block-end: 1rem; }
.footer-logo { margin-block-end: 1rem; }
.footer-logo .custom-logo { max-width: 180px; max-height: 64px; }
.footer-brand p { max-width: 48ch; color: #aeb4bd; font-size: var(--font-size-sm); }
.footer-menu { display: grid; grid-template-columns: repeat(2,1fr); gap: .75rem 1.5rem; padding: 0; margin: 0; list-style: none; font-size: var(--font-size-sm); font-weight: 700; }
.footer-menu a:hover { color: var(--color-brand); }
.footer-edition { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.site-footer .button--outline { color: #fff; border-color: #343942; }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 1rem; padding-block: 1.25rem; border-block-start: 1px solid #272b31; color: #858c96; font-size: var(--font-size-xs); }
.site-footer__bottom p { margin: 0; }
.navigation.pagination { margin-block-start: 3rem; }
.nav-links { display: flex; justify-content: center; gap: .5rem; }
.page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; padding-inline: .5rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-surface); }
.page-numbers.current { background: var(--color-brand); color: #fff; border-color: var(--color-brand); }

@media (max-width: 1080px) {
  .utility-menu { display: none; }
  .site-header__inner { grid-template-columns: auto auto 1fr auto; gap: 1rem; }
  .menu-toggle { display: inline-grid; }
  .primary-navigation { display: none; }
  .site-branding { justify-self: start; }
  .search-toggle { justify-self: end; }
  .mobile-drawer { position: fixed; z-index: 210; inset-block: 0; inset-inline-start: 0; display: block; width: min(88vw,390px); padding: 1rem; background: var(--color-surface); box-shadow: var(--shadow-raised); transform: translateX(-110%); visibility: hidden; transition: transform .32s ease, visibility .32s; }
  [dir="rtl"] .mobile-drawer { transform: translateX(110%); }
  .mobile-drawer.is-open { transform: none; visibility: visible; }
  .drawer-scrim { position: fixed; z-index: 200; inset: 0; display: block; border: 0; background: rgba(3,5,8,.62); backdrop-filter: blur(2px); }
  .drawer-scrim[hidden] { display: none; }
  .mobile-drawer__head { display: flex; min-height: 60px; align-items: center; justify-content: space-between; padding-block-end: 1rem; border-block-end: 1px solid var(--color-line); font-size: 1.8rem; font-weight: 900; }
  .mobile-menu { padding: 1rem 0; margin: 0; list-style: none; }
  .mobile-menu a { display: flex; min-height: 48px; align-items: center; justify-content: space-between; border-block-end: 1px solid var(--color-line); font-weight: 750; }
  .mobile-menu .sub-menu { padding-inline-start: 1rem; list-style: none; }
  .mobile-menu .sub-menu a { color: var(--color-muted); font-size: var(--font-size-sm); }
  .mobile-drawer__foot { padding-block-start: 1rem; }
  .hero-grid { grid-template-columns: 1.5fr 1fr; }
  .hero-grid .story-card--overlay:nth-of-type(n+4) { display: none; }
  .review-grid, .archive-grid, .magazine-archive-grid, .deal-grid { grid-template-columns: repeat(3,1fr); }
  .game-grid, .game-archive-grid { grid-template-columns: repeat(4,1fr); }
  .deal-hero__grid { grid-template-columns: minmax(230px,340px) 1fr; }
  .magazine-spotlight__grid { grid-template-columns: 1.5fr repeat(2,1fr); }
  .magazine-spotlight__grid > .magazine-card:first-child { grid-column: 1/-1; }
  .magazine-spotlight__grid > .magazine-card:last-child { display: none; }
  .article-layout { grid-template-columns: 48px minmax(0,1fr); }
  .article-sidebar { display: none; }
}

@media (max-width: 760px) {
  :root { --font-size-base: .96875rem; }
  .container { width: min(calc(100% - 1.25rem), var(--container)); }
  .section { padding-block: 3.5rem; }
  .utility-bar__inner { justify-content: center; }
  .utility-bar__lead time { display: none; }
  .utility-bar__actions { position: absolute; inset-inline-end: .5rem; }
  .utility-bar .language-switcher { display: none; }
  .mobile-drawer__foot .language-switcher { display: inline-flex; }
  .site-header__inner { min-height: 64px; grid-template-columns: 44px 1fr 44px; }
  .site-branding { justify-self: center; min-width: 0; }
  .custom-logo { max-width: 125px; max-height: 44px; }
  .wordmark { font-size: 1.6rem; }
  .wordmark__mark { width: 30px; height: 30px; }
  .search-panel .search-submit { display: none; }
  .hero-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .story-card--lead { grid-column: 1/-1; grid-row: auto; }
  .story-card--lead .story-card__media { height: auto; min-height: 0; aspect-ratio: 16/10; }
  .story-card--lead .story-card__title { font-size: clamp(1.65rem,8vw,2.4rem); }
  .story-card--overlay { min-height: 190px; }
  .hero-grid .story-card--overlay:nth-of-type(n+4) { display: block; }
  .hero-grid .story-card--overlay:nth-of-type(n+4) { display: none; }
  .content-sidebar-grid { display: block; }
  .editorial-sidebar { margin-block-start: 2rem; }
  .story-card--compact { grid-template-columns: 118px 1fr; gap: .9rem; }
  .story-card--compact .story-card__title { margin-block: .35rem .55rem; font-size: .95rem; }
  .story-card--compact .story-card__excerpt { display: none; }
  .story-card--compact .post-meta span:last-child, .story-card--compact .post-meta span:nth-last-child(2) { display: none; }
  .review-grid, .podcast-grid { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline-end: -.625rem; padding-inline-end: .625rem; }
  .review-card, .podcast-card { flex: 0 0 82%; scroll-snap-align: start; }
  .game-grid, .game-archive-grid { grid-template-columns: repeat(2,1fr); }
  .magazine-spotlight__grid { grid-template-columns: 1fr 1fr; }
  .magazine-spotlight__grid > .magazine-card:first-child { display: grid; grid-template-columns: 1fr; gap: .4rem; }
  .magazine-spotlight__grid > .magazine-card:first-child .magazine-card__body p { display: none; }
  .magazine-spotlight__grid > .magazine-card:nth-child(n+4) { display: none; }
  .feature-grid { grid-template-columns: 1fr 1fr; }
  .feature-grid .story-card--feature-lead { grid-column: 1/-1; grid-row: auto; }
  .feature-grid .story-card:last-child { grid-column: auto; display: block; padding: 0; border: 0; }
  .newsletter-panel { grid-template-columns: 1fr; gap: 1.5rem; }
  .newsletter-form { flex-direction: column; }
  .newsletter-form .button { width: 100%; }
  .archive-grid, .magazine-archive-grid, .podcast-archive-grid, .deal-grid { grid-template-columns: repeat(2,1fr); }
  .article-layout { display: block; }
  .share-rail { position: static; display: flex; align-items: center; margin-block-end: 1.5rem; }
  .share-rail > span { writing-mode: initial; }
  .entry-content { font-size: 1rem; }
  .entry-content > .alignwide { margin-inline: 0; }
  .issue-hero__grid, .game-hero__grid, .podcast-hero__grid, .deal-hero__grid { grid-template-columns: 1fr; }
  .issue-hero__cover, .game-hero__poster, .podcast-hero__art, .deal-hero__art { width: min(88vw,520px); margin-inline: auto; }
  .issue-content-grid { grid-template-columns: 1fr; }
  .game-facts { grid-template-columns: 1fr 1fr; }
  .screenshot-grid { grid-template-columns: 1fr; }
  .site-footer__top { grid-template-columns: 1fr; gap: 2rem; }
  .site-footer__bottom { flex-direction: column; }
}

@media (max-width: 480px) {
  .hero-grid { display: block; }
  .hero-grid .story-card--overlay { margin-block-start: 1rem; min-height: 210px; }
  .hero-grid .story-card--overlay:nth-of-type(n+3) { display: none; }
  .trending-strip__inner { display: block; padding-block: .75rem; }
  .trending-list { margin-block-start: .5rem; }
  .trending-list li { flex-basis: 78vw; padding-inline-start: 0; border: 0; }
  .review-card, .podcast-card { flex-basis: 88%; }
  .game-grid, .game-archive-grid, .magazine-archive-grid { gap: .75rem; }
  .deal-grid { grid-template-columns: 1fr; gap: 1rem; }
  .deal-hero__grid { grid-template-columns: 1fr; }
  .deal-hero__art { max-width: 520px; }
  .magazine-archive-grid .magazine-card__body p { display: none; }
  .feature-grid { grid-template-columns: 1fr; }
  .feature-grid .story-card--feature-lead, .feature-grid .story-card:last-child { grid-column: auto; }
  .article-title { font-size: clamp(1.9rem,11vw,2.7rem); }
  .review-pros-cons { grid-template-columns: 1fr; }
  .review-pros-cons > div + div { border-inline-start: 0; border-block-start: 1px solid var(--color-line); }
  .game-facts { grid-template-columns: 1fr; }
}

/* Refinement release — editorial heroes, reliable media, and admin-driven sections */
.home-managed-sections { display:flex; flex-direction:column; }
.home-managed-sections > section, .home-managed-sections > .home-section-wrap { order:var(--home-order,0); }
.home-section-wrap { display:contents; }
.home-section-wrap > section { order:var(--home-order,0); }
.story-stream { gap:.65rem; }
.story-card--compact { gap:1rem; padding-block-end:.85rem; }
.trending-list li::before { content:none; }
.trending-index { display:grid; flex:0 0 26px; width:26px; height:26px; place-items:center; border-radius:50%; background:var(--color-brand-soft); color:var(--color-brand); font-size:.7rem; font-weight:900; }
.trending-list li { transition:background var(--transition-fast),transform var(--transition-fast); }
.trending-list li:hover { background:var(--color-brand-soft); transform:translateY(-2px); }
.campaign-banner { min-height:var(--campaign-height,64px); }
.campaign-banner__inner { min-height:var(--campaign-height,64px); }
.campaign-banner--image { overflow:hidden; height:var(--campaign-height,96px); min-height:0; background:var(--color-charcoal); }
.campaign-banner--image a { display:block; width:100%; height:100%; padding:0; border:0; border-radius:0; }
.campaign-banner--image img { display:block; width:100%; height:100%; border-radius:0; object-fit:cover; object-position:center; }
.campaign-banner__cta { display:inline-flex; align-items:center; justify-content:center; gap:.42rem; line-height:1; }
.campaign-banner__cta > span { display:inline-block; overflow:visible; opacity:1; line-height:1.2; white-space:nowrap; }
.campaign-banner__cta svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
[dir="rtl"] .campaign-banner__cta svg { transform:scaleX(-1); }
.article-visual-hero { position:relative; display:grid; min-height:clamp(520px,72vh,820px); overflow:hidden; align-items:end; background:var(--color-charcoal); color:#fff; }
.article-visual-hero__media, .article-visual-hero__media img, .article-visual-hero__overlay { position:absolute; inset:0; width:100%; height:100%; }
.article-visual-hero__media img { object-fit:cover; }
.article-visual-hero__overlay { background:linear-gradient(180deg,rgba(7,8,11,.05) 12%,rgba(7,8,11,.28) 42%,rgba(7,8,11,.94) 100%),linear-gradient(95deg,rgba(74,0,2,.7),transparent 58%); }
.article-visual-hero--no-image { background:radial-gradient(circle at 80% 20%,rgba(231,5,7,.24),transparent 38%),var(--color-charcoal); }
.article-visual-hero__content { position:relative; z-index:2; width:100%; padding-block:clamp(6rem,13vh,10rem) clamp(2.25rem,6vw,5rem); }
.article-visual-hero .article-title { max-width:22ch; margin-block:.75rem 1rem; color:#fff; text-wrap:balance; }
.article-visual-hero .article-dek { max-width:62ch; color:rgba(255,255,255,.82); }
.article-visual-hero .article-byline a, .article-visual-hero .post-meta { color:rgba(255,255,255,.82); }
.article-visual-hero .editorial-breadcrumbs, .article-visual-hero .editorial-breadcrumbs a { color:rgba(255,255,255,.68); }
.article-visual-hero .post-views svg { fill:currentColor; }
.post-views { display:inline-flex; align-items:center; gap:.3rem; }
.post-views svg { width:16px; height:16px; fill:currentColor; }
.review-details-panel { margin-block:clamp(1.5rem,4vw,3rem); padding:1.35rem; border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-surface-raised); box-shadow:var(--shadow-soft); }
.review-details-panel header { padding-block-end:.8rem; border-block-end:1px solid var(--color-line); }
.review-details-panel .review-quick-info { border-block-end:0; }
.article-layout { padding-block-start:clamp(2rem,5vw,4rem); }
.editorial-sidebar__sticky { position:sticky; inset-block-start:112px; display:grid; gap:1rem; }
.article-sidebar { position:static; }
.article-sidebar .sidebar-panel { position:static; padding:1.1rem; }
.sidebar-story-list { display:grid; gap:.15rem; margin-block-start:.8rem; }
.sidebar-story { display:grid; grid-template-columns:74px 1fr; gap:.7rem; align-items:center; padding-block:.65rem; border-block-end:1px solid var(--color-line); }
.sidebar-story:last-child { border-block-end:0; }
.sidebar-story__image { display:block; aspect-ratio:4/3; overflow:hidden; border-radius:7px; background:var(--color-charcoal); }
.sidebar-story__image img { width:100%; height:100%; object-fit:cover; transition:transform var(--transition); }
.sidebar-story:hover img { transform:scale(1.06); }
.sidebar-story strong { display:-webkit-box; overflow:hidden; font-size:.76rem; line-height:1.55; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sidebar-story small { display:flex; flex-wrap:wrap; gap:.3rem; margin-block-start:.25rem; color:var(--color-muted); font-size:.58rem; }
.author-box { padding:1.5rem; border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-surface); }
.author-box img { width:88px; height:88px; object-fit:cover; }
.author-box strong { display:block; margin-block-start:.25rem; font-size:var(--font-size-md); }
.author-box .author-socials a { color:var(--color-muted); text-decoration:none; }
.review-pros-cons li { display:flex; min-height:1.5rem; align-items:flex-start; padding-inline-start:1.8rem; }
.review-pros-cons li::before { inset-block-start:.08rem; line-height:1; }
.review-pros li::before { content:"✓"; }
.review-cons li::before { content:"×"; }
.retro-rating-picker { display:grid!important; grid-template-columns:1fr auto; gap:.5rem .8rem!important; }
.retro-rating-icons { direction:ltr; display:grid!important; grid-column:1/-1; grid-template-columns:repeat(10,1fr); gap:.28rem; width:100%; max-width:480px; }
.retro-rating-icons i { display:grid; min-width:0; aspect-ratio:1; place-items:center; border:1px solid var(--color-line); border-radius:7px; background:linear-gradient(90deg,var(--color-brand) var(--icon-fill,0%),var(--color-line) var(--icon-fill,0%)); color:transparent; font-size:clamp(.85rem,2vw,1.2rem); font-style:normal; -webkit-background-clip:text; background-clip:text; transition:transform var(--transition-fast); }
.retro-rating-icons i.is-selected { transform:translateY(-2px); }
.retro-rating-picker input[type="range"] { grid-column:1/-1; width:100%; }
.social-counter a { position:relative; overflow:hidden; color:#fff; border:0; transition:transform var(--transition-fast),box-shadow var(--transition-fast); }
.social-counter a:hover { transform:translateY(-3px); box-shadow:var(--shadow-soft); }
.social-counter a > span { background:rgba(255,255,255,.16); }
.social-counter a > span svg { width:17px; height:17px; fill:currentColor; stroke:currentColor; stroke-width:1.7; }
.social-counter a > span svg rect, .social-counter a > span svg circle { fill:none; }
.social-counter small { color:rgba(255,255,255,.72); }
.social-counter__youtube { background:linear-gradient(135deg,#ff0033,#b50018); }
.social-counter__instagram { background:linear-gradient(135deg,#833ab4,#fd1d1d 55%,#fcb045); }
.social-counter__tiktok { background:linear-gradient(135deg,#111 25%,#00f2ea 140%); }
.social-counter__x { background:linear-gradient(135deg,#111,#343a40); }
.social-counter__facebook { background:linear-gradient(135deg,#1877f2,#0b4ead); }
.native-pdf-reader { min-height:min(78vh,900px); background:#0f1115; }
.native-pdf-reader iframe { display:block; width:100%; height:min(78vh,900px); border:0; }
.native-pdf-reader p { display:flex; justify-content:center; margin:0; padding:.8rem; background:#15181d; }
.issue-contributors { display:grid; gap:.25rem; margin-block:1rem 1.5rem; color:#c3c8d0; }
.issue-contributors strong { color:#fff; font-size:var(--font-size-xs); }
.podcast-player.is-audio-fallback .audio-console { display:none; }
.podcast-player.is-audio-fallback audio[controls] { margin-block:.75rem; }
.game-hero__background, .game-hero__background img, .game-hero__veil { position:absolute; inset:0; width:100%; height:100%; }
.game-hero__background img { object-fit:cover; filter:blur(8px) saturate(.9); transform:scale(1.06); opacity:.66; }
.game-hero__veil { background:linear-gradient(90deg,rgba(12,14,18,.96),rgba(12,14,18,.72) 55%,rgba(12,14,18,.9)),linear-gradient(0deg,rgba(12,14,18,.9),transparent 55%); }
[dir="rtl"] .game-hero__veil { background:linear-gradient(270deg,rgba(12,14,18,.96),rgba(12,14,18,.72) 55%,rgba(12,14,18,.9)),linear-gradient(0deg,rgba(12,14,18,.9),transparent 55%); }
.platform-list--large { gap:.55rem; }
.platform-list--large a { padding:.42rem .75rem; border:1px solid rgba(255,255,255,.17); border-radius:99px; background:rgba(255,255,255,.1); color:#fff; font-size:.7rem; font-weight:800; transition:background var(--transition-fast),transform var(--transition-fast); }
.platform-list--large a:hover { transform:translateY(-2px); background:rgba(231,5,7,.55); }
.release-year-nav { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; margin-block-end:2rem; }
.release-year-nav strong { font-size:var(--font-size-xl); }
.release-year-nav a { justify-self:start; padding:.55rem .85rem; border:1px solid var(--color-line); border-radius:99px; color:var(--color-muted); font-size:var(--font-size-xs); font-weight:800; }
.release-year-nav a:last-child { justify-self:end; }
.release-year-calendar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.release-month { padding:1rem; border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-surface); box-shadow:var(--shadow-soft); }
.release-month h2 { margin-block-end:.85rem; font-size:var(--font-size-md); }
.release-month__grid { direction:ltr; display:grid; grid-template-columns:repeat(7,1fr); gap:.25rem; }
.release-weekday { padding-block:.25rem; color:var(--color-muted); font-size:.58rem; font-weight:850; text-align:center; }
.release-day { position:relative; display:grid; min-width:0; aspect-ratio:1; place-items:center; border:1px solid transparent; border-radius:6px; color:var(--color-muted); font-size:.66rem; font-weight:750; }
.release-day.has-releases { border-color:color-mix(in srgb,var(--color-brand) 30%,var(--color-line)); background:var(--color-brand-soft); color:var(--color-brand); transition:transform var(--transition-fast),background var(--transition-fast); }
.release-day.has-releases:hover, .release-day.is-selected { transform:scale(1.08); background:var(--color-brand); color:#fff; }
.release-day i { position:absolute; inset-block-start:2px; inset-inline-end:3px; font-size:.47rem; font-style:normal; }
.calendar-secondary { border-block-start:1px solid var(--color-line); }
.features-section { background:linear-gradient(180deg,transparent,var(--color-surface)); }
.feature-grid .story-card { transition:transform var(--transition),box-shadow var(--transition); }
.feature-grid .story-card:hover { transform:translateY(-4px); }
@media (max-width:1080px) { .release-year-calendar { grid-template-columns:repeat(2,minmax(0,1fr)); } .article-layout { grid-template-columns:52px minmax(0,1fr) 280px; gap:1.5rem; } }
@media (max-width:820px) { .article-visual-hero { min-height:560px; } .article-layout { grid-template-columns:44px minmax(0,1fr); } .article-sidebar { grid-column:2; } .editorial-sidebar__sticky { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); } .release-year-calendar { grid-template-columns:1fr; } }
@media (max-width:760px) { .campaign-banner,.campaign-banner__inner { min-height:var(--campaign-height-mobile,54px); } .campaign-banner--image { height:var(--campaign-height-mobile,72px); } .campaign-banner--text span { display:block; } .campaign-banner--text .campaign-banner__inner > div > div > span { display:none; } .article-visual-hero { min-height:520px; } .article-visual-hero__content { padding-block-end:2rem; } .article-visual-hero .article-title { font-size:clamp(2rem,9vw,3.2rem); } .review-quick-info { grid-template-columns:1fr 1fr; } .game-facts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px) { .article-layout { grid-template-columns:1fr; } .share-rail { position:static; display:flex; grid-column:1; justify-content:flex-start; } .share-rail > span { writing-mode:initial; align-self:center; } .article-sidebar { grid-column:1; } .editorial-sidebar__sticky { grid-template-columns:1fr; } .review-details-panel { width:calc(100% - 2rem); } .community-rating { padding:1rem; } .retro-rating-icons { gap:.15rem; } .game-facts { grid-template-columns:1fr; } .release-month { padding:.75rem; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .reveal-on-scroll { opacity: 1; transform: none; }
}

/* Platform 2.14.0 — restored media, compact rhythm, polls, benchmarks and new verticals. */
.section { padding-block:clamp(2.5rem,4.5vw,4.25rem); }
.section--first { padding-block-start:clamp(2.25rem,4vw,3.75rem); }
.section-heading { margin-block-end:clamp(1.25rem,2vw,1.75rem); }
.article-layout { padding-block-start:clamp(1.75rem,3vw,2.75rem); padding-block-end:clamp(2.25rem,4vw,3.5rem); }
.related-section, .comments-section { padding-block:clamp(2.25rem,4vw,3.75rem); }
.home-managed-sections > section + section { border-block-start:1px solid color-mix(in srgb,var(--color-line) 75%,transparent); }
.community-rating { display:none !important; }

.magazine-inline-reader { padding-block-start:2rem; background:#0c0e12; color:#fff; }
.magazine-inline-reader .section-heading { border-color:rgba(255,255,255,.16); }
.magazine-inline-reader .text-link { color:#fff; }
.magazine-inline-reader .viewer-frame { min-height:min(78vh,900px); border-color:#30343c; box-shadow:0 24px 70px rgba(0,0,0,.34); }
.magazine-inline-reader .al3ab-pdf-reader, .magazine-inline-reader .al3ab-flipbook { min-height:min(78vh,900px); }

.back-to-top { position:fixed; z-index:190; right:clamp(.75rem,2vw,1.5rem); bottom:clamp(.85rem,2vw,1.5rem); display:grid; width:44px; height:44px; padding:0; place-items:center; border:1px solid color-mix(in srgb,var(--color-brand) 55%,var(--color-line)); border-radius:50%; background:color-mix(in srgb,var(--color-surface) 92%,transparent); color:var(--color-brand); box-shadow:0 12px 32px rgba(8,12,18,.18); opacity:0; pointer-events:none; transform:translateY(12px) scale(.92); transition:opacity var(--transition),transform var(--transition),background var(--transition); backdrop-filter:blur(12px); }
.back-to-top.is-visible { opacity:1; pointer-events:auto; transform:none; }
.back-to-top:hover { background:var(--color-brand); color:#fff; transform:translateY(-3px); }
.back-to-top svg { width:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.has-audio-dock .back-to-top { bottom:7rem; }

.editorial-poll { overflow:hidden; background:linear-gradient(145deg,var(--color-surface-raised),color-mix(in srgb,var(--color-brand-soft) 46%,var(--color-surface))); }
.editorial-poll h3 { margin:.45rem 0 1rem; font-size:var(--font-size-md); line-height:1.55; }
.editorial-poll__choices { display:grid; gap:.55rem; }
.editorial-poll__choices label { cursor:pointer; }
.editorial-poll__choices input { position:absolute; opacity:0; }
.editorial-poll__choices label > span { position:relative; display:grid; grid-template-columns:1fr auto; gap:.2rem .75rem; padding:.7rem .8rem; overflow:hidden; border:1px solid var(--color-line); border-radius:9px; background:var(--color-surface); transition:border-color var(--transition-fast),transform var(--transition-fast); }
.editorial-poll__choices label:hover > span, .editorial-poll__choices input:focus-visible + span { border-color:var(--color-brand); transform:translateY(-1px); }
.editorial-poll__choices input:checked + span { border-color:var(--color-brand); box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand) 16%,transparent); }
.editorial-poll__choices strong { position:relative; z-index:1; font-size:.78rem; }
.editorial-poll__choices small { position:relative; z-index:1; color:var(--color-muted); font-size:.68rem; font-weight:850; opacity:0; }
.editorial-poll__choices small[data-poll-result] { display:inline-flex; align-items:center; gap:.35rem; direction:inherit; }
.editorial-poll__choices [data-poll-percentage] { direction:ltr; unicode-bidi:isolate; }
.editorial-poll__choices [data-poll-count]:not([hidden])::before { content:"·"; margin-inline-end:.35rem; }
.editorial-poll__choices i { grid-column:1/-1; height:3px; overflow:hidden; border-radius:99px; background:var(--color-line); }
.editorial-poll__choices i b { display:block; width:var(--poll-percent,0%); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--color-brand),var(--color-accent)); transition:width .55s var(--ease-editorial); }
.editorial-poll.is-voted .editorial-poll__choices small { opacity:1; }
.editorial-poll .button { width:100%; margin-block-start:.85rem; }
.editorial-poll__meta { display:flex; justify-content:space-between; gap:.6rem; min-height:1.3rem; margin:.55rem 0 0; color:var(--color-muted); font-size:.66rem; }

.benchmark-suite { margin-block:clamp(2rem,4vw,3.25rem); overflow:hidden; border:1px solid var(--color-line); border-radius:var(--radius-lg); background:var(--color-surface-raised); box-shadow:var(--shadow-soft); }
.benchmark-suite__header { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.8fr); gap:1.25rem; align-items:end; padding:clamp(1.25rem,3vw,2rem); border-block-end:1px solid var(--color-line); background:linear-gradient(135deg,color-mix(in srgb,var(--color-charcoal) 96%,var(--color-brand)),var(--color-charcoal)); color:#fff; }
.benchmark-suite__header h2 { margin:.3rem 0 0; font-size:var(--font-size-xl); }
.benchmark-suite__header p { margin:0; color:#c2c7cf; font-size:var(--font-size-sm); }
.benchmark-suite__groups { display:grid; gap:1px; background:var(--color-line); }
.benchmark-chart { padding:clamp(1.15rem,2.5vw,1.75rem); background:var(--color-surface-raised); }
.benchmark-chart > header { display:flex; justify-content:space-between; gap:1rem; align-items:baseline; margin-block-end:1.2rem; }
.benchmark-chart h3 { font-size:var(--font-size-md); }
.benchmark-chart header small { color:var(--color-muted); font-weight:750; }
.benchmark-chart__bars { display:grid; gap:.8rem; }
.benchmark-bar { display:grid; grid-template-columns:minmax(105px,.75fr) minmax(120px,2fr) auto; gap:.75rem; align-items:center; }
.benchmark-bar > span { overflow:hidden; font-size:.76rem; font-weight:800; text-overflow:ellipsis; white-space:nowrap; }
.benchmark-bar > div { height:22px; overflow:hidden; border-radius:5px; background:color-mix(in srgb,var(--color-line) 70%,transparent); }
.benchmark-bar i { display:block; width:var(--benchmark-width); height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--benchmark-color,var(--color-brand)),color-mix(in srgb,var(--benchmark-color,var(--color-brand)) 55%,var(--color-accent))); transform-origin:left; animation:benchmark-grow .8s var(--ease-editorial) both; }
[dir="rtl"] .benchmark-bar i { transform-origin:right; }
.benchmark-bar strong { min-width:74px; color:var(--color-muted); font-size:.76rem; text-align:end; }
.benchmark-bar.is-best strong { color:var(--color-brand); }
.benchmark-table-wrap { margin-block-start:1.25rem; overflow:auto; border:1px solid var(--color-line); border-radius:8px; }
.benchmark-table-wrap table { width:100%; border-collapse:collapse; font-size:.76rem; }
.benchmark-table-wrap th, .benchmark-table-wrap td { padding:.6rem .75rem; border-block-end:1px solid var(--color-line); text-align:start; }
.benchmark-table-wrap th:last-child, .benchmark-table-wrap td:last-child { text-align:end; }
.benchmark-table-wrap tr:last-child td { border:0; }
@keyframes benchmark-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }

.retro-games-hero { position:relative; min-height:min(72vh,720px); display:grid; align-items:center; overflow:hidden; background:radial-gradient(circle at 50% 45%,#261326 0,#101017 48%,#07080c 100%); color:#fff; isolation:isolate; }
.retro-games-hero::before { content:""; position:absolute; inset:0; z-index:-3; background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:32px 32px; mask-image:linear-gradient(to bottom,#000,transparent 90%); }
.retro-games-hero__overlay { position:absolute; inset:-2%; z-index:-1; background:url("../images/retro-arcade-overlay.png") center/cover no-repeat; opacity:.58; filter:saturate(1.1) drop-shadow(0 0 9px rgba(255,60,155,.25)); animation:retro-drift 14s ease-in-out infinite alternate; }
.retro-games-hero__scanlines { position:absolute; inset:0; z-index:-2; opacity:.22; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.38) 3px 4px); pointer-events:none; }
.retro-games-hero__content { position:relative; max-width:760px; text-align:center; }
.retro-games-hero__coin { display:inline-flex; margin-block-end:1.25rem; padding:.42rem .72rem; border:1px solid #ff6aa9; color:#ff8fbd; font:800 .68rem/1 monospace; letter-spacing:.18em; box-shadow:inset 0 0 18px rgba(255,49,143,.12),0 0 24px rgba(255,49,143,.12); animation:coin-blink 1.5s steps(2,end) infinite; }
.retro-games-hero h1 { margin:.35rem 0 .75rem; font-size:clamp(3rem,9vw,7rem); line-height:.95; text-transform:uppercase; letter-spacing:-.055em; text-shadow:4px 4px 0 #b41f24,8px 8px 0 rgba(251,180,59,.3); }
.retro-games-hero p { max-width:62ch; margin:0 auto; color:#c9c7d2; font-size:clamp(.95rem,1.6vw,1.15rem); }
.retro-games-hero__stats { display:flex; flex-wrap:wrap; justify-content:center; gap:.55rem; margin-block-start:1.5rem; }
.retro-games-hero__stats span { padding:.4rem .7rem; border:1px solid rgba(255,255,255,.18); border-radius:3px; background:rgba(7,8,12,.62); color:#ffd2e5; font:700 .65rem/1 monospace; letter-spacing:.08em; }
.retro-game-library { position:relative; background:linear-gradient(180deg,#0b0c12 0,var(--color-canvas) 18rem); }
.retro-game-library .release-month-heading { color:#fff; }
.retro-game-library .release-month-heading span { margin-inline-end:.55rem; color:#ff5aa4; font-size:.7em; }
@keyframes retro-drift { from { transform:translate3d(-.4%,0,0) scale(1.01); } to { transform:translate3d(.4%,-.7%,0) scale(1.025); } }
@keyframes coin-blink { 50% { opacity:.45; } }

.esports-hero { position:relative; min-height:min(82vh,820px); display:grid; align-items:center; overflow:hidden; background:#0a0c11; color:#fff; isolation:isolate; }
.esports-hero::before { content:""; position:absolute; inset:-20%; z-index:-2; background:radial-gradient(circle at 20% 50%,rgba(180,31,36,.38),transparent 30%),radial-gradient(circle at 80% 35%,rgba(66,103,213,.26),transparent 32%); filter:blur(18px); }
.esports-hero__grid-lines { position:absolute; inset:0; z-index:-1; opacity:.16; background:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size:48px 48px; transform:perspective(600px) rotateX(62deg) scale(1.5) translateY(30%); transform-origin:bottom; }
.esports-hero__layout { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:clamp(2rem,5vw,5rem); align-items:center; }
.esports-hero__copy h1 { margin:.3rem 0 .7rem; font-size:clamp(4rem,10vw,8rem); line-height:.85; letter-spacing:-.07em; text-transform:uppercase; }
.esports-hero__copy p { max-width:50ch; color:#bfc3cc; }
.esports-figures { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; align-items:end; min-height:490px; }
.esports-figure { position:relative; min-width:0; transform:translateY(var(--figure-y,0)); }
.esports-figure--1 { --figure-y:30px; }
.esports-figure--3 { --figure-y:55px; }
.esports-figure__portrait { position:relative; aspect-ratio:.72; display:grid; overflow:hidden; place-items:center; border:1px solid rgba(255,255,255,.15); background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(180,31,36,.22)); clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%); }
.esports-figure__portrait::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 55%,rgba(5,6,10,.88)); }
.esports-figure__portrait img { width:100%; height:100%; object-fit:cover; filter:saturate(.8) contrast(1.08); }
.esports-figure__portrait > span { font-size:clamp(3rem,7vw,6rem); font-weight:950; color:rgba(255,255,255,.84); text-shadow:0 0 40px rgba(180,31,36,.7); }
.esports-figure > div:last-child { position:absolute; inset:auto .75rem 1rem; z-index:2; display:grid; }
.esports-figure strong { font-size:var(--font-size-md); }
.esports-figure small { overflow:hidden; color:#c2c6cf; font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.esports-figure__number { position:absolute; z-index:3; inset:.7rem auto auto .7rem; font:900 .72rem/1 monospace; color:#fff; }
[dir="rtl"] .esports-figure__number { inset:.7rem .7rem auto auto; }
.esports-empty { display:grid; min-height:300px; place-items:center; align-content:center; text-align:center; border:1px dashed var(--color-line); border-radius:var(--radius-lg); }
.esports-empty > span { font-size:3rem; font-weight:950; color:var(--color-brand); }

@media (max-width:820px) {
  .section { padding-block:2.5rem; }
  .benchmark-suite__header, .esports-hero__layout { grid-template-columns:1fr; }
  .esports-hero { min-height:auto; }
  .esports-figures { min-height:390px; }
  .retro-games-hero { min-height:620px; }
}
@media (max-width:600px) {
  .section { padding-block:2.15rem; }
  .benchmark-bar { grid-template-columns:1fr auto; gap:.35rem .6rem; }
  .benchmark-bar > div { grid-column:1/-1; grid-row:2; }
  .benchmark-table-wrap { display:none; }
  .esports-figures { min-height:310px; gap:.35rem; }
  .esports-figure--1, .esports-figure--3 { --figure-y:18px; }
  .esports-figure > div:last-child { inset:auto .4rem .55rem; }
  .esports-figure small { display:none; }
  .retro-games-hero { min-height:540px; }
  .retro-games-hero__overlay { background-size:auto 100%; opacity:.48; }
  .magazine-inline-reader .viewer-frame, .magazine-inline-reader .al3ab-pdf-reader, .magazine-inline-reader .al3ab-flipbook { min-height:68vh; }
  .back-to-top { right:.75rem; bottom:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
  .retro-games-hero__overlay, .retro-games-hero__coin, .benchmark-bar i { animation:none; }
}

/* Platform 2.0 — campaigns, community, forum, calendar, and audio */
[dir="rtl"] .countdown__units { direction: rtl; }
[dir="ltr"] .countdown__units { direction: ltr; }
.campaign-banner { position: relative; z-index: 120; background: linear-gradient(100deg,#a90002,#e70507 58%,#ff3d28); color: #fff; }
.campaign-banner__inner, .campaign-banner__inner > div { display: flex; align-items: center; }
.campaign-banner__inner { min-height: 54px; justify-content: space-between; gap: 1rem; padding-block: .45rem; }
.campaign-banner__inner > div { min-width: 0; gap: .75rem; }
.campaign-banner img { width: 38px; height: 38px; border-radius: 7px; object-fit: cover; }
.campaign-banner strong, .campaign-banner span { display: block; }
.campaign-banner span { overflow: hidden; max-width: 72ch; opacity: .84; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.campaign-banner a { flex: 0 0 auto; padding: .45rem .8rem; border: 1px solid rgba(255,255,255,.45); border-radius: 99px; font-size: var(--font-size-xs); font-weight: 850; }
.utility-bar__lead a { overflow: hidden; max-width: 70ch; text-overflow: ellipsis; white-space: nowrap; }
.utility-bar__lead a:hover { color: #fff; }
.header-actions { display: flex; align-items: center; gap: .65rem; }
.header-login { padding: .5rem .8rem; border: 1px solid var(--color-line); border-radius: 99px; color: var(--color-muted); font-size: var(--font-size-xs); font-weight: 800; }
.header-login:hover { border-color: var(--color-brand); color: var(--color-brand); }
.mobile-drawer__foot { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.mobile-drawer__foot .button { min-height: 36px; padding: .4rem .8rem; font-size: var(--font-size-xs); }

.review-box__label { display: inline-flex; margin-block-start: .7rem; padding: .35rem .65rem; border: 1px solid rgba(255,255,255,.22); border-radius: 99px; color: #fff; font-size: var(--font-size-xs); font-weight: 850; }
.review-quick-info { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0; border-block-end: 1px solid var(--color-line); }
.review-quick-info div { padding: 1rem 1.25rem; border-inline-end: 1px solid var(--color-line); }
.review-quick-info div:nth-child(3n) { border-inline-end: 0; }
.review-quick-info dt { color: var(--color-muted); font-size: var(--font-size-xs); }
.review-quick-info dd { margin: .2rem 0 0; font-weight: 800; }
.review-pros-cons ul { padding: 0; list-style: none; }
.review-pros-cons li { position: relative; padding-inline-start: 1.7rem; margin-block: .55rem; }
.review-pros-cons li::before { position: absolute; inset-inline-start: 0; display: grid; width: 1.25rem; height: 1.25rem; place-items: center; border-radius: 50%; font-size: .7rem; font-weight: 900; }
.review-pros li::before { content: "✓"; background: color-mix(in srgb,var(--color-green) 15%,transparent); color: var(--color-green); }
.review-cons li::before { content: "×"; background: color-mix(in srgb,var(--color-brand) 13%,transparent); color: var(--color-brand); }

.community-rating { display: grid; grid-template-columns: minmax(180px,.65fr) 1.35fr; gap: 1.5rem; align-items: center; margin-block: 2.5rem; padding: 1.5rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface-raised); box-shadow: var(--shadow-soft); }
.community-rating__summary { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: .15rem 1rem; }
.community-rating__summary > span { color: var(--color-muted); font-size: var(--font-size-xs); font-weight: 800; }
.community-rating__summary strong { grid-row: 1/3; grid-column: 2; color: var(--color-brand); font-size: 2.25rem; line-height: 1; }
.community-rating__summary strong small { font-size: .8rem; }
.community-rating__summary > small { color: var(--color-muted); }
.community-rating__form, .community-rating__form label { display: flex; align-items: center; gap: .75rem; }
.community-rating__form label { flex: 1; }
.community-rating__form label span, .community-rating__form output { font-size: var(--font-size-xs); font-weight: 800; }
.community-rating__form output { color: var(--color-brand); }
.community-rating__form input { flex: 1; accent-color: var(--color-brand); }
.community-rating__form .button { min-height: 40px; padding: .55rem .9rem; font-size: var(--font-size-xs); }
.engagement-message { color: var(--color-green); font-size: var(--font-size-xs); }
.post-reactions { margin-block: 2.5rem; padding-block: 1.5rem; border-block: 1px solid var(--color-line); }
.reaction-list { display: flex; flex-wrap: wrap; gap: .55rem; margin-block-start: .9rem; }
.reaction-list button { display: grid; min-width: 74px; min-height: 72px; grid-template-columns: 1fr auto; place-items: center; gap: .1rem .35rem; padding: .55rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-surface); cursor: pointer; transition: transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast); }
.reaction-list button > span { grid-column: 1/-1; font-size: 1.45rem; }
.reaction-list button strong, .reaction-list button small { font-size: .65rem; }
.reaction-list button small { color: var(--color-muted); }
.reaction-list button:hover, .reaction-list button[aria-pressed="true"] { transform: translateY(-3px); border-color: var(--color-brand); background: var(--color-brand-soft); }
.al3ab-hp { position: absolute!important; inset-inline-start: -9999px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; }

.social-counter { position: sticky; inset-block-start: 108px; margin-block-end: 1rem; padding: 1.25rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.social-counter > div { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; margin-block-start: .9rem; }
.social-counter a { display: grid; grid-template-columns: 28px 1fr; align-items: center; padding: .65rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); }
.social-counter a > span { grid-row: 1/3; display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: var(--color-charcoal); color: #fff; font-size: .65rem; font-weight: 900; }
.social-counter strong { font-size: var(--font-size-sm); line-height: 1; }
.social-counter small { color: var(--color-muted); font-size: .6rem; }

.forum-spotlight { padding-block: clamp(3rem,6vw,5rem); }
.forum-spotlight__panel { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(2rem,6vw,5rem); padding: clamp(2rem,5vw,4rem); overflow: hidden; background: radial-gradient(circle at 90% 10%,rgba(231,5,7,.22),transparent 38%),var(--color-charcoal); color: #fff; border-radius: var(--radius-lg); }
.forum-spotlight h2 { margin-block: .65rem 1rem; font-size: var(--font-size-xl); }
.forum-spotlight p { color: #b9bec6; }
.forum-spotlight .button--outline { color: #fff; border-color: #50555d; }
.forum-thread-list { display: grid; gap: .55rem; }
.forum-thread-list a { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: .85rem; padding: .9rem 1rem; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.1); border-radius: var(--radius-sm); transition: background var(--transition-fast),transform var(--transition-fast); }
.forum-thread-list a:hover { transform: translateX(-4px); background: rgba(255,255,255,.1); }
[dir="ltr"] .forum-thread-list a:hover { transform: translateX(4px); }
.forum-thread-list span { color: var(--color-brand); font-size: 1.1rem; font-weight: 900; }
.forum-thread-list strong { font-size: var(--font-size-sm); }

.calendar-filters { display: grid; grid-template-columns: repeat(5,minmax(120px,1fr)) auto; gap: .75rem; align-items: end; margin-block-end: 2rem; padding: 1.25rem; border: 1px solid var(--color-line); border-radius: var(--radius-md); background: var(--color-surface); }
.calendar-filters label { display: grid; gap: .35rem; }
.calendar-filters label span { color: var(--color-muted); font-size: var(--font-size-xs); font-weight: 800; }
.calendar-filters select { width: 100%; min-height: 44px; padding: .55rem .65rem; border: 1px solid var(--color-line); border-radius: var(--radius-sm); background: var(--color-canvas); color: var(--color-ink); }
.calendar-filters .button { min-height: 44px; padding-inline: .9rem; font-size: var(--font-size-xs); }
.trending-page-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; }
.trending-ranked-card { position: relative; }
.trending-ranked-card > span { position: absolute; z-index: 2; inset-block-start: .65rem; inset-inline-start: .65rem; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--color-brand); color: #fff; font-weight: 900; box-shadow: 0 6px 20px rgba(0,0,0,.25); }
.author-hero { background: var(--color-charcoal); color: #fff; }
.author-hero__grid { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 2rem; align-items: center; max-width: 920px; }
.author-hero img { border-radius: 50%; border: 5px solid rgba(255,255,255,.12); }
.author-hero h1 { margin-block: .4rem .8rem; font-size: var(--font-size-2xl); }
.author-hero p { max-width: 64ch; color: #b9bec6; }
.author-socials { display: flex; flex-wrap: wrap; gap: .5rem; }
.author-socials a { padding: .4rem .7rem; border: 1px solid #454a52; border-radius: 99px; font-size: var(--font-size-xs); font-weight: 800; }
.category-feature { padding-block: 0 2rem; }
.category-feature .story-card--lead { min-height: min(62vw,640px); }
.archive-grid--category { grid-template-columns: repeat(2,minmax(0,1fr)); }

.audio-console { direction: ltr; display: grid; grid-template-columns: 40px 48px 40px auto minmax(120px,1fr) auto; gap: .55rem; align-items: center; padding: .65rem; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; background: rgba(255,255,255,.07); }
.audio-console button { display: grid; width: 40px; height: 40px; place-items: center; border: 0; border-radius: 50%; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; font-size: .72rem; font-weight: 850; }
.audio-console .audio-console__play { width: 48px; height: 48px; background: var(--color-brand); }
.audio-console input { width: 100%; accent-color: var(--color-brand); }
.audio-console span { font-size: .7rem; font-variant-numeric: tabular-nums; }
.podcast-transcript { margin-block-start: 1rem; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-sm); }
.podcast-transcript summary { padding: .75rem 1rem; cursor: pointer; font-weight: 800; }
.podcast-transcript [data-transcript-lines] { max-height: 320px; overflow-y: auto; padding: .5rem; border-block-start: 1px solid rgba(255,255,255,.12); }
.podcast-transcript [data-transcript-lines] > button { direction: inherit; display: grid; width: 100%; grid-template-columns: 54px 1fr; gap: .7rem; padding: .65rem; border: 0; border-radius: 6px; background: transparent; color: inherit; text-align: start; cursor: pointer; }
.podcast-transcript [data-transcript-lines] > button:hover, .podcast-transcript [data-transcript-lines] > button[aria-current="true"] { background: rgba(231,5,7,.22); }
.podcast-transcript time { color: #aeb4bd; font-size: .7rem; }
.podcast-transcript p { padding-inline: .5rem; color: #c6cad0; }

@media (max-width: 1080px) {
  .calendar-filters { grid-template-columns: repeat(3,1fr); }
  .trending-page-grid { grid-template-columns: repeat(2,1fr); }
  .header-login { display: none; }
}
@media (max-width: 760px) {
  .campaign-banner span { display: none; }
  .campaign-banner__inner { min-height: 48px; }
  .campaign-banner strong { font-size: .78rem; }
  .utility-bar__lead a { max-width: 58vw; }
  .review-quick-info { grid-template-columns: repeat(2,1fr); }
  .review-quick-info div:nth-child(3n) { border-inline-end: 1px solid var(--color-line); }
  .review-quick-info div:nth-child(2n) { border-inline-end: 0; }
  .community-rating, .forum-spotlight__panel { grid-template-columns: 1fr; }
  .community-rating__form { align-items: stretch; flex-direction: column; }
  .community-rating__form label { flex-wrap: wrap; }
  .calendar-filters { grid-template-columns: repeat(2,1fr); }
  .calendar-filters .button { grid-column: 1/-1; }
  .trending-page-grid { grid-template-columns: 1fr; }
  .author-hero__grid { grid-template-columns: 110px 1fr; gap: 1.25rem; }
  .archive-grid--category { grid-template-columns: 1fr; }
  .audio-console { grid-template-columns: 38px 44px 38px 1fr; border-radius: var(--radius-md); }
  .audio-console input { grid-column: 1/-1; grid-row: 2; }
  .audio-console [data-audio-current], .audio-console [data-audio-duration] { display: none; }
}
@media (max-width: 480px) {
  .campaign-banner img { display: none; }
  .campaign-banner a { font-size: .64rem; }
  .review-quick-info, .calendar-filters { grid-template-columns: 1fr; }
  .review-quick-info div { border-inline-end: 0!important; }
  .reaction-list button { min-width: calc(33.333% - .4rem); }
  .author-hero__grid { grid-template-columns: 1fr; text-align: center; }
  .author-hero img { margin-inline: auto; }
  .author-socials { justify-content: center; }
}

/* Final refinement overrides: keep newer component rules above legacy 2.0 rules. */
.campaign-banner--image { height:var(--campaign-height,96px); min-height:0; overflow:hidden; background:var(--color-charcoal); }
.campaign-banner--image > a { display:block; width:100%; height:100%; padding:0; border:0; border-radius:0; }
.campaign-banner--image > a > img { display:block; width:100%; height:100%; max-width:none; border-radius:0; object-fit:cover; object-position:center; }
.campaign-banner__cta { display:inline-flex; align-items:center; justify-content:center; gap:.42rem; line-height:1; }
.campaign-banner__cta > span { display:inline-block; max-width:none; overflow:visible; opacity:1; line-height:1.2; white-space:nowrap; }
.campaign-banner__cta svg { width:16px; height:16px; flex:0 0 16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
[dir="rtl"] .campaign-banner__cta svg { transform:scaleX(-1); }
.review-pros-cons li { position:relative; display:flex; min-height:1.5rem; align-items:flex-start; gap:.6rem; margin-block:.55rem; padding-inline-start:0; }
.review-pros-cons li::before { position:static; inset:auto; display:grid; width:1.25rem; height:1.25rem; flex:0 0 1.25rem; place-items:center; margin-block-start:.08rem; line-height:1; }
.social-counter a > span { background:rgba(255,255,255,.16); color:#fff; }
.social-counter a > span svg { width:17px; height:17px; fill:currentColor; stroke:currentColor; stroke-width:1.7; }
.social-counter a > span svg rect, .social-counter a > span svg circle { fill:none; }
.social-counter a small { color:rgba(255,255,255,.72); }
@media (max-width:760px) {
  .campaign-banner--image { height:var(--campaign-height-mobile,72px); }
}

/* Platform 2.6 — continuous editorial streams, cinematic authors, and immersive media. */
.utility-trending { display:flex; min-width:0; flex:1; align-items:center; gap:.45rem; }
.utility-trending > strong { flex:0 0 auto; }
.utility-trending__items { position:relative; display:block; min-width:0; height:1.55em; flex:1; overflow:hidden; }
.utility-trending__items a { position:absolute; inset:0; overflow:hidden; color:inherit; text-overflow:ellipsis; white-space:nowrap; opacity:0; transform:translateY(75%); transition:opacity .28s ease,transform .28s ease,color .2s ease,text-shadow .2s ease; }
.utility-trending__items a.is-active { opacity:1; transform:none; }
.utility-trending__items a.is-leaving { opacity:0; transform:translateY(-75%); }
.utility-trending__items a:hover { color:#ff5759; text-shadow:0 0 12px rgba(231,5,7,.45); }
.utility-trending__all { display:grid; flex:0 0 25px; width:25px; height:25px; place-items:center; border-radius:50%; background:rgba(231,5,7,.15); color:#ff5759; }

.latest-section .story-card--compact { min-height:102px; }
.latest-section .story-card--compact .story-card__media { overflow:hidden; border-radius:10px; }
.latest-section .story-card--compact:hover .story-card__media img { transform:scale(1.07); }
.latest-section .story-card--compact:hover .story-card__title a { color:var(--color-brand); text-shadow:0 0 12px color-mix(in srgb,var(--color-brand) 18%,transparent); }

.sidebar-story { margin-inline:-.5rem; padding:.65rem .5rem; border-radius:11px; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }
.sidebar-story:hover { z-index:1; transform:translateY(-2px) scale(1.015); background:color-mix(in srgb,var(--color-brand) 5%,var(--color-canvas)); box-shadow:0 8px 24px color-mix(in srgb,var(--color-brand) 10%,transparent); }
.sidebar-story:hover strong { color:var(--color-brand); text-shadow:0 0 10px color-mix(in srgb,var(--color-brand) 22%,transparent); }
.sidebar-story:hover img { transform:scale(1.1); }
.ranked-list li { margin-inline:-.5rem; padding-inline:.5rem; border-radius:10px; transition:transform .2s ease,background .2s ease; }
.ranked-list li:hover { transform:translateX(-3px); background:color-mix(in srgb,var(--color-brand) 6%,transparent); }
.ranked-list li:hover a { color:var(--color-brand); text-shadow:0 0 10px color-mix(in srgb,var(--color-brand) 20%,transparent); }
[dir="rtl"] .ranked-list li { --direction-factor:-1; }
[dir="rtl"] .ranked-list li:hover { transform:translateX(3px); }

.social-counter a:last-child:nth-child(odd) { grid-column:1/-1; grid-template-columns:34px 1fr; min-height:60px; }
.social-counter a:last-child:nth-child(odd) > span { width:32px; height:32px; }

.podcast-card { isolation:isolate; overflow:hidden; background:linear-gradient(160deg,var(--color-canvas),color-mix(in srgb,var(--color-brand) 4%,var(--color-surface-raised))); }
.podcast-card::before { content:""; position:absolute; z-index:-1; width:180px; aspect-ratio:1; inset:auto -80px -100px auto; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 18%,transparent),transparent 68%); filter:blur(8px); }
.podcast-card__media::before { content:""; position:absolute; z-index:2; inset:0; pointer-events:none; background:linear-gradient(145deg,transparent 45%,rgba(231,5,7,.16)); mix-blend-mode:screen; }
.podcast-card .play-button { background:linear-gradient(145deg,#ff292c,#b80002); }
.podcast-card:hover { transform:translateY(-7px) rotate(.25deg); }
.podcast-card:hover .podcast-card__media img { transform:scale(1.075); filter:saturate(1.12) contrast(1.03); }
.recommended-podcasts,.recommended-content,.magazine-more { border-block-start:1px solid var(--color-line); }

.global-audio-dock { isolation:isolate; overflow:hidden; background:linear-gradient(115deg,#0b1019 0%,#14243a 35%,#34142c 68%,#160d12 100%); background-size:180% 180%; animation:audio-dock-gradient 12s ease-in-out infinite; backdrop-filter:blur(24px) saturate(1.25); }
.global-audio-dock::before { content:""; position:absolute; z-index:-2; inset:0; background:rgba(6,9,14,.54); }
.global-audio-dock__ambient { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.global-audio-dock__ambient i { position:absolute; display:block; width:150px; aspect-ratio:1; border-radius:50%; opacity:.45; filter:blur(35px); animation:audio-bubble 11s ease-in-out infinite alternate; }
.global-audio-dock__ambient i:nth-child(1) { inset:-65px auto auto 8%; background:#e70507; }
.global-audio-dock__ambient i:nth-child(2) { width:190px; inset:auto 34% -115px auto; background:#5d4dff; animation-delay:-4s; animation-duration:14s; }
.global-audio-dock__ambient i:nth-child(3) { width:120px; inset:-70px 8% auto auto; background:#ff5a9f; animation-delay:-7s; animation-duration:9s; }
.global-audio-dock__inner { position:relative; z-index:2; }
.global-audio-dock__art { border:1px solid rgba(255,255,255,.2); box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 24px rgba(231,5,7,.15); }
.global-audio-dock__toggle { box-shadow:0 10px 28px rgba(231,5,7,.45)!important; }
.global-audio-dock__timeline input,.global-audio-dock__tools input { accent-color:#ff3033; }
@keyframes audio-dock-gradient { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
@keyframes audio-bubble { from { transform:translate3d(-10px,-5px,0) scale(.86); } to { transform:translate3d(42px,14px,0) scale(1.14); } }

.al3ab-reader-only { min-height:100vh; margin:0!important; overflow:hidden; background:#070a0f; color:#fff; }
.al3ab-reader-only #wpadminbar { display:none!important; }
.reader-only-toolbar { position:fixed; z-index:999999; inset:0 0 auto; display:grid; min-height:72px; grid-template-columns:minmax(130px,.7fr) minmax(0,1.6fr) minmax(130px,.7fr); gap:1rem; align-items:center; padding:.7rem clamp(.8rem,3vw,2.5rem); border-block-end:1px solid rgba(255,255,255,.12); background:rgba(8,11,17,.86); box-shadow:0 12px 40px rgba(0,0,0,.32); backdrop-filter:blur(20px) saturate(1.3); }
.reader-only-toolbar > div { display:grid; min-width:0; justify-items:center; gap:.12rem; text-align:center; }
.reader-only-toolbar strong { overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; }
.reader-only-toolbar small { color:#9da7b6; font-size:.65rem; }
.reader-only-toolbar__back,.reader-only-toolbar__download { display:inline-flex; width:max-content; align-items:center; justify-content:center; gap:.45rem; min-height:42px; padding:.55rem .9rem; border:1px solid rgba(255,255,255,.16); border-radius:99px; color:#fff; font-size:.75rem; font-weight:850; transition:transform .2s ease,border-color .2s ease,background .2s ease; }
.reader-only-toolbar__back:hover,.reader-only-toolbar__download:hover { transform:translateY(-2px); border-color:#e70507; background:rgba(231,5,7,.14); }
.reader-only-toolbar__download { margin-inline-start:auto; border-color:#e70507; background:#e70507; }
.reader-only-stage { height:100vh; padding-block-start:72px; background:radial-gradient(circle at 50% 0,#30343b,#0a0d12 68%); }
.reader-only-book,.reader-only-book .al3ab-flipbook,.reader-only-book .df-element,.reader-only-book .df-container { width:100%!important; height:calc(100vh - 72px)!important; min-height:calc(100vh - 72px)!important; border:0!important; border-radius:0!important; }

.author-hero { isolation:isolate; min-height:430px; background:radial-gradient(circle at 78% 28%,color-mix(in srgb,var(--author-role-color) 28%,transparent),transparent 34%),linear-gradient(125deg,#080d15,#13243a 50%,#0e131c); }
.author-hero::before { content:""; position:absolute; z-index:-1; inset:0; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,#000,transparent); }
.author-hero__grid { position:relative; z-index:2; max-width:1100px; grid-template-columns:190px minmax(0,1fr); gap:clamp(2rem,5vw,4.5rem); }
.author-hero__portrait { position:relative; display:grid; width:180px; aspect-ratio:1; place-items:center; }
.author-hero__portrait::before,.author-hero__portrait::after { content:""; position:absolute; inset:-9px; border:2px solid color-mix(in srgb,var(--author-role-color) 70%,transparent); border-radius:50%; animation:author-ring 8s linear infinite; }
.author-hero__portrait::after { inset:-20px; border-style:dashed; opacity:.45; animation-direction:reverse; animation-duration:13s; }
.author-hero__portrait img { position:relative; z-index:2; width:180px; height:180px; object-fit:cover; border:6px solid rgba(255,255,255,.13); box-shadow:0 18px 55px rgba(0,0,0,.42),0 0 35px color-mix(in srgb,var(--author-role-color) 22%,transparent); }
.author-hero__content { display:grid; align-content:center; justify-items:start; }
.author-role-stack { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.author-role-stack--2 .author-role-badge + .author-role-badge,.author-role-stack--3 .author-role-badge + .author-role-badge { margin-inline-start:-.75rem; }
.author-role-stack--2 .author-role-badge,.author-role-stack--3 .author-role-badge { padding-inline:1rem; box-shadow:0 0 24px color-mix(in srgb,var(--author-role-color) 30%,transparent); }
.author-role-badge--editor_in_chief { animation:role-fire 2.6s ease-in-out infinite; }
.author-role-badge--content_editor { animation:role-shimmer 3.2s ease-in-out infinite; }
.author-role-badge--news_writer { animation:role-news 2.8s ease-in-out infinite; }
.author-role-badge--reviewer { animation:role-review 3.4s ease-in-out infinite; }
.author-role-badge--guides_writer { animation:role-guide 3s ease-in-out infinite; }
.author-hero__orb { position:absolute; z-index:-1; display:block; border-radius:50%; opacity:.16; filter:blur(18px); }
.author-hero__orb--one { width:300px; aspect-ratio:1; inset:-170px auto auto -80px; background:var(--author-role-color); animation:audio-bubble 12s ease-in-out infinite alternate; }
.author-hero__orb--two { width:240px; aspect-ratio:1; inset:auto 12% -170px auto; background:#4c75ff; animation:audio-bubble 15s ease-in-out -5s infinite alternate-reverse; }
@keyframes author-ring { to { transform:rotate(360deg); } }
@keyframes role-fire { 50% { box-shadow:0 0 28px rgba(231,5,7,.52); transform:translateY(-1px); } }
@keyframes role-shimmer { 50% { filter:brightness(1.22); transform:translateY(-1px); } }
@keyframes role-news { 50% { box-shadow:0 0 25px rgba(18,197,244,.42); } }
@keyframes role-review { 50% { box-shadow:0 0 27px rgba(255,201,40,.45); transform:scale(1.025); } }
@keyframes role-guide { 50% { box-shadow:0 0 25px rgba(56,207,139,.4); } }

.trending-archive-hero { position:relative; overflow:hidden; padding-block:clamp(4rem,10vw,8rem); background:radial-gradient(circle at 15% 15%,rgba(231,5,7,.22),transparent 30%),linear-gradient(135deg,#0d1118,#1b2029); color:#fff; }
.trending-archive-hero h1 { max-width:14ch; margin-block:.6rem 1rem; font-size:clamp(2.7rem,6vw,5.8rem); line-height:1; }
.trending-archive-hero p { max-width:62ch; color:#b9c0ca; }
.trending-archive-hero__pulse { display:grid; min-width:190px; justify-items:center; padding:1.4rem; border:1px solid rgba(255,255,255,.14); border-radius:24px; background:rgba(255,255,255,.055); box-shadow:0 18px 50px rgba(0,0,0,.25); backdrop-filter:blur(14px); }
.trending-archive-hero__pulse strong { color:#ff3639; font-size:3rem; line-height:1; }
.trending-archive-hero__pulse span { margin-block-start:.45rem; color:#b9c0ca; font-size:.72rem; font-weight:800; }
.trending-featured { position:relative; z-index:2; margin-block-start:-3rem; }
.trending-featured__card { position:relative; overflow:hidden; border:1px solid var(--color-line); border-radius:26px; background:var(--color-surface-raised); box-shadow:var(--shadow-raised); }
.trending-featured__card .story-card--lead { display:grid; min-height:470px; grid-template-columns:1.35fr .65fr; }
.trending-featured__card .story-card__media { height:100%; min-height:470px; border-radius:0; }
.trending-featured__card .story-card__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(1.5rem,4vw,3.5rem); }
.trending-featured__rank { position:absolute; z-index:4; inset:1rem 1rem auto auto; display:grid; width:58px; height:58px; place-items:center; border-radius:50%; background:#e70507; color:#fff; font-size:1.1rem; font-weight:950; box-shadow:0 10px 30px rgba(231,5,7,.35); }
[dir="rtl"] .trending-featured__rank { inset:1rem auto auto 1rem; }
.trending-results { padding-block-start:clamp(3rem,6vw,5rem); }
.trending-ranked-card .story-card { height:100%; padding:0 0 1rem; border:1px solid var(--color-line); border-radius:18px; background:var(--color-surface-raised); box-shadow:var(--shadow-soft); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
.trending-ranked-card .story-card:hover { transform:translateY(-6px); border-color:color-mix(in srgb,var(--color-brand) 32%,var(--color-line)); box-shadow:var(--shadow-raised); }
.trending-ranked-card .story-card__media { border-radius:18px 18px 0 0; }
.trending-ranked-card .story-card__body { padding:1rem 1rem 0; }

.al3ab-author-role-picker { display:grid; width:min(100%,760px); grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.al3ab-author-role-picker label { position:relative; display:block; }
.al3ab-author-role-picker input { position:absolute; opacity:0; }
.al3ab-author-role-picker span { display:block; padding:.75rem 1rem; border:1px solid #dcdcde; border-radius:10px; background:#fff; font-weight:700; cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.al3ab-author-role-picker input:checked + span { border-color:var(--role-color,#e70507); box-shadow:0 0 0 2px color-mix(in srgb,var(--role-color,#e70507) 22%,transparent); transform:translateY(-1px); }

@media (max-width:760px) {
  .utility-bar__lead > time,.utility-bar__pulse { display:none; }
  .utility-trending { width:100%; }
  .reader-only-toolbar { min-height:64px; grid-template-columns:auto minmax(0,1fr) auto; padding:.55rem .65rem; }
  .reader-only-toolbar small { display:none; }
  .reader-only-toolbar__back,.reader-only-toolbar__download { min-height:38px; padding:.45rem .65rem; font-size:.66rem; }
  .reader-only-stage { padding-block-start:64px; }
  .reader-only-book,.reader-only-book .al3ab-flipbook,.reader-only-book .df-element,.reader-only-book .df-container { height:calc(100vh - 64px)!important; min-height:calc(100vh - 64px)!important; }
  .author-hero__grid { grid-template-columns:1fr; justify-items:center; text-align:center; }
  .author-hero__content { justify-items:center; }
  .author-role-stack { justify-content:center; }
  .trending-featured__card .story-card--lead { grid-template-columns:1fr; }
  .trending-featured__card .story-card__media { min-height:290px; }
  .trending-archive-hero__pulse { min-width:150px; justify-items:start; }
  .global-audio-dock__episode { padding-inline-end:126px; }
  .global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { display:grid; width:31px; height:31px; }
  .global-audio-dock__buttons { gap:.1rem; }
}
@media (max-width:480px) {
  .reader-only-toolbar > div small,.reader-only-toolbar__back { font-size:0; }
  .reader-only-toolbar__back span { font-size:1.5rem; }
  .reader-only-toolbar__download { padding-inline:.55rem; }
  .author-hero__portrait,.author-hero__portrait img { width:145px; height:145px; }
  .author-role-stack--2 .author-role-badge + .author-role-badge,.author-role-stack--3 .author-role-badge + .author-role-badge { margin-inline-start:-.4rem; }
  .al3ab-author-role-picker { grid-template-columns:1fr; }
}

/* EL3AB 2.18.4 — canonical platform and game-release system. */
.release-directory__hero {
	position:relative;
	overflow:hidden;
	background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--color-brand) 28%,transparent),transparent 25rem),linear-gradient(135deg,#101218,#20242d);
	color:#fff;
}
.release-directory__hero-grid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2rem; align-items:end; }
.release-directory__hero h1 { margin:.5rem 0 .8rem; font-size:clamp(2.5rem,6vw,5.8rem); line-height:.95; }
.release-directory__hero p { max-width:65ch; margin:0; color:#c8ccd4; line-height:1.75; }
.release-directory__switcher { display:inline-flex; padding:.3rem; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.07); }
.release-directory__switcher a { padding:.65rem 1rem; border-radius:999px; color:#d7dae0; font-size:.78rem; font-weight:900; }
.release-directory__switcher a.is-active { background:var(--color-brand); color:#fff; box-shadow:0 8px 24px rgba(231,5,7,.3); }
.release-directory__content { padding-block-start:2rem; }
.platform-filter-tabs,
.platform-hub-nav { display:flex; gap:.55rem; max-width:100%; margin-block-end:1rem; padding-block:.15rem .45rem; overflow-x:auto; scrollbar-width:thin; }
.platform-filter-tabs { background:var(--color-surface-raised); }
.platform-filter-tabs a,
.platform-hub-nav a { display:inline-flex; min-width:max-content; align-items:center; gap:.5rem; padding:.6rem .85rem; border:1px solid var(--color-line); border-radius:999px; background:var(--color-surface-raised); color:var(--color-ink); font-size:.73rem; font-weight:850; }
.platform-filter-tabs a:hover,
.platform-filter-tabs a.is-active { border-color:var(--color-brand); color:var(--color-brand); background:var(--color-brand-soft); }
.platform-filter-tabs .platform-mark,
.platform-hub-nav .platform-mark { width:20px; color:currentColor; }
.release-directory__filters { position:relative; z-index:1; margin-block-end:1rem; background:var(--color-surface-raised); box-shadow:var(--shadow-soft); }
.release-directory__summary { display:flex; align-items:baseline; gap:.3rem; margin-block:1.1rem; color:var(--color-muted); font-size:.82rem; }
.release-directory__summary strong { color:var(--color-brand); font-size:1.35rem; }
.release-game-grid,
.platform-game-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.game-card { display:flex; min-width:0; flex-direction:column; }
.game-card__media { flex:0 0 auto; background:linear-gradient(145deg,#242833,#111319); }
.game-status { display:inline-flex; width:max-content; align-items:center; min-height:26px; padding:.3rem .58rem; border-radius:999px; background:#455064; color:#fff; font-size:.66rem; font-weight:900; line-height:1; }
.game-card__media .game-status { position:absolute; z-index:2; inset-block-start:.7rem; inset-inline-start:.7rem; box-shadow:0 6px 18px rgba(0,0,0,.25); }
.game-status--upcoming { background:#2768e8; }
.game-status--announced { background:#6b56c9; }
.game-status--released { background:#138a4b; }
.game-status--delayed { background:#b66a08; }
.game-status--cancelled { background:#a83035; }
.game-card__score { position:absolute; z-index:2; inset-block-end:.7rem; inset-inline-end:.7rem; display:grid; width:44px; height:44px; place-items:center; border:3px solid rgba(255,255,255,.92); border-radius:50%; background:var(--color-brand); color:#fff; font-size:.82rem; box-shadow:0 7px 20px rgba(0,0,0,.28); }
.game-card__body { display:flex; min-width:0; flex:1; flex-direction:column; }
.game-card__title { margin-block:.45rem; font-size:1.05rem; line-height:1.35; }
.game-card__meta,
.game-card__excerpt { margin:.1rem 0 .65rem; color:var(--color-muted); font-size:.72rem; line-height:1.65; }
.game-card__excerpt { font-size:.78rem; }
.game-card .countdown--compact { margin-block:auto .8rem; padding-block-start:.3rem; }
.game-card .platform-list { display:flex; flex-wrap:wrap; gap:.35rem; margin-block-start:auto; }
.game-card .platform-list__item { display:inline-flex; min-width:0; align-items:center; justify-content:flex-start; gap:.35rem; padding:.32rem .48rem; border:1px solid var(--color-line); border-radius:999px; background:var(--color-brand-soft); color:var(--color-brand); font-size:.62rem; font-weight:850; }
.game-card .platform-list__item:hover { transform:translateY(-1px); border-color:var(--color-brand); }
.game-card .platform-list__item > span:not(.platform-mark) { padding:0; background:transparent; color:inherit; font-size:inherit; white-space:nowrap; }
.game-card .platform-list__item .platform-mark { width:17px; padding:0; background:transparent; color:inherit; }
.release-directory__empty { min-height:280px; }
.platform-hub-compact-hero { position:relative; overflow:hidden; padding-block:1.25rem 3rem; background:radial-gradient(circle at 82% 30%,color-mix(in srgb,var(--platform-accent) 23%,transparent),transparent 24rem),linear-gradient(135deg,#0e1015,#1b1e25); color:#fff; }
.platform-hub-nav { margin-block-end:clamp(2rem,5vw,4rem); }
.platform-hub-nav a { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.055); color:#d9dce2; }
.platform-hub-nav a:hover,
.platform-hub-nav a.is-active { border-color:var(--platform-tab-accent); background:color-mix(in srgb,var(--platform-tab-accent) 20%,#15171d); color:#fff; box-shadow:inset 0 -2px var(--platform-tab-accent); }
.platform-hub-compact-hero__content { display:flex; align-items:center; gap:clamp(1.2rem,4vw,2.5rem); }
.platform-hub-compact-hero__icon { display:grid; width:clamp(82px,12vw,132px); aspect-ratio:1; flex:0 0 auto; place-items:center; border:1px solid color-mix(in srgb,var(--platform-accent) 55%,rgba(255,255,255,.18)); border-radius:28px; background:color-mix(in srgb,var(--platform-accent) 15%,rgba(255,255,255,.04)); color:var(--platform-accent); box-shadow:0 20px 60px color-mix(in srgb,var(--platform-accent) 18%,transparent); }
.platform-hub-compact-hero__icon .platform-mark { width:58%; }
.platform-hub-compact-hero h1 { margin:.35rem 0; color:#fff; font-size:clamp(3rem,8vw,7rem); line-height:.85; letter-spacing:-.05em; }
.platform-hub-compact-hero p { margin:0; color:#c7cbd3; font-size:clamp(.9rem,2vw,1.15rem); }
.platform-hub-featured { padding-block-end:1rem; }
.platform-hub-featured .platform-lead-card { border-color:color-mix(in srgb,var(--platform-accent) 28%,var(--color-line)); }
.platform-hub-latest { padding-block-start:2rem; }
.platform-hub-games { border-block:1px solid var(--color-line); }
.platform-hub-games__all { margin-block-start:1.5rem; }
.platform-hub-panels__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.platform-most-read { padding:0; margin:0; list-style:none; }
.platform-most-read li { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:.7rem; align-items:start; padding:.85rem 0; border-block-end:1px solid var(--color-line); }
.platform-most-read li > span { color:var(--platform-accent); font-weight:950; }
.platform-most-read a { font-size:.82rem; font-weight:800; line-height:1.5; }
.platform-most-read small { color:var(--color-muted); font-variant-numeric:tabular-nums; }
.game-hero .game-status { margin-block-end:1rem; }
.regional-release-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.regional-release-list > div { display:grid; gap:.25rem; padding:1rem; border:1px solid var(--color-line); border-radius:var(--radius-sm); background:var(--color-surface-raised); }
.regional-release-list time { color:var(--color-brand); font-weight:850; }
.regional-release-list small { color:var(--color-muted); direction:ltr; text-align:start; }
.game-release-note { margin-block-start:1rem; padding:1rem 1.15rem; border-inline-start:4px solid var(--color-brand); background:var(--color-brand-soft); }
@media (max-width:1050px) {
	.release-game-grid,.platform-game-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
	.platform-hub-panels__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.calendar-filters.release-directory__filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
	.release-directory__hero-grid { grid-template-columns:1fr; align-items:start; }
	.release-directory__switcher { width:max-content; max-width:100%; }
	.release-game-grid,.platform-game-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.platform-hub-panels__grid,.regional-release-list { grid-template-columns:1fr; }
	.calendar-filters.release-directory__filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:.85rem; }
}
@media (max-width:480px) {
	.release-directory__hero { padding-block:3.25rem 2rem; }
	.release-directory__hero h1 { font-size:2.5rem; }
	.release-game-grid,.platform-game-grid { gap:.65rem; }
	.game-card__body { padding:.75rem; }
	.game-card__title { font-size:.88rem; }
	.game-card__excerpt { display:none; }
	.game-card .countdown--compact { display:none; }
	.game-card .platform-list__item > span:not(.platform-mark) { display:none; }
	.game-card .platform-list__item { padding:.3rem; }
	.game-card__score { width:38px; height:38px; font-size:.72rem; }
	.calendar-filters.release-directory__filters { grid-template-columns:1fr; }
	.platform-hub-compact-hero { padding-block:1rem 2rem; }
	.platform-hub-compact-hero__content { align-items:flex-start; }
	.platform-hub-compact-hero__icon { width:70px; border-radius:20px; }
	.platform-hub-compact-hero h1 { font-size:2.7rem; }
}

/* Platform 2.6 final cascade guards. */
.global-audio-dock { isolation:isolate; overflow:hidden; background:linear-gradient(115deg,#0b1019 0%,#14243a 35%,#34142c 68%,#160d12 100%); background-size:180% 180%; animation:audio-dock-gradient 12s ease-in-out infinite; backdrop-filter:blur(24px) saturate(1.25); }
.global-audio-dock__ambient { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.reader-only-book,.reader-only-book .al3ab-flipbook,.reader-only-book .df-element,.reader-only-book .df-container { width:100%!important; height:calc(100vh - 72px)!important; min-height:calc(100vh - 72px)!important; border:0!important; border-radius:0!important; }
@media (max-width:760px) {
  .global-audio-dock__episode { padding-inline-end:126px; }
  .global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { display:grid; width:31px; height:31px; }
  .reader-only-toolbar { height:64px; min-height:64px; padding-block:.35rem; }
  .reader-only-book,.reader-only-book .al3ab-flipbook,.reader-only-book .df-element,.reader-only-book .df-container { height:calc(100vh - 64px)!important; min-height:calc(100vh - 64px)!important; }
}
@media (prefers-reduced-motion:reduce) {
  .global-audio-dock,.global-audio-dock__ambient i,.author-hero__portrait::before,.author-hero__portrait::after,.author-role-badge,.author-hero__orb { animation:none!important; }
}
@media (max-width:480px) {
  .campaign-banner--image > a > img { display:block; }
}

/* Platform 2.3 — persistent campaigns, studio audio, arcade ratings, and interaction polish */
.campaign-banner--image > a > img,
.campaign-banner--image > img { object-position:var(--campaign-focal-x,50%) var(--campaign-focal-y,50%); }
.campaign-banner__cta > span { display:inline-block!important; }
.trending-list li,
.trending-list li:hover { background:transparent; }
.trending-list li a { transition:color .2s ease,text-shadow .2s ease,transform .2s ease; }
.trending-list li:hover a { color:#e70507; text-shadow:0 0 14px rgba(231,5,7,.34); transform:translateY(-1px); }
.story-card__title a { transition:color .22s ease,text-shadow .22s ease,transform .22s ease; }
.latest-section .story-card:hover .story-card__media img,
.archive-grid .story-card:hover .story-card__media img { transform:scale(1.075); }
.latest-section .story-card:hover .story-card__title a { color:#e70507; text-shadow:0 0 12px rgba(231,5,7,.2); }

.share-rail a,.share-rail button { overflow:hidden; border-color:color-mix(in srgb,var(--color-line) 72%,transparent); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease; }
.share-rail svg { width:19px; height:19px; fill:currentColor; stroke:currentColor; stroke-width:1.8; }
.share-rail__instagram svg,.share-rail__copy svg { fill:none; }
.share-rail a:hover,.share-rail button:hover { transform:translateY(-3px) scale(1.04); border-color:currentColor; box-shadow:0 8px 20px rgba(0,0,0,.16); }
.share-rail__facebook { color:#1877f2!important; }
.share-rail__instagram { color:#e1306c!important; background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(145deg,#833ab4,#fd1d1d,#fcb045) border-box!important; }
.share-rail__x { color:var(--color-ink)!important; }
.share-rail__telegram { color:#229ed9!important; }
.share-rail__copy[data-copied="true"] { color:#3aa76d!important; border-color:#3aa76d; }

.community-rating--arcade { display:grid; grid-template-columns:1fr; justify-items:center; gap:1.25rem; overflow:hidden; padding:clamp(1.2rem,3vw,2rem); background:radial-gradient(circle at 50% -20%,rgba(231,5,7,.18),transparent 46%),var(--color-surface-raised); text-align:center; }
.community-rating--arcade .community-rating__summary { display:grid; grid-template-columns:auto auto; justify-content:center; gap:.25rem .75rem; }
.community-rating--arcade .community-rating__summary > span { grid-column:1/-1; }
.community-rating--arcade .community-rating__summary strong { grid-row:auto; grid-column:auto; font-variant-numeric:tabular-nums; }
.community-rating--arcade .community-rating__form { display:grid; width:min(100%,680px); gap:.8rem; }
.community-rating--arcade .retro-rating-picker { display:flex!important; justify-content:center; gap:.7rem!important; }
.community-rating--arcade .retro-rating-picker output { color:#e70507; font-size:1rem; }
.community-rating--arcade .retro-rating-icons { direction:ltr; display:grid!important; width:100%; max-width:none; grid-template-columns:repeat(10,minmax(28px,1fr)); gap:clamp(.18rem,1vw,.5rem); }
[dir="rtl"] .community-rating--arcade .retro-rating-icons { direction:rtl; }
.community-rating--arcade [data-rating-icon] { display:grid; min-width:0; aspect-ratio:1; place-items:center; padding:0; border:0; background:transparent; cursor:pointer; }
.community-rating--arcade [data-rating-icon] span { display:block; background:linear-gradient(90deg,#ffc928 var(--icon-fill,0%),color-mix(in srgb,var(--color-muted) 45%,transparent) var(--icon-fill,0%)); color:transparent; font-size:clamp(1.25rem,3.4vw,2.15rem); line-height:1; -webkit-background-clip:text; background-clip:text; filter:drop-shadow(0 0 0 transparent); transition:transform .18s ease,filter .18s ease; }
.community-rating--arcade [data-rating-icon]:hover span,.community-rating--arcade [data-rating-icon].is-selected span { transform:translateY(-3px) scale(1.08); filter:drop-shadow(0 0 7px rgba(255,201,40,.25)); }
.retro-rating-fine { display:grid!important; grid-template-columns:auto 1fr; align-items:center; gap:.8rem!important; color:var(--color-muted); }
.retro-rating-fine input { width:100%; accent-color:#e70507; }
.community-rating__actions { display:flex; align-items:center; justify-content:center; gap:1rem; }

.post-reactions { text-align:center; }
.post-reactions > div { display:grid; justify-items:center; }
.reaction-list { justify-content:center; gap:.8rem; }
.reaction-list button { display:grid; min-width:62px; min-height:auto; grid-template-columns:1fr auto; padding:.3rem; border:0; border-radius:0; background:transparent; box-shadow:none; }
.reaction-list button:hover,.reaction-list button[aria-pressed="true"] { border:0; background:transparent; box-shadow:none; color:#e70507; transform:translateY(-3px); }
.reaction-list button > span { font-size:1.8rem; transition:transform .18s ease,filter .18s ease; }
.reaction-list button:hover > span { transform:scale(1.18) rotate(-4deg); filter:drop-shadow(0 5px 8px rgba(0,0,0,.16)); }
.reaction-list button[data-reaction="funny"]:hover > span { animation:reaction-laugh .42s ease-in-out both; }
@keyframes reaction-laugh { 0%,100%{transform:translateY(0) rotate(0)} 30%{transform:translateY(-5px) rotate(-8deg)} 65%{transform:translateY(-2px) rotate(8deg)} }

.podcast-player--studio { gap:1rem; padding:clamp(.9rem,2.5vw,1.35rem); border-color:rgba(255,255,255,.12); background:linear-gradient(145deg,#202329,#111317); color:#fff; box-shadow:0 18px 45px rgba(0,0,0,.25); }
.podcast-player--studio .audio-console { direction:ltr; display:grid; grid-template-columns:92px minmax(0,1fr); gap:1rem; align-items:center; }
.audio-console__art { overflow:hidden; aspect-ratio:1; border-radius:12px; background:#2a2d34; box-shadow:0 10px 24px rgba(0,0,0,.28); }
.audio-console__art img { width:100%; height:100%; object-fit:cover; }
.audio-console__body { min-width:0; }
.audio-console__heading { display:grid; gap:.18rem; margin-block-end:.8rem; }
.audio-console__heading span { color:#aeb4bd; font-size:.66rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.audio-console__heading strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.audio-console__transport { display:grid; grid-template-columns:38px 48px 38px 42px minmax(100px,1fr) 42px 92px; gap:.45rem; align-items:center; }
.audio-console__transport button { display:grid; place-items:center; border:0; color:#fff; cursor:pointer; }
.audio-toggle { width:48px; height:48px; border-radius:50%; background:#e70507; box-shadow:0 8px 20px rgba(231,5,7,.3); }
.audio-toggle svg { width:22px; height:22px; fill:currentColor; }
.audio-toggle__pause { display:none; }
.podcast-player.is-playing .audio-toggle__play { display:none; }
.podcast-player.is-playing .audio-toggle__pause { display:block; }
.audio-skip { position:relative; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); }
.audio-skip span { font-size:1.3rem; }
.audio-skip small { position:absolute; inset-block-start:13px; font-size:.52rem; font-weight:900; }
.audio-console__transport time { color:#c9cdd3; font-size:.68rem; font-variant-numeric:tabular-nums; }
.audio-seek,.audio-volume input { width:100%; accent-color:#e70507; cursor:pointer; }
.audio-volume { display:grid; grid-template-columns:20px 1fr; gap:.35rem; align-items:center; }
.audio-volume svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; }
.podcast-player--studio > audio:not([controls]) { display:none; }
.podcast-player--studio > audio[controls] { width:100%; margin-block:.5rem; }
.podcast-player--studio.is-audio-fallback .audio-console { display:none; }
.podcast-player--studio .provider-links { justify-content:flex-start; }
.podcast-player--studio .podcast-transcript { background:rgba(255,255,255,.035); }

.comments-area { padding:clamp(1rem,3vw,2rem); border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-surface-raised); box-shadow:var(--shadow-soft); }
.comment-list .comment { padding:1rem; margin-block:.75rem; border:1px solid var(--color-line); border-radius:var(--radius-sm); background:var(--color-surface); }
.comment-author { display:flex; align-items:center; gap:.65rem; }
.comment-author img { border-radius:50%; }
.comment-metadata { margin-inline-start:calc(48px + .65rem); color:var(--color-muted); font-size:.72rem; }
.comment-content { padding-inline-start:calc(48px + .65rem); }
.comment-respond input:not([type="submit"]),.comment-respond textarea { width:100%; border:1px solid var(--color-line); border-radius:8px; background:var(--color-surface); color:var(--color-ink); }

.mobile-drawer__brand .custom-logo { width:auto; max-width:150px; height:42px; object-fit:contain; }
@media (max-width:760px) {
  .campaign-banner--image > a > img,.campaign-banner--image > img { display:block; object-position:var(--campaign-focal-x-mobile,50%) var(--campaign-focal-y-mobile,50%); }
  .campaign-banner--text .campaign-banner__inner > div > div > span { display:none!important; }
  .audio-console__transport { grid-template-columns:34px 44px 34px minmax(90px,1fr); }
  .audio-console__transport time,.audio-volume { display:none; }
  .audio-toggle { width:44px; height:44px; }
  .retro-rating-fine { grid-template-columns:1fr; }
}
@media (max-width:520px) {
  .podcast-player--studio .audio-console { grid-template-columns:64px minmax(0,1fr); gap:.75rem; }
  .audio-console__heading { margin-block-end:.55rem; }
  .community-rating--arcade .retro-rating-icons { gap:.08rem; }
  .reaction-list button { min-width:52px; }
}
@media (prefers-reduced-motion:reduce) {
  .reaction-list button[data-reaction="funny"]:hover > span { animation:none; }
}

/* Platform 2.4 — resilient inline PDF and persistent podcast dock */
.al3ab-pdf-reader.is-native-reader .al3ab-pdf-reader__stage { min-height:78vh; padding:0; overflow:hidden; background:#20242a; }
.al3ab-pdf-reader__native { display:block; width:100%; height:78vh; min-height:620px; border:0; background:#20242a; }
.al3ab-pdf-reader.is-native-reader:fullscreen .al3ab-pdf-reader__native { height:100vh; min-height:100vh; }

.podcast-hero { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(122deg,#101318 0%,#161a21 56%,#471318 100%); color:#fff; }
.podcast-hero::before { content:""; position:absolute; z-index:-1; inset:-35% -12% auto auto; width:58vw; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(231,5,7,.24),transparent 66%); filter:blur(10px); }
.podcast-hero__grid { position:relative; align-items:center; min-height:650px; }
.podcast-hero__art { position:relative; isolation:isolate; overflow:visible; border-radius:28px; transform:rotate(1.2deg); box-shadow:0 30px 80px rgba(0,0,0,.45); }
.podcast-hero__art::before { content:""; position:absolute; z-index:-1; inset:8% -8% -8% 8%; border-radius:30px; background:linear-gradient(145deg,rgba(231,5,7,.8),rgba(255,196,82,.2)); filter:blur(24px); opacity:.55; }
.podcast-hero__art > img,.podcast-hero__art > .media-placeholder { border-radius:28px; }
.podcast-hero__play { position:absolute; inset:50% auto auto 50%; display:grid; width:86px; height:86px; place-items:center; border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(231,5,7,.92); color:#fff; box-shadow:0 16px 40px rgba(231,5,7,.38); cursor:pointer; transform:translate(-50%,-50%); transition:transform .22s ease,box-shadow .22s ease,background .22s ease; backdrop-filter:blur(12px); }
.podcast-hero__play:hover { background:#ff181b; box-shadow:0 20px 52px rgba(231,5,7,.5); transform:translate(-50%,-50%) scale(1.08); }
.podcast-hero__play svg { width:34px; height:34px; margin-inline-start:4px; fill:currentColor; }
.podcast-hero__copy { max-width:760px; }
.podcast-hero__copy h1 { margin-block:.55rem 1rem; font-size:clamp(2.7rem,5.3vw,5.8rem); line-height:1.02; letter-spacing:-.045em; }
.podcast-hero__copy .article-dek { color:#c5c9d0; font-size:clamp(1.05rem,1.8vw,1.35rem); }

.podcast-launch-card { display:grid; gap:1rem; margin-block-start:1.5rem; padding:1rem; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035)); box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 40px rgba(0,0,0,.18); backdrop-filter:blur(14px); }
.podcast-launch-card__primary { display:grid; grid-template-columns:58px minmax(0,1fr) 120px; gap:1rem; align-items:center; }
.podcast-launch-card__play { display:grid; width:58px; height:58px; place-items:center; border:0; border-radius:50%; background:#e70507; color:#fff; box-shadow:0 12px 28px rgba(231,5,7,.32); cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.podcast-launch-card__play:hover { transform:scale(1.07); box-shadow:0 15px 34px rgba(231,5,7,.46); }
.podcast-launch-card__play svg { width:25px; height:25px; margin-inline-start:3px; fill:currentColor; }
.podcast-launch-card__primary > div { display:grid; gap:.12rem; min-width:0; }
.podcast-launch-card__primary span,.podcast-launch-card__primary small { color:#aeb4bd; font-size:.7rem; }
.podcast-launch-card__primary strong { font-size:1.05rem; }
.podcast-launch-card__wave { direction:ltr; display:flex; height:34px; align-items:center; justify-content:flex-end; gap:5px; }
.podcast-launch-card__wave i { display:block; width:4px; height:35%; border-radius:9px; background:#e70507; animation:podcast-wave 1.1s ease-in-out infinite alternate; }
.podcast-launch-card__wave i:nth-child(2) { height:80%; animation-delay:-.7s; }
.podcast-launch-card__wave i:nth-child(3) { height:48%; animation-delay:-.35s; }
.podcast-launch-card__wave i:nth-child(4) { height:95%; animation-delay:-.9s; }
.podcast-launch-card__wave i:nth-child(5) { height:58%; animation-delay:-.5s; }
@keyframes podcast-wave { to { height:100%; opacity:.65; } }
.podcast-launch-card .provider-links { margin:0; }
.podcast-launch-card .podcast-transcript { margin:0; }

.global-audio-dock[hidden] { display:none!important; }
.global-audio-dock { position:fixed; z-index:99990; inset:auto 0 0; direction:ltr; color:#fff; background:linear-gradient(100deg,#11151c 0%,#15243a 54%,#321318 100%); border-block-start:1px solid rgba(255,255,255,.14); box-shadow:0 -18px 55px rgba(0,0,0,.4); opacity:0; transform:translateY(calc(100% + 16px)); transition:transform .28s cubic-bezier(.2,.75,.25,1),opacity .22s ease; }
.global-audio-dock.is-visible { opacity:1; transform:translateY(0); }
.global-audio-dock__progress { position:absolute; inset:0 0 auto; height:3px; background:rgba(255,255,255,.1); }
.global-audio-dock__progress span { display:block; width:0; height:100%; background:linear-gradient(90deg,#e70507,#ff664f); box-shadow:0 0 13px rgba(231,5,7,.65); }
.global-audio-dock__inner { display:grid; max-width:1700px; min-height:92px; grid-template-columns:minmax(230px,1fr) minmax(430px,1.25fr) minmax(180px,.75fr); gap:1.5rem; align-items:center; padding:.8rem clamp(1rem,3vw,3.5rem); margin:auto; }
.global-audio-dock__episode { display:grid; min-width:0; grid-template-columns:58px minmax(0,1fr); gap:.8rem; align-items:center; color:#fff; }
.global-audio-dock__episode > span:last-child { display:grid; min-width:0; gap:.12rem; }
.global-audio-dock__episode small { color:#aeb6c2; font-size:.63rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.global-audio-dock__episode strong { overflow:hidden; font-size:.85rem; text-overflow:ellipsis; white-space:nowrap; }
.global-audio-dock__art { display:grid; overflow:hidden; width:58px; aspect-ratio:1; place-items:center; border-radius:10px; background:linear-gradient(145deg,#e70507,#541217); color:#fff; font-size:.62rem; font-weight:900; box-shadow:0 8px 22px rgba(0,0,0,.3); }
.global-audio-dock__art img { width:100%; height:100%; object-fit:cover; }
.global-audio-dock__controls { display:grid; gap:.42rem; }
.global-audio-dock__buttons { display:flex; align-items:center; justify-content:center; gap:.65rem; }
.global-audio-dock button { position:relative; display:grid; place-items:center; border:0; background:transparent; color:#fff; cursor:pointer; transition:transform .18s ease,color .18s ease,background .18s ease; }
.global-audio-dock button:hover { color:#ff5d5f; transform:translateY(-2px); }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { width:34px; height:34px; border-radius:50%; }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) span { font-size:1.25rem; }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) small { position:absolute; inset-block-start:11px; font-size:.49rem; font-weight:900; }
.global-audio-dock__toggle { width:44px; height:44px; border-radius:50%!important; background:#fff!important; color:#142034!important; box-shadow:0 8px 20px rgba(0,0,0,.28); }
.global-audio-dock__toggle:hover { background:#e70507!important; color:#fff!important; }
.global-audio-dock__toggle svg { width:21px; height:21px; fill:currentColor; }
.global-audio-dock .dock-pause { display:none; }
.global-audio-dock.is-playing .dock-play { display:none; }
.global-audio-dock.is-playing .dock-pause { display:block; }
.global-audio-dock__timeline { display:grid; grid-template-columns:42px minmax(100px,1fr) 42px; gap:.65rem; align-items:center; }
.global-audio-dock__timeline time { color:#b7bfca; font-size:.65rem; font-variant-numeric:tabular-nums; }
.global-audio-dock__timeline input,.global-audio-dock__tools input { width:100%; accent-color:#e70507; cursor:pointer; }
.global-audio-dock__tools { display:flex; align-items:center; justify-content:flex-end; gap:1rem; }
.global-audio-dock__tools label { display:grid; width:min(150px,100%); grid-template-columns:21px minmax(60px,1fr); gap:.5rem; align-items:center; }
.global-audio-dock__tools svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; }
.global-audio-dock__tools > button { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.07); }
.global-audio-dock > audio { display:none; }
body.has-audio-dock { padding-block-end:92px; }

@media (max-width:900px) {
  .podcast-hero__grid { min-height:0; padding-block:3rem; }
  .podcast-hero__copy h1 { font-size:clamp(2.4rem,8vw,4.5rem); }
  .global-audio-dock__inner { grid-template-columns:minmax(190px,.75fr) minmax(360px,1.25fr); gap:1rem; }
  .global-audio-dock__tools { display:none; }
}
@media (max-width:640px) {
  .al3ab-pdf-reader.is-native-reader .al3ab-pdf-reader__stage,.al3ab-pdf-reader__native { height:72vh; min-height:520px; }
  .podcast-hero__grid { padding-block:2rem 3rem; }
  .podcast-hero__art { width:min(78vw,350px); margin:auto; }
  .podcast-hero__play { width:70px; height:70px; }
  .podcast-launch-card__primary { grid-template-columns:52px minmax(0,1fr); }
  .podcast-launch-card__play { width:52px; height:52px; }
  .podcast-launch-card__wave { display:none; }
  .global-audio-dock { inset:auto .65rem .65rem; border:1px solid rgba(255,255,255,.16); border-radius:20px; overflow:hidden; box-shadow:0 18px 50px rgba(0,0,0,.48); }
  .global-audio-dock__inner { min-height:112px; grid-template-columns:1fr; gap:.55rem; padding:.75rem; }
  .global-audio-dock__episode { grid-template-columns:46px minmax(0,1fr); padding-inline-end:38px; }
  .global-audio-dock__art { width:46px; border-radius:8px; }
  .global-audio-dock__episode small { display:none; }
  .global-audio-dock__controls { gap:.25rem; }
  .global-audio-dock__buttons { position:absolute; inset-block-start:12px; inset-inline-end:10px; gap:.15rem; }
  .global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { display:none; }
  .global-audio-dock__toggle { width:40px; height:40px; }
  .global-audio-dock__timeline { grid-template-columns:34px 1fr 34px; gap:.4rem; }
  body.has-audio-dock { padding-block-end:130px; }
}
@media (prefers-reduced-motion:reduce) {
  .podcast-launch-card__wave i { animation:none; }
  .global-audio-dock { transition:none; }
}

/* Platform 2.5 — final editorial polish */
.mobile-drawer__close { flex:0 0 44px; line-height:0; }
.mobile-drawer__close svg { display:block; width:22px; height:22px; margin:auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }

.review-pros-cons li { align-items:center; min-height:1.65rem; padding-inline-start:1.85rem; line-height:1.65; }
.review-pros-cons li::before { inset-block-start:50%; width:1.3rem; height:1.3rem; line-height:1; transform:translateY(-50%); }
.review-box__label { border-color:color-mix(in srgb,var(--review-label-color,#e70507) 65%,#fff); background:var(--review-label-gradient,color-mix(in srgb,var(--review-label-color,#e70507) 22%,transparent)); box-shadow:0 0 18px color-mix(in srgb,var(--review-label-color,#e70507) 24%,transparent); }
.post-reactions > div { text-align:center; }
.post-reactions .reaction-list { justify-content:center; }
.author-role-badge { display:inline-flex; align-items:center; gap:.45rem; width:max-content; padding:.38rem .7rem; border:1px solid color-mix(in srgb,var(--author-role-color,#e70507) 60%,transparent); border-radius:99px; background:var(--author-role-gradient,linear-gradient(135deg,var(--author-role-color,#e70507),color-mix(in srgb,var(--author-role-color,#e70507) 50%,#111))); color:#fff; font-size:.68rem; font-weight:900; box-shadow:0 0 20px color-mix(in srgb,var(--author-role-color,#e70507) 22%,transparent); }
.author-role-badge i { font-style:normal; }
.author-hero { position:relative; overflow:hidden; }
.author-hero::after { content:""; position:absolute; z-index:-1; width:260px; height:260px; inset-inline-end:-80px; inset-block-start:-110px; border-radius:50%; background:var(--author-role-color,#e70507); opacity:.1; filter:blur(20px); }

.community-rating--arcade .community-rating__form { justify-items:center; }
.community-rating--arcade .retro-rating-icons { grid-column:1; direction:ltr; }
[dir="rtl"] .community-rating--arcade .retro-rating-icons { direction:rtl; }
.community-rating--arcade [data-rating-icon] { border-radius:50%; transition:transform .18s ease,background .18s ease; }
.community-rating--arcade [data-rating-icon]:focus-visible { outline:2px solid #ffc928; outline-offset:3px; }
.community-rating--arcade [data-rating-icon]:hover { background:color-mix(in srgb,#ffc928 10%,transparent); transform:translateY(-2px); }
.community-rating--arcade [data-rating-icon] span { background:linear-gradient(90deg,#ffc928 var(--icon-fill,0%),color-mix(in srgb,var(--color-muted) 38%,transparent) var(--icon-fill,0%)); -webkit-background-clip:text; background-clip:text; }
[dir="rtl"] .community-rating--arcade [data-rating-icon] span { background:linear-gradient(270deg,#ffc928 var(--icon-fill,0%),color-mix(in srgb,var(--color-muted) 38%,transparent) var(--icon-fill,0%)); -webkit-background-clip:text; background-clip:text; }
.community-rating__actions { display:grid; justify-items:center; gap:.55rem; }
.community-rating__actions .button { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; min-width:150px; transition:background .2s ease,color .2s ease,transform .2s ease; }
.rating-success-check { display:none; width:22px; height:22px; place-items:center; border-radius:50%; background:#fff; color:var(--color-green); font-weight:950; }
.community-rating__form.is-saved .community-rating__actions .button { background:var(--color-green); color:#fff; transform:scale(1.02); }
.community-rating__form.is-saved .rating-success-check { display:grid; animation:rating-check-in .38s cubic-bezier(.2,.85,.25,1.25); }
.community-rating__form.is-saved [data-rating-icon] { cursor:default; opacity:.78; }
@keyframes rating-check-in { from { opacity:0; transform:scale(.35) rotate(-25deg); } to { opacity:1; transform:none; } }

.game-page .related-section { padding-block-start:clamp(2rem,4vw,3.5rem); }
.game-page .related-section .section-heading { margin-block-end:1.5rem; }

.features-section { background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--color-brand) 8%,transparent),transparent 34%),linear-gradient(180deg,var(--color-surface),var(--color-canvas)); border-block:1px solid var(--color-line); }
.features-section .feature-grid { gap:clamp(1rem,2vw,1.5rem); }
.features-section .story-card { overflow:hidden; padding:1rem; border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-canvas); box-shadow:var(--shadow-soft); }
.features-section .story-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--color-brand) 30%,var(--color-line)); box-shadow:var(--shadow-raised); }
.features-section .story-card__image { overflow:hidden; border-radius:calc(var(--radius-md) - 6px); }

.podcast-section { overflow:hidden; background:radial-gradient(circle at 85% -15%,rgba(231,5,7,.12),transparent 38%),var(--color-surface); }
.podcast-grid,.podcast-archive-grid { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(245px,26vw,330px); grid-template-columns:none; gap:1rem; overflow-x:auto; padding:.25rem .15rem 1.2rem; scroll-snap-type:x proximity; overscroll-behavior-inline:contain; scrollbar-width:thin; scrollbar-color:var(--color-brand) var(--color-line); }
.podcast-grid::after,.podcast-archive-grid::after { content:""; width:.1px; }
.podcast-card { position:relative; scroll-snap-align:start; border-radius:20px; }
.podcast-card__media { aspect-ratio:1; }
.podcast-card__media > a { display:block; width:100%; height:100%; }
.podcast-card__media::after { pointer-events:none; inset:55% 0 0; }
.podcast-card__media img,.podcast-card__media .placeholder-media { width:100%; height:100%; object-fit:cover; }
.podcast-card .play-button { z-index:3; inset-inline-start:auto; inset-inline-end:1rem; width:54px; height:54px; border:0; box-shadow:0 12px 30px rgba(231,5,7,.35); cursor:pointer; transition:transform .2s ease,box-shadow .2s ease; }
.podcast-card .play-button:hover { transform:scale(1.08); box-shadow:0 15px 34px rgba(231,5,7,.5); }
.podcast-card__body { display:grid; min-height:210px; align-content:start; gap:.55rem; }
.podcast-card__body h3,.podcast-card__body p { margin:0; }
.podcast-card__body time { color:var(--color-muted); font-size:.7rem; }
.podcast-card__body .text-link { margin-block-start:auto; }
.podcast-archive-grid { grid-auto-columns:clamp(250px,29vw,360px); }

.global-audio-dock { background:linear-gradient(100deg,#101318,#17202c 56%,#251416); }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { background:rgba(255,255,255,.055); }
.global-audio-dock__toggle { background:#e70507!important; color:#fff!important; }
.global-audio-dock__toggle:hover { background:#ff3537!important; }

.al3ab-flipbook--dearflip { min-height:min(82vh,900px); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-md); background:#11151b; box-shadow:var(--shadow-raised); }
.al3ab-flipbook--dearflip .df-container,.al3ab-flipbook--dearflip .df-element { min-height:min(82vh,900px)!important; }
.campaign-banner--image img { object-position:var(--campaign-focal-x,50%) var(--campaign-focal-y,50%); }

/* wpDiscuz inherits the editorial system instead of its default green skin. */
#wpdcom { max-width:none; margin:0; color:var(--color-ink); font-family:inherit; }
#wpdcom .wpd-form-wrap,#wpdcom .wpd-comment-wrap,#wpdcom .wpd-thread-head { border-color:var(--color-line)!important; background:var(--color-surface)!important; color:var(--color-ink)!important; }
#wpdcom .wpd-comment-wrap { margin-block:.75rem; padding:1rem!important; border:1px solid var(--color-line)!important; border-radius:var(--radius-md); box-shadow:var(--shadow-soft); }
#wpdcom .wpd-primary-color,#wpdcom .wpd-thread-filter .wpd-filter.wpd-active { color:var(--color-brand)!important; }
#wpdcom .wpd-primary-bg-color,#wpdcom input[type="submit"],#wpdcom .wpd-form-col-right .wpd-form-submit { border-color:var(--color-brand)!important; background:var(--color-brand)!important; color:#fff!important; border-radius:99px!important; }
#wpdcom textarea,#wpdcom input[type="text"],#wpdcom input[type="email"],#wpdcom input[type="url"] { border:1px solid var(--color-line)!important; border-radius:10px!important; background:var(--color-canvas)!important; color:var(--color-ink)!important; box-shadow:none!important; }
#wpdcom .wpd-avatar img { border-radius:50%!important; }
#wpdcom .wpd-comment-author { color:var(--color-ink)!important; font-weight:850!important; }
#wpdcom .wpd-comment-text,#wpdcom .wpd-comment-date { color:var(--color-muted)!important; }
#wpdcom .wpd-secondary-color { color:var(--color-muted)!important; }
[dir="rtl"] #wpdcom { direction:rtl; text-align:right; }

@media (max-width:760px) {
  .podcast-grid,.podcast-archive-grid { grid-auto-columns:min(78vw,300px); margin-inline-end:calc(-1 * var(--container-padding)); }
  .campaign-banner--image img { object-position:var(--campaign-focal-x-mobile,50%) var(--campaign-focal-y-mobile,50%); }
  .community-rating--arcade .retro-rating-icons { gap:.04rem; }
  .community-rating--arcade [data-rating-icon] span { font-size:clamp(1.2rem,7vw,1.75rem); }
  .al3ab-flipbook--dearflip,.al3ab-flipbook--dearflip .df-container,.al3ab-flipbook--dearflip .df-element { min-height:72vh!important; border-radius:12px; }
}

/* Platform 2.2 refinement — compact streams, editorial archives, persistent media. */
.latest-section .content-sidebar-grid { align-items:start; }
.latest-section .story-stream { align-self:start; align-content:start; gap:0; }
.latest-section .story-card--compact { align-items:start; gap:1rem; padding-block:.68rem; border-block-end:1px solid var(--color-line); }
.latest-section .story-card--compact:first-child { padding-block-start:0; }
.latest-section .story-card--compact:last-child { padding-block-end:0; border-block-end:0; }
.latest-section .story-card--compact .story-card__body { padding:0; }
.latest-section .story-card--compact .story-card__title { margin-block:.3rem .45rem; }
.latest-section .story-card--compact .story-card__excerpt { margin-block:0 .45rem; line-height:1.62; }

.site-branding .custom-logo, .footer-logo .custom-logo { display:block; width:auto; max-width:min(220px,42vw); max-height:52px; object-fit:contain; }
.site-branding .custom-logo-link, .footer-logo .custom-logo-link { display:inline-flex; align-items:center; }

.article-visual-hero__content.container { width:min(calc(100% - clamp(2.5rem,8vw,7rem)),var(--container)); margin-inline:auto; padding-block:clamp(6rem,13vh,10rem) clamp(2.6rem,5vw,4.75rem); padding-inline:clamp(.5rem,2.4vw,2rem); }
[dir="rtl"] .article-visual-hero__content { text-align:start; }

.archive-hero--editorial { position:relative; overflow:hidden; background:radial-gradient(circle at 12% 15%,rgba(231,5,7,.2),transparent 32%),linear-gradient(135deg,#111419,#1c2027); color:#fff; }
.archive-hero--editorial::after { content:""; position:absolute; inset:auto -12% -78% auto; width:460px; aspect-ratio:1; border:74px solid rgba(231,5,7,.07); border-radius:50%; }
.archive-hero__grid { position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:2rem; }
.archive-hero--editorial h1 { max-width:16ch; margin-block:.5rem .8rem; font-size:clamp(2.5rem,6vw,5.6rem); line-height:1.04; }
.archive-hero--editorial .archive-description { max-width:65ch; color:#c5cad1; }
.archive-hero__count { display:grid; min-width:150px; justify-items:center; padding:1.25rem; border:1px solid rgba(255,255,255,.15); border-radius:var(--radius-md); background:rgba(255,255,255,.055); backdrop-filter:blur(8px); }
.archive-hero__count strong { color:var(--color-brand); font-size:2.4rem; line-height:1; }
.archive-hero__count span { margin-block-start:.4rem; color:#c5cad1; font-size:var(--font-size-xs); }
.category-feature { padding-block:clamp(1.5rem,4vw,3.5rem) 0; }
.category-feature .story-card--lead { display:grid; min-height:480px; grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); overflow:hidden; border:1px solid var(--color-line); border-radius:var(--radius-lg); background:var(--color-surface-raised); box-shadow:var(--shadow-raised); }
.category-feature .story-card--lead .story-card__media { height:100%; min-height:480px; border-radius:0; }
.category-feature .story-card--lead .story-card__body { display:flex; flex-direction:column; justify-content:center; padding:clamp(1.5rem,4vw,3.25rem); }
.archive-editorial-layout { align-items:start; }
.archive-grid--category { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.archive-grid--category .story-card { overflow:hidden; border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-surface-raised); box-shadow:var(--shadow-soft); transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition); }
.archive-grid--category .story-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--color-brand) 30%,var(--color-line)); box-shadow:var(--shadow-raised); }
.archive-grid--category .story-card__media { border-radius:0; }
.archive-grid--category .story-card__body { padding:1.2rem; }
.archive-grid--category .story-card__excerpt { margin-block:.4rem .8rem; }
.story-card__score { position:absolute; inset-inline-end:.8rem; inset-block-end:.8rem; z-index:2; display:grid; width:50px; height:50px; place-items:center; border:3px solid #fff; border-radius:50%; background:var(--color-brand); color:#fff; font-size:.95rem; font-weight:900; box-shadow:0 7px 22px rgba(0,0,0,.28); }

.viewer-frame { overflow:hidden; border:1px solid #30343b; border-radius:var(--radius-lg); background:#16191e; box-shadow:var(--shadow-raised); }
.al3ab-pdf-reader { min-height:70vh; background:#1b1e24; color:#fff; }
.al3ab-pdf-reader__toolbar { position:sticky; z-index:4; inset-block-start:0; display:flex; min-height:62px; align-items:center; justify-content:center; gap:.55rem; padding:.65rem 1rem; border-block-end:1px solid #343840; background:rgba(18,20,25,.96); backdrop-filter:blur(12px); }
.al3ab-pdf-reader__toolbar button { display:grid; width:38px; height:38px; place-items:center; border:1px solid #3a3f48; border-radius:8px; background:#252931; color:#fff; cursor:pointer; font-size:1.1rem; transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast); }
.al3ab-pdf-reader__toolbar button:hover:not(:disabled) { transform:translateY(-1px); border-color:var(--color-brand); background:#30353e; }
.al3ab-pdf-reader__toolbar button:disabled { opacity:.35; cursor:not-allowed; }
.al3ab-pdf-reader__toolbar button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; }
.al3ab-pdf-reader__toolbar label { display:flex; align-items:center; gap:.4rem; color:#c8ccd2; font-size:.72rem; font-weight:750; }
.al3ab-pdf-reader__toolbar input { width:58px; height:38px; padding:.3rem; border:1px solid #3a3f48; border-radius:7px; background:#111318; color:#fff; font-weight:800; text-align:center; }
.al3ab-pdf-reader__toolbar output { min-width:48px; color:#c8ccd2; font-size:.7rem; text-align:center; }
.al3ab-pdf-reader__separator { width:1px; height:26px; margin-inline:.25rem; background:#3a3f48; }
.al3ab-pdf-reader__stage { position:relative; display:flex; min-height:720px; align-items:flex-start; justify-content:center; overflow:auto; padding:1.25rem; background:radial-gradient(circle at 50% 0,#30343c,#1b1e24 58%); }
.al3ab-pdf-reader__stage canvas { display:block; max-width:none; background:#fff; box-shadow:0 18px 55px rgba(0,0,0,.45); }
.al3ab-pdf-reader__stage [data-pdf-status] { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); color:#c8ccd2; font-size:var(--font-size-sm); }
.al3ab-pdf-reader.is-rendering canvas { opacity:.62; }
.al3ab-pdf-reader.has-error .al3ab-pdf-reader__stage { min-height:360px; }
.al3ab-pdf-reader:fullscreen { overflow:auto; background:#111318; }
.al3ab-pdf-reader:fullscreen .al3ab-pdf-reader__stage { min-height:calc(100vh - 62px); }

.issue-contributors { gap:.55rem; }
.issue-contributor-list { display:flex; flex-wrap:wrap; gap:.5rem; }
.issue-contributor-list a { display:inline-flex; align-items:center; gap:.45rem; padding:.32rem .62rem .32rem .35rem; border:1px solid rgba(255,255,255,.16); border-radius:99px; background:rgba(255,255,255,.06); color:#fff; font-size:.72rem; font-weight:800; transition:background var(--transition-fast),transform var(--transition-fast); }
.issue-contributor-list a:hover { transform:translateY(-2px); background:rgba(255,255,255,.12); }
.issue-contributor-list img { width:30px; height:30px; border-radius:50%; object-fit:cover; }
.issue-editorial-intro { padding-block:clamp(2rem,5vw,4rem); }

.podcast-hero { background:radial-gradient(circle at 88% 16%,rgba(231,5,7,.26),transparent 34%),linear-gradient(135deg,#0f1115,#22262d); }
.podcast-hero__grid { grid-template-columns:minmax(250px,360px) minmax(0,1fr); gap:clamp(2rem,6vw,5rem); }
.podcast-hero__art { border:1px solid rgba(255,255,255,.13); border-radius:26px; transform:rotate(-1.4deg); }
.podcast-player { margin-block-start:1.3rem; padding:1rem; border:1px solid rgba(255,255,255,.15); border-radius:var(--radius-md); background:rgba(255,255,255,.055); box-shadow:inset 0 1px rgba(255,255,255,.04); }
.podcast-native-transport { direction:ltr; display:grid; grid-template-columns:48px minmax(0,1fr) 48px; gap:.65rem; align-items:center; }
.podcast-native-transport audio { display:block!important; width:100%; min-width:0; height:48px; margin:0; accent-color:var(--color-brand); }
.podcast-native-transport > button { position:relative; display:grid; width:48px; height:48px; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(255,255,255,.08); color:#fff; cursor:pointer; }
.podcast-native-transport > button:hover { border-color:var(--color-brand); background:rgba(231,5,7,.18); }
.podcast-native-transport > button span { font-size:1.4rem; line-height:1; }
.podcast-native-transport > button small { position:absolute; inset-block-start:17px; font-size:.55rem; font-weight:900; }
.podcast-player .provider-links { margin-block-start:.25rem; }
.podcast-card__body > p { margin-block:-.35rem .75rem; color:var(--color-muted); font-size:.76rem; line-height:1.65; }
.podcast-card__body > time { display:block; margin-block-end:.75rem; color:var(--color-muted); font-size:.66rem; font-weight:750; }

@media (max-width:900px) {
  .category-feature .story-card--lead { grid-template-columns:1fr; }
  .category-feature .story-card--lead .story-card__media { min-height:360px; }
  .category-feature .story-card--lead .story-card__body { padding:1.5rem; }
  .archive-editorial-layout { grid-template-columns:1fr; }
  .archive-editorial-layout > .editorial-sidebar { display:none; }
}
@media (max-width:760px) {
  .article-visual-hero__content.container { width:calc(100% - 2rem); padding-inline:.6rem; padding-block-end:2.5rem; }
  .archive-hero__grid { align-items:start; flex-direction:column; }
  .archive-hero__count { min-width:120px; justify-items:start; }
  .archive-grid--category { grid-template-columns:1fr; }
  .podcast-hero__grid { grid-template-columns:1fr; }
  .podcast-hero__art { width:min(82vw,420px); }
  .al3ab-pdf-reader__toolbar { flex-wrap:wrap; justify-content:flex-start; }
  .al3ab-pdf-reader__separator { display:none; }
  .al3ab-pdf-reader__stage { min-height:66vh; padding:.75rem; }
}
@media (max-width:480px) {
  .latest-section .story-card--compact { grid-template-columns:104px minmax(0,1fr); gap:.7rem; }
  .latest-section .story-card--compact .story-card__excerpt { display:none; }
  .podcast-native-transport { grid-template-columns:40px minmax(0,1fr) 40px; gap:.35rem; }
  .podcast-native-transport > button { width:40px; height:40px; }
  .podcast-native-transport > button small { inset-block-start:13px; }
  .al3ab-pdf-reader__toolbar label > span:first-child { display:none; }
}

/* Platform 2.6 cascade endpoint. */
.global-audio-dock { isolation:isolate; overflow:hidden; background:linear-gradient(115deg,#0b1019 0%,#14243a 35%,#34142c 68%,#160d12 100%); background-size:180% 180%; animation:audio-dock-gradient 12s ease-in-out infinite; backdrop-filter:blur(24px) saturate(1.25); }
.global-audio-dock__ambient { position:absolute; z-index:-1; inset:0; overflow:hidden; pointer-events:none; }
.reader-only-book,.reader-only-book .al3ab-flipbook,.reader-only-book .df-element,.reader-only-book .df-container { width:100%!important; height:calc(100vh - 72px)!important; min-height:calc(100vh - 72px)!important; border:0!important; border-radius:0!important; }
@media (max-width:760px) {
  .global-audio-dock__episode { padding-inline-end:126px; }
  .global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { display:grid; width:31px; height:31px; }
  .reader-only-book,.reader-only-book .al3ab-flipbook,.reader-only-book .df-element,.reader-only-book .df-container { height:calc(100vh - 64px)!important; min-height:calc(100vh - 64px)!important; }
}

/* Platform 2.7 — bilingual editorial polish and focused Real3D reading. */
.utility-bar { font-size:.76rem; font-weight:720; }
.utility-trending strong,.utility-trending a { font-size:.74rem; line-height:1.45; }
.utility-trending__items { min-width:0; }
.trending-strip { position:relative; z-index:4; margin-block-start:clamp(.75rem,1.8vw,1.35rem); }
.trending-strip__inner { min-height:82px; padding-block:.55rem; }
.trending-list li { align-items:center; padding-block:.35rem; }
.trending-list li a { display:block; }

.latest-section .content-sidebar-grid { align-items:stretch; }
.latest-section .story-stream { height:100%; }
.latest-section .editorial-sidebar { display:flex; min-height:100%; flex-direction:column; }
.latest-section .editorial-sidebar > .sidebar-panel:last-child { margin-block-start:auto; }
.latest-section .story-card--compact { min-height:132px; }
.editorial-sidebar .sidebar-panel,.sidebar-panel { transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.editorial-sidebar .sidebar-panel:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--color-brand) 24%,var(--color-line)); box-shadow:var(--shadow-raised); }
.sidebar-story { border-radius:10px; transition:background .2s ease,transform .2s ease; }
.sidebar-story:hover { background:var(--color-brand-soft); transform:translateX(-3px); }
[dir="rtl"] .sidebar-story:hover { transform:translateX(3px); }
.sidebar-story__image { overflow:hidden; }
.sidebar-story__image img { transition:transform .3s ease; }
.sidebar-story:hover .sidebar-story__image img { transform:scale(1.08); }

.article-layout { align-items:start; padding-block-end:clamp(2rem,4vw,3.5rem); }
.article-sidebar .sidebar-story:nth-child(n+4) { display:none; }
.editorial-sidebar__sticky { top:108px; gap:1rem; }
.recommended-content { padding-block:clamp(2.5rem,5vw,4.5rem); border-block-start:1px solid var(--color-line); }
.recommended-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:clamp(.85rem,1.5vw,1.25rem); }
.recommended-grid .story-card { height:100%; }
.recommended-grid .story-card__title { font-size:clamp(.95rem,1.2vw,1.15rem); }

.author-hero { min-height:500px; }
.author-hero__cover { position:absolute; z-index:-3; inset:-24px; background-image:var(--author-cover); background-position:center; background-size:cover; filter:blur(7px) saturate(.85); transform:scale(1.04); }
.author-hero__cover::after { content:""; position:absolute; inset:0; background:linear-gradient(100deg,rgba(5,10,18,.94),rgba(10,22,38,.78) 48%,color-mix(in srgb,var(--author-role-color) 34%,rgba(14,7,16,.82))); }
.author-hero__content { gap:.9rem; }
.author-hero__content h1 { order:0; margin:0; font-size:clamp(2.6rem,6vw,5.6rem); line-height:1; }
.author-hero__content .author-role-stack { order:1; }
.author-hero__bio { order:2; max-width:68ch; margin:0; color:#c3cbd6; line-height:1.8; }
.author-hero__content .author-socials { order:3; }
.author-role-stack { gap:.55rem .65rem; }
.author-role-stack--2 .author-role-badge + .author-role-badge,.author-role-stack--3 .author-role-badge + .author-role-badge { margin-inline-start:0; }
.author-role-badge { min-height:32px; padding:.42rem .78rem; border:1px solid rgba(255,255,255,.2); border-radius:99px; letter-spacing:.01em; }
.author-socials { display:flex; flex-wrap:wrap; gap:.55rem; }
.author-socials .author-social { display:grid; width:40px; height:40px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.18); border-radius:13px; color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.18); transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.author-socials .author-social:hover { transform:translateY(-4px) scale(1.04); box-shadow:0 12px 28px rgba(0,0,0,.28); filter:saturate(1.18); }
.author-social svg { width:19px; height:19px; fill:currentColor; stroke:currentColor; stroke-width:1.6; }
.author-social--facebook { background:linear-gradient(145deg,#2b8cff,#1451b8); }
.author-social--instagram { background:linear-gradient(145deg,#833ab4,#fd1d1d 58%,#fcb045); }
.author-social--x { background:linear-gradient(145deg,#0d0f12,#313740); }
.author-social--youtube { background:linear-gradient(145deg,#ff1744,#b00020); }
.author-social--telegram { background:linear-gradient(145deg,#35b9ed,#1688c3); }
.author-social--instagram svg { fill:none; }
.author-box { align-items:center; }
.author-box > div { min-width:0; }
.author-box .author-role-stack { margin-block:.45rem .65rem; }
.author-box .author-socials a { color:#fff; }
.archive-grid--author { grid-template-columns:repeat(4,minmax(0,1fr)); }

.comments-section { padding-block:clamp(2.5rem,6vw,5rem); border-block:1px solid var(--color-line); background:linear-gradient(180deg,var(--color-surface),var(--color-canvas)); }
.comments-wrap { padding-block:0; }
.comments-section__header { max-width:760px; margin:0 auto 1.5rem; text-align:center; }
.comments-section__header h2 { margin:.35rem 0 .55rem; font-size:clamp(1.75rem,4vw,2.6rem); }
.comments-section__header p { margin:0; color:var(--color-muted); }
.comments-section__header a { color:var(--color-brand); font-weight:800; }
.comments-empty { display:grid; justify-items:center; gap:.25rem; max-width:760px; margin:0 auto 1rem; padding:1rem; border:1px dashed color-mix(in srgb,var(--color-brand) 25%,var(--color-line)); border-radius:16px; color:var(--color-muted); background:var(--color-surface-raised); }
#wpdcom { max-width:920px!important; margin-inline:auto!important; padding:clamp(1rem,2.5vw,1.8rem)!important; border:1px solid var(--color-line); border-radius:24px; background:var(--color-surface-raised)!important; box-shadow:var(--shadow-soft); }
#wpdcom .wpd-form-wrap { padding:clamp(.8rem,2vw,1.25rem)!important; border:0!important; border-radius:18px!important; background:var(--color-canvas)!important; }
#wpdcom textarea { min-height:120px!important; border-radius:16px!important; }
#wpdcom .wpd-thread-head { padding:1rem 0!important; border-inline:0!important; }
#wpdcom .wpd-comment-wrap { border-inline-start:3px solid color-mix(in srgb,var(--color-brand) 55%,var(--color-line))!important; }

.campaign-banner--image img { object-fit:var(--campaign-fit,contain)!important; object-position:var(--campaign-focal-x,50%) var(--campaign-focal-y,50%)!important; background:#11151b; }
.campaign-banner--image { background:#11151b; }

.podcast-archive-hero { position:relative; isolation:isolate; overflow:hidden; padding-block:clamp(5rem,11vw,9rem); background:linear-gradient(125deg,#090e18,#15243a 48%,#3a122b); color:#fff; }
.podcast-archive-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:3rem; align-items:center; }
.podcast-archive-hero h1 { margin:.6rem 0 1rem; font-size:clamp(3.3rem,8vw,7.5rem); line-height:.92; }
.podcast-archive-hero p { max-width:65ch; color:#bdc6d3; font-size:clamp(1rem,1.4vw,1.18rem); }
.podcast-archive-hero__orb { position:absolute; z-index:-1; border-radius:50%; opacity:.32; filter:blur(48px); animation:audio-bubble 12s ease-in-out infinite alternate; }
.podcast-archive-hero__orb--one { width:320px; aspect-ratio:1; inset:-180px auto auto 8%; background:#e70507; }
.podcast-archive-hero__orb--two { width:260px; aspect-ratio:1; inset:auto 14% -160px auto; background:#7257ff; animation-delay:-5s; }
.podcast-archive-hero__signal { display:grid; justify-items:center; gap:.35rem; padding:1.5rem; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:rgba(255,255,255,.065); backdrop-filter:blur(18px); }
.podcast-archive-hero__signal > span { display:flex; height:54px; align-items:center; gap:5px; }
.podcast-archive-hero__signal i { display:block; width:6px; height:24%; border-radius:99px; background:#ff3033; animation:podcast-signal .8s ease-in-out infinite alternate; }
.podcast-archive-hero__signal i:nth-child(2),.podcast-archive-hero__signal i:nth-child(4) { height:65%; animation-delay:-.3s; }
.podcast-archive-hero__signal i:nth-child(3) { height:100%; animation-delay:-.55s; }
.podcast-archive-hero__signal strong { font-size:2.3rem; line-height:1; }
.podcast-archive-hero__signal small { color:#b9c2cf; }
@keyframes podcast-signal { to { transform:scaleY(.45); opacity:.65; } }
.podcast-library { background:radial-gradient(circle at 90% 0,rgba(231,5,7,.08),transparent 28%),var(--color-canvas); }
.podcast-archive-grid { grid-auto-columns:clamp(270px,30vw,380px); }
.podcast-card { border:1px solid color-mix(in srgb,var(--color-line) 82%,transparent); background:linear-gradient(180deg,var(--color-surface-raised),var(--color-canvas)); }
.podcast-card::before { content:""; position:absolute; z-index:2; inset:0 0 auto; height:3px; background:linear-gradient(90deg,#e70507,#ff4f91,#675cff); transform:scaleX(0); transform-origin:inline-start; transition:transform .3s ease; }
.podcast-card:hover::before { transform:scaleX(1); }
.podcast-card__body { min-height:220px; }

.global-audio-dock { border-block-start:1px solid rgba(255,255,255,.16); box-shadow:0 -20px 55px rgba(0,0,0,.32); }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { display:grid!important; width:44px!important; height:44px!important; place-items:center; border:1px solid rgba(255,255,255,.12)!important; }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) span { font-size:1.55rem!important; }
.global-audio-dock__buttons > button:not(.global-audio-dock__toggle) small { inset-block-start:14px!important; font-size:.58rem!important; }
.global-audio-dock__toggle { width:52px; height:52px; }

.magazine-archive-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 12% 0,rgba(231,5,7,.24),transparent 30%),linear-gradient(125deg,#11151c,#242936); color:#fff; }
.magazine-archive-grid { align-items:start; }
.magazine-card { position:relative; padding:.75rem; border:1px solid var(--color-line); border-radius:22px; background:var(--color-surface-raised); box-shadow:var(--shadow-soft); transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease; }
.magazine-card:hover { transform:translateY(-8px) rotate(.35deg); border-color:color-mix(in srgb,var(--color-brand) 28%,var(--color-line)); box-shadow:var(--shadow-raised); }
.magazine-card__cover { border-radius:14px; }
.magazine-card__body { padding:1rem .25rem .35rem; }
.magazine-card__contributors { display:flex; min-width:0; align-items:center; margin-block:.7rem; }
.magazine-card__contributors img { width:28px; height:28px; margin-inline-end:-7px; border:2px solid var(--color-surface-raised); border-radius:50%; object-fit:cover; }
.magazine-card__contributors span { overflow:hidden; margin-inline-start:.8rem; color:var(--color-muted); font-size:.68rem; text-overflow:ellipsis; white-space:nowrap; }
.magazine-card__actions { display:flex; flex-wrap:wrap; gap:.55rem; margin-block-start:.8rem; }
.magazine-card__actions .button { min-height:38px; padding:.48rem .72rem; font-size:.7rem; }
.reader-only-book,.reader-only-book > .al3ab-flipbook,.reader-only-book > .real3dflipbook,.reader-only-book > [class^="real3dflipbook-"] { width:100%!important; height:calc(100vh - 72px)!important; min-height:calc(100vh - 72px)!important; }
.reader-only-book [data-name="btnDownloadPdf"],.reader-only-book .btnDownloadPdf,.reader-only-book .flipbook-menu-btn.btnDownloadPdf { display:none!important; }

.deals-section .deal-grid { perspective:1200px; }
.deals-section .deal-card { transform:rotate(var(--deal-tilt,0deg)); transition:transform .3s ease,box-shadow .3s ease; }
.deals-section .deal-card:nth-child(4n+1) { --deal-tilt:-1.5deg; }
.deals-section .deal-card:nth-child(4n+2) { --deal-tilt:.9deg; }
.deals-section .deal-card:nth-child(4n+3) { --deal-tilt:-.55deg; }
.deals-section .deal-card:hover { transform:translateY(-10px) rotate(0deg) scale(1.015); box-shadow:0 24px 55px rgba(0,0,0,.18); }
.review-grid { perspective:1200px; }
.review-grid .review-card { position:relative; overflow:hidden; border:1px solid var(--color-line); border-radius:20px; background:var(--color-surface-raised); box-shadow:var(--shadow-soft); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.review-grid .review-card:nth-child(even) { transform:translateY(12px); }
.review-grid .review-card:hover { z-index:2; transform:translateY(-8px) scale(1.015); border-color:color-mix(in srgb,var(--color-brand) 32%,var(--color-line)); box-shadow:var(--shadow-raised); }
.review-grid .review-card__body { padding:1.1rem; }

.review-pros-cons li { display:flex!important; align-items:center!important; gap:.65rem; padding-inline-start:0!important; line-height:1.65; }
.review-pros-cons li::before { position:static!important; display:grid!important; width:1.35rem!important; height:1.35rem!important; flex:0 0 1.35rem; place-items:center; margin:0!important; transform:none!important; line-height:1!important; }
.community-rating--hearts [data-rating-icon] span { font-family:Arial,sans-serif; font-size:clamp(1.55rem,3.8vw,2.45rem); -webkit-text-stroke:1px color-mix(in srgb,#61228d 72%,#000); text-shadow:2px 2px 0 rgba(83,24,124,.34); }
.community-rating--hearts [data-rating-icon]:hover span,.community-rating--hearts [data-rating-icon].is-selected span { filter:drop-shadow(0 0 8px rgba(255,41,123,.42)); }
.community-rating--hearts .retro-rating-icons { gap:clamp(.08rem,.55vw,.35rem)!important; }

@media (max-width:1180px) {
  .recommended-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .archive-grid--author { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .recommended-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .podcast-archive-hero__grid { grid-template-columns:1fr; }
  .podcast-archive-hero__signal { width:180px; justify-self:start; }
  .archive-grid--author { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .latest-section .editorial-sidebar > .sidebar-panel:last-child { margin-block-start:1rem; }
}
@media (max-width:760px) {
  .utility-bar { font-size:.72rem; }
  .trending-strip { margin-block-start:.55rem; }
  .trending-strip__inner { min-height:0; }
  .campaign-banner--image img { object-position:var(--campaign-focal-x-mobile,50%) var(--campaign-focal-y-mobile,50%)!important; }
  .author-hero { min-height:620px; }
  .author-hero__content h1 { font-size:clamp(2.35rem,12vw,4rem); }
  .author-hero__bio { text-align:center; }
  .author-socials { justify-content:center; }
  .global-audio-dock__inner { min-height:136px; }
  .global-audio-dock__episode { padding-inline-end:178px; }
  .global-audio-dock__buttons { inset-block-start:10px; }
  .global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { width:44px!important; height:44px!important; }
  .global-audio-dock__toggle { width:44px; height:44px; }
  .reader-only-book,.reader-only-book > .al3ab-flipbook,.reader-only-book > .real3dflipbook,.reader-only-book > [class^="real3dflipbook-"] { height:calc(100vh - 64px)!important; min-height:calc(100vh - 64px)!important; }
}
@media (max-width:560px) {
  .recommended-grid,.archive-grid--author { grid-template-columns:1fr; }
  .recommended-grid .story-card { display:grid; grid-template-columns:118px minmax(0,1fr); gap:.8rem; }
  .recommended-grid .story-card__media { min-height:112px; }
  #wpdcom { padding:.75rem!important; border-radius:18px; }
  .global-audio-dock__episode { padding-inline-end:156px; }
  .global-audio-dock__buttons { gap:.1rem; }
  .global-audio-dock__buttons > button:not(.global-audio-dock__toggle) { width:44px!important; height:44px!important; }
}

/* Podcast archive: a true editorial list grid, never a horizontal rail. */
.podcast-library .podcast-archive-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-columns:auto;
  gap:clamp(1rem,2vw,1.5rem);
  margin:0;
  padding:.25rem 0;
  overflow:visible;
  scroll-snap-type:none;
  scrollbar-width:none;
}
.podcast-library .podcast-archive-grid::after { display:none; content:none; }

/* Calm, legible 15-second controls with a single circular-arrow glyph. */
.global-audio-dock__skip svg { width:32px; height:32px; overflow:visible; }
.global-audio-dock__skip svg path { fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.global-audio-dock__skip svg text { fill:currentColor; stroke:none; font:800 8px/1 system-ui,sans-serif; text-anchor:middle; }
.global-audio-dock__skip { color:rgba(255,255,255,.82); transition:transform .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease; }
.global-audio-dock__skip:hover { color:#fff; background:rgba(231,5,7,.2)!important; border-color:rgba(255,80,82,.45)!important; transform:translateY(-1px) scale(1.045); }
.global-audio-dock__skip:active { transform:scale(.96); }

@media (max-width:900px) {
  .podcast-library .podcast-archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .podcast-library .podcast-archive-grid { grid-template-columns:1fr; }
}

/* Free-games archive: restrained playing-card composition. */
.deals-archive-hero { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(circle at 12% 10%,rgba(231,5,7,.18),transparent 30%),radial-gradient(circle at 88% 15%,rgba(90,75,255,.12),transparent 26%),var(--color-canvas); }
.deals-archive-hero::after { content:""; position:absolute; z-index:-1; width:360px; aspect-ratio:1; inset:auto -120px -250px auto; border:1px solid color-mix(in srgb,var(--color-brand) 20%,transparent); border-radius:50%; box-shadow:0 0 0 38px color-mix(in srgb,var(--color-brand) 3%,transparent),0 0 0 76px color-mix(in srgb,var(--color-brand) 2%,transparent); }
.post-type-archive-al3ab_deal .deal-grid { perspective:1200px; align-items:stretch; }
.post-type-archive-al3ab_deal .deal-card { --deal-tilt:0deg; transform:rotate(var(--deal-tilt)); transform-origin:50% 100%; animation:deal-card-float 7s ease-in-out infinite alternate; }
.post-type-archive-al3ab_deal .deal-card:nth-child(4n+1) { --deal-tilt:-1.25deg; animation-delay:-1.4s; }
.post-type-archive-al3ab_deal .deal-card:nth-child(4n+2) { --deal-tilt:.75deg; animation-delay:-3.1s; }
.post-type-archive-al3ab_deal .deal-card:nth-child(4n+3) { --deal-tilt:-.4deg; animation-delay:-4.8s; }
.post-type-archive-al3ab_deal .deal-card:nth-child(4n) { --deal-tilt:1deg; animation-delay:-2.2s; }
.post-type-archive-al3ab_deal .deal-card:hover { z-index:2; animation-play-state:paused; transform:translateY(-10px) rotate(0) scale(1.015); }
.post-type-archive-al3ab_deal .deal-card__media::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(145deg,transparent 48%,rgba(231,5,7,.15)); mix-blend-mode:screen; }
@keyframes deal-card-float { from { transform:translateY(0) rotate(var(--deal-tilt)); } to { transform:translateY(-5px) rotate(var(--deal-tilt)); } }

@media (prefers-reduced-motion:reduce) {
  .podcast-archive-hero__orb,.podcast-archive-hero__signal i,.post-type-archive-al3ab_deal .deal-card { animation:none!important; }
}

/* Platform 2.8.1 — open discussion layout, inspired by gaming-community threads. */
.comments-section {
  padding-block:clamp(2rem,5vw,4rem);
  border:0;
  border-block-start:1px solid var(--color-line);
  background:var(--color-canvas);
}
.comments-section .comments-wrap {
  width:min(calc(100% - 2rem),1180px);
  max-width:1180px;
}
.comments-section__header {
  display:flex;
  max-width:none;
  align-items:end;
  justify-content:space-between;
  gap:1.25rem;
  margin:0 0 1.35rem;
  padding-block-end:1rem;
  border-block-end:1px solid var(--color-line);
  text-align:start;
}
.comments-section__header .eyebrow {
  margin:0;
  color:var(--color-brand);
}
.comments-section__header h2 {
  margin:.2rem 0 0;
  font-size:clamp(1.35rem,2.6vw,2.1rem);
}
.comments-section__header p {
  max-width:42ch;
  margin:0;
  color:var(--color-muted);
  font-size:.85rem;
  line-height:1.7;
}
.comments-empty {
  max-width:none;
  justify-items:start;
  margin:0 0 1rem;
  padding:1rem 0;
  border:0;
  border-block-end:1px solid var(--color-line);
  border-radius:0;
  background:transparent;
}
.comments-area {
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.comments-title {
  margin-block:0 1rem;
  padding-block-end:.85rem;
  border-block-end:1px solid var(--color-line);
}
.comment-list .comment {
  border-block-end:1px solid var(--color-line);
}
.comment-form input:not([type="submit"]),
.comment-form textarea {
  border:0;
  border-block-end:1px solid var(--color-line);
  border-radius:0;
  background:transparent;
  transition:border-color .18s ease,background-color .18s ease;
}
.comment-form input:not([type="submit"]):focus,
.comment-form textarea:focus {
  outline:0;
  border-color:var(--color-brand);
  background:color-mix(in srgb,var(--color-brand) 4%,transparent);
}

#wpdcom {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--color-ink)!important;
}
#wpdcom *,
#wpdcom *::before,
#wpdcom *::after {
  box-shadow:none!important;
}
#wpdcom .wpd-form-wrap,
#wpdcom .wpd-comment-wrap,
#wpdcom .wpd-comment,
#wpdcom .wpd-comment-right,
#wpdcom .wpd-comment-left,
#wpdcom .wpd-form,
#wpdcom .wpd-form-row,
#wpdcom .wpd-form-col-left,
#wpdcom .wpd-form-col-right,
#wpdcom .wpd-secondary-forms-social-content {
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#wpdcom .wpd-thread-head {
  margin:0 0 1.1rem!important;
  padding:.85rem 0!important;
  border:0!important;
  border-block:1px solid var(--color-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
#wpdcom .wpd-thread-info,
#wpdcom .wpd-thread-filter,
#wpdcom .wpd-filter,
#wpdcom .wpd-filter.wpd-active {
  background:transparent!important;
  border:0!important;
}
#wpdcom .wpd-thread-filter .wpd-filter {
  padding:.25rem .55rem!important;
  color:var(--color-muted)!important;
  font-weight:850!important;
}
#wpdcom .wpd-thread-filter .wpd-filter.wpd-active {
  color:var(--color-brand)!important;
}
#wpdcom .wpd-form-wrap {
  margin:0 0 1.25rem!important;
  padding:0 0 1.25rem!important;
  border-block-end:1px solid var(--color-line)!important;
}
#wpdcom .wpd-form-head,
#wpdcom .wpd-auth,
#wpdcom .wpd-social-login {
  border:0!important;
  background:transparent!important;
}
#wpdcom .wpd-avatar img,
#wpdcom .avatar {
  border-radius:50%!important;
  object-fit:cover;
}
#wpdcom textarea,
#wpdcom input[type="text"],
#wpdcom input[type="email"],
#wpdcom input[type="url"],
#wpdcom input[type="password"] {
  min-height:42px;
  padding:.8rem .2rem!important;
  border:0!important;
  border-block-end:1px solid var(--color-line)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--color-ink)!important;
  outline:0!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
#wpdcom textarea {
  min-height:96px!important;
  resize:vertical;
}
#wpdcom textarea:focus,
#wpdcom input[type="text"]:focus,
#wpdcom input[type="email"]:focus,
#wpdcom input[type="url"]:focus,
#wpdcom input[type="password"]:focus {
  border-color:var(--color-brand)!important;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-brand) 4%,transparent))!important;
}
#wpdcom .wpd-primary-bg-color,
#wpdcom input[type="submit"],
#wpdcom .wpd-form-col-right .wpd-form-submit {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:.58rem 1rem!important;
  border:0!important;
  border-radius:10px!important;
  background:var(--color-brand)!important;
  color:#fff!important;
  font-weight:900!important;
  transition:transform .18s ease,filter .18s ease!important;
}
#wpdcom input[type="submit"]:hover,
#wpdcom .wpd-form-col-right .wpd-form-submit:hover {
  transform:translateY(-1px);
  filter:brightness(1.08);
}
#wpdcom .wpd-comment-wrap {
  margin:0!important;
  padding:1.1rem 0!important;
  border:0!important;
  border-block-end:1px solid color-mix(in srgb,var(--color-line) 78%,transparent)!important;
  border-radius:0!important;
}
#wpdcom .wpd-comment-header,
#wpdcom .wpd-comment-author,
#wpdcom .wpd-comment-date,
#wpdcom .wpd-comment-footer,
#wpdcom .wpd-reply-to {
  background:transparent!important;
  border:0!important;
}
#wpdcom .wpd-comment-author {
  color:var(--color-ink)!important;
  font-weight:900!important;
}
#wpdcom .wpd-comment-date,
#wpdcom .wpd-comment-footer,
#wpdcom .wpd-comment-footer a,
#wpdcom .wpd-reply-to,
#wpdcom .wpd-secondary-color {
  color:var(--color-muted)!important;
}
#wpdcom .wpd-comment-footer a:hover,
#wpdcom .wpd-reply-button:hover,
#wpdcom .wpd-vote-up:hover,
#wpdcom .wpd-vote-down:hover {
  color:var(--color-brand)!important;
}
#wpdcom .wpd-comment-text {
  color:var(--color-ink)!important;
  font-size:.98rem!important;
  line-height:1.9!important;
}
#wpdcom .wpd-comment-text p {
  margin-block:.35rem .65rem!important;
}
#wpdcom .wpd-comment .children,
#wpdcom .wpd-comment-list .children {
  margin-block-start:.35rem!important;
  margin-inline-start:clamp(1rem,3vw,2.2rem)!important;
  padding-inline-start:clamp(.9rem,2vw,1.25rem)!important;
  border-inline-start:1px solid var(--color-line)!important;
}
[dir="rtl"] #wpdcom .wpd-comment .children,
[dir="rtl"] #wpdcom .wpd-comment-list .children {
  margin-inline-start:0!important;
  margin-inline-end:clamp(1rem,3vw,2.2rem)!important;
  padding-inline-start:0!important;
  padding-inline-end:clamp(.9rem,2vw,1.25rem)!important;
  border-inline-start:0!important;
  border-inline-end:1px solid var(--color-line)!important;
}
#wpdcom .wpd-vote,
#wpdcom .wpd-vote-up,
#wpdcom .wpd-vote-down,
#wpdcom .wpd-vote-result {
  border:0!important;
  background:transparent!important;
}
#wpdcom .wpd-vote-result {
  min-width:1.8rem;
  color:var(--color-muted)!important;
  font-weight:850!important;
}
#wpdcom .wpd-load-more-submit,
#wpdcom .wpd-prim-button {
  border:0!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--color-brand) 92%,#111)!important;
  color:#fff!important;
}

@media (max-width:760px) {
  .comments-section__header {
    display:block;
  }
  .comments-section__header p {
    margin-block-start:.65rem;
  }
  #wpdcom .wpd-thread-head {
    display:block!important;
  }
  #wpdcom .wpd-comment-wrap {
    padding-block:.95rem!important;
  }
  #wpdcom .wpd-comment .children,
  #wpdcom .wpd-comment-list .children {
    margin-inline-start:.75rem!important;
    padding-inline-start:.75rem!important;
  }
  [dir="rtl"] #wpdcom .wpd-comment .children,
  [dir="rtl"] #wpdcom .wpd-comment-list .children {
    margin-inline-start:0!important;
    margin-inline-end:.75rem!important;
    padding-inline-start:0!important;
    padding-inline-end:.75rem!important;
  }
}

/* Platform 2.8.3 — polished comment actions, account state, and inline vote feedback. */
#wpdcom .wpd-form-head {
  align-items:center!important;
}
#wpdcom .wpd-login {
  display:flex!important;
  flex-wrap:wrap;
  align-items:center!important;
  gap:.35rem .5rem!important;
  color:var(--color-muted)!important;
  font-size:.86rem!important;
}
#wpdcom .wpd-login a {
  justify-content:center!important;
  min-height:34px!important;
  padding:.34rem .78rem!important;
  border:1px solid color-mix(in srgb,var(--color-brand) 22%,var(--color-line))!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--color-brand) 6%,var(--color-surface))!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
#wpdcom .wpd-login a:hover {
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--color-brand) 52%,var(--color-line))!important;
  background:var(--color-brand-soft)!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--color-brand) 13%,transparent);
}
#wpdcom input.wc_comm_submit,
#wpdcom input[id^="wpd-field-submit"],
#wpdcom .wpd-form-col-right .wpd-form-submit {
  min-height:44px!important;
  padding:.68rem 1.2rem!important;
  border:1px solid color-mix(in srgb,var(--color-brand) 76%,#8b0000)!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f2171a 0%,var(--color-brand) 55%,#b90002 100%)!important;
  color:#fff!important;
  font-weight:900!important;
  letter-spacing:.01em;
  box-shadow:0 9px 22px color-mix(in srgb,var(--color-brand) 25%,transparent)!important;
  cursor:pointer!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
#wpdcom input.wc_comm_submit:hover,
#wpdcom input[id^="wpd-field-submit"]:hover,
#wpdcom .wpd-form-col-right .wpd-form-submit:hover {
  transform:translateY(-2px)!important;
  filter:saturate(1.08) brightness(1.03);
  box-shadow:0 12px 28px color-mix(in srgb,var(--color-brand) 32%,transparent)!important;
}
#wpdcom input.wc_comm_submit:active,
#wpdcom input[id^="wpd-field-submit"]:active,
#wpdcom .wpd-form-col-right .wpd-form-submit:active {
  transform:translateY(0) scale(.985)!important;
}
#wpdcom .wpd-vote-up,
#wpdcom .wpd-vote-down {
  border:1px solid color-mix(in srgb,var(--color-muted) 18%,var(--color-line))!important;
  background:color-mix(in srgb,var(--color-muted) 4%,transparent)!important;
  box-shadow:0 3px 10px color-mix(in srgb,var(--color-ink) 6%,transparent);
}
#wpdcom .wpd-vote-up:hover,
#wpdcom .wpd-vote-down:hover {
  border-color:color-mix(in srgb,var(--color-brand) 35%,var(--color-line))!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--color-brand) 12%,transparent);
}
#wpdcom .wpd-reply-button {
  border:1px solid color-mix(in srgb,var(--color-muted) 17%,var(--color-line))!important;
  background:color-mix(in srgb,var(--color-muted) 4%,transparent)!important;
  font-weight:800!important;
}
#wpdcom .wpd-reply-button:hover {
  border-color:color-mix(in srgb,var(--color-brand) 35%,var(--color-line))!important;
}
#wpdiscuz-comment-message.al3ab-inline-comment-message {
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  order:20;
  flex:1 0 100%;
  width:auto!important;
  max-width:min(100%,660px)!important;
  min-height:0!important;
  margin:.45rem 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
#wpdiscuz-comment-message.al3ab-inline-comment-message > * {
  display:none!important;
}
#wpdiscuz-comment-message.al3ab-inline-comment-message > *:last-child {
  display:flex!important;
  align-items:center;
  width:fit-content;
  max-width:100%;
  min-height:36px;
  margin:0!important;
  padding:.48rem .78rem!important;
  border:1px solid color-mix(in srgb,var(--color-brand) 22%,var(--color-line))!important;
  border-radius:11px!important;
  background:color-mix(in srgb,var(--color-brand) 7%,var(--color-surface))!important;
  color:color-mix(in srgb,var(--color-brand) 82%,var(--color-ink))!important;
  font-size:.8rem!important;
  font-weight:800!important;
  line-height:1.45!important;
  box-shadow:none!important;
  animation:al3abCommentNoticeIn .22s ease both;
}
@keyframes al3abCommentNoticeIn {
  from { opacity:0; transform:translateY(-4px); }
  to { opacity:1; transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce) {
  #wpdiscuz-comment-message.al3ab-inline-comment-message > *:last-child {
    animation:none;
  }
}

/* Platform 2.8.2 — clearer wpDiscuz/Disqus-style threading and reliable controls. */
#wpdcom .wpd-sbs-toggle,
#wpdcom .wpdiscuz-subscribe-bar,
#wpdcom #wpdiscuz-subscribe-form,
#wpdcom .wc_notification_new_comment-wrapper,
#wpdcom [class*="wc_notification_new_comment"],
#wpdcom label[for*="notification_new_comment"] {
  display:none!important;
  visibility:hidden!important;
}
#wpdcom .wpd-form-head {
  justify-content:flex-end!important;
  min-height:0!important;
  margin-block-end:.45rem!important;
}
#wpdcom .wpd-login a {
  display:inline-flex!important;
  align-items:center;
  min-height:32px;
  color:var(--color-brand)!important;
  font-weight:850!important;
}
#wpdcom .wpd-comment.wpd_comment_level-1 {
  position:relative;
  margin-block:0!important;
  padding-block:1rem!important;
}
#wpdcom .wpd-comment.wpd_comment_level-1 + .wpd-comment.wpd_comment_level-1 {
  border-block-start:1px solid var(--color-line)!important;
}
#wpdcom .wpd-comment.wpd-reply,
#wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1) {
  position:relative;
  margin-block:.35rem 1rem!important;
  margin-inline-start:clamp(2.2rem,6vw,4.4rem)!important;
  padding-inline-start:clamp(1.05rem,2.4vw,1.55rem)!important;
  border-block-start:0!important;
}
[dir="rtl"] #wpdcom .wpd-comment.wpd-reply,
[dir="rtl"] #wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1) {
  margin-inline-start:0!important;
  margin-inline-end:clamp(2.2rem,6vw,4.4rem)!important;
  padding-inline-start:0!important;
  padding-inline-end:clamp(1.05rem,2.4vw,1.55rem)!important;
}
#wpdcom .wpd-comment.wpd-reply::before,
#wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1)::before {
  content:"";
  position:absolute;
  inset-block:.85rem 1.15rem;
  inset-inline-start:0;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--color-brand),color-mix(in srgb,var(--color-brand) 12%,transparent));
}
[dir="rtl"] #wpdcom .wpd-comment.wpd-reply::before,
[dir="rtl"] #wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1)::before {
  inset-inline-start:auto;
  inset-inline-end:0;
}
#wpdcom .wpd-comment.wpd-reply::after,
#wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1)::after {
  content:"Reply";
  position:absolute;
  inset-block-start:.2rem;
  inset-inline-start:1rem;
  padding:.08rem .45rem;
  border-radius:999px;
  background:color-mix(in srgb,var(--color-brand) 9%,transparent);
  color:var(--color-brand);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
[dir="rtl"] #wpdcom .wpd-comment.wpd-reply::after,
[dir="rtl"] #wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1)::after {
  content:"رد";
  inset-inline-start:auto;
  inset-inline-end:1rem;
  letter-spacing:0;
}
#wpdcom .wpd-comment.wpd-reply > .wpd-comment-wrap,
#wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1) > .wpd-comment-wrap {
  padding-block:1.35rem 1rem!important;
  padding-inline:.75rem!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--color-brand) 5%,transparent),transparent 58%)!important;
}
[dir="rtl"] #wpdcom .wpd-comment.wpd-reply > .wpd-comment-wrap,
[dir="rtl"] #wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1) > .wpd-comment-wrap {
  background:linear-gradient(270deg,color-mix(in srgb,var(--color-brand) 5%,transparent),transparent 58%)!important;
}
#wpdcom .wpd-comment-footer {
  display:flex!important;
  flex-wrap:wrap;
  align-items:center!important;
  gap:.55rem!important;
  min-height:40px;
  position:relative;
  z-index:2;
}
#wpdcom .wpd-vote {
  display:inline-flex!important;
  align-items:center!important;
  gap:.25rem!important;
  min-height:36px!important;
}
#wpdcom .wpd-vote-up,
#wpdcom .wpd-vote-down {
  display:inline-grid!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  place-items:center!important;
  border-radius:50%!important;
  color:var(--color-muted)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:3!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
#wpdcom .wpd-vote-up:hover,
#wpdcom .wpd-vote-down:hover {
  background:var(--color-brand-soft)!important;
  color:var(--color-brand)!important;
  transform:translateY(-1px);
}
#wpdcom .wpd-reply-button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:54px!important;
  min-height:34px!important;
  padding:.35rem .72rem!important;
  border-radius:999px!important;
  color:var(--color-muted)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:3!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
#wpdcom .wpd-reply-button:hover {
  background:var(--color-brand-soft)!important;
  color:var(--color-brand)!important;
  transform:translateY(-1px);
}
#wpdcom .wpd-reply-button svg,
#wpdcom .wpd-vote svg,
#wpdcom .wpd-vote-up svg,
#wpdcom .wpd-vote-down svg {
  pointer-events:none!important;
}
#wpdcom .wpd-comment-label {
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:.12rem .55rem!important;
  border-radius:999px!important;
  background:color-mix(in srgb,#00a986 12%,transparent)!important;
  color:#008a70!important;
  font-size:.72rem!important;
  font-weight:900!important;
}
#wpdcom .wpd-reply-to {
  display:flex!important;
  flex-wrap:wrap;
  align-items:center!important;
  gap:.35rem!important;
  color:var(--color-muted)!important;
  font-size:.78rem!important;
}
#wpdcom .wpd-reply-to a {
  color:var(--color-brand)!important;
  font-weight:850!important;
}
#wpdcom .wpd-form .ql-toolbar button {
  min-width:30px!important;
  min-height:28px!important;
  border-radius:7px!important;
  pointer-events:auto!important;
}
#wpdcom .wpd-form .ql-toolbar button:hover {
  background:var(--color-brand-soft)!important;
}

@media (max-width:760px) {
  #wpdcom .wpd-comment.wpd-reply,
  #wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1) {
    margin-inline-start:1.15rem!important;
    padding-inline-start:.85rem!important;
  }
  [dir="rtl"] #wpdcom .wpd-comment.wpd-reply,
  [dir="rtl"] #wpdcom .wpd-comment[class*="wpd_comment_level-"]:not(.wpd_comment_level-1) {
    margin-inline-start:0!important;
    margin-inline-end:1.15rem!important;
    padding-inline-start:0!important;
    padding-inline-end:.85rem!important;
  }
}

/* Platform 2.9 — explicit reviews, pixel hearts, breaking news, and campaign crop polish */
.community-rating--hearts .retro-rating-icons { display:flex!important; width:min(100%,620px); max-width:none; justify-content:center; gap:clamp(.2rem,.75vw,.55rem)!important; }
.community-rating--hearts [data-rating-icon] { flex:0 1 56px; width:clamp(38px,5vw,56px); aspect-ratio:72/58; border-radius:12px; }
.community-rating--hearts [data-rating-icon] > span.pixel-heart { position:relative; display:block; width:100%; height:100%; background:none!important; color:inherit!important; font-size:0!important; -webkit-text-stroke:0!important; text-shadow:none!important; filter:none; transform:none; }
.pixel-heart__base,.pixel-heart__fill { position:absolute; inset:0; display:block; background-position:left center; background-repeat:no-repeat; background-size:auto 100%; }
.community-rating--hearts .pixel-heart__base { border:0; border-radius:0; background:transparent url('../images/pixel-heart-empty.svg') left center/auto 100% no-repeat!important; color:transparent; }
.community-rating--hearts .pixel-heart__fill { width:var(--icon-fill,0%); overflow:hidden; border:0; border-radius:0; background:transparent url('../images/pixel-heart-full.svg') left center/auto 100% no-repeat!important; color:transparent; filter:drop-shadow(0 4px 7px rgba(222,0,121,.22)); transition:width .2s ease,filter .2s ease; }
[dir="rtl"] .community-rating--hearts .pixel-heart__base,[dir="rtl"] .community-rating--hearts .pixel-heart__fill { right:0; left:auto; background-position:right center!important; }
.community-rating--hearts [data-rating-icon]:hover .pixel-heart,.community-rating--hearts [data-rating-icon].is-selected .pixel-heart { animation:al3ab-heart-pop .34s cubic-bezier(.2,.85,.25,1.35); }
.community-rating--hearts [data-rating-icon]:hover .pixel-heart__fill,.community-rating--hearts [data-rating-icon].is-selected .pixel-heart__fill { filter:drop-shadow(0 5px 10px rgba(255,26,158,.38)); }
@keyframes al3ab-heart-pop { 0%,100%{transform:scale(1)} 48%{transform:translateY(-3px) scale(1.12)} }

.story-card--lead.story-card--is-breaking { position:relative; overflow:hidden; padding:7px; border:1px solid rgba(255,43,45,.58); border-radius:18px 5px 18px 5px; background:#11141a; box-shadow:0 18px 48px rgba(103,0,2,.25),0 0 22px rgba(231,5,7,.12); }
.story-card--lead.story-card--is-breaking::after { position:absolute; inset:0; z-index:3; pointer-events:none; border:1px solid transparent; border-radius:inherit; content:""; animation:breaking-frame 2.2s ease-in-out infinite; }
.story-card--lead.story-card--is-breaking .story-card__media { border-radius:12px 2px 12px 2px; }
.story-card--lead.story-card--is-breaking .story-card__body { padding:1.15rem .65rem .65rem; color:#fff; }
.story-card__breaking-badge { position:absolute; top:clamp(.8rem,2vw,1.3rem); inset-inline-start:clamp(.8rem,2vw,1.3rem); z-index:4; display:inline-flex; align-items:center; gap:.48rem; overflow:hidden; padding:.48rem .78rem; border:1px solid rgba(255,255,255,.34); border-radius:999px; background:linear-gradient(110deg,#810002,#e70507 62%,#ff3b26); box-shadow:0 8px 25px rgba(231,5,7,.34),0 0 18px rgba(231,5,7,.22); color:#fff; font-size:.68rem; font-weight:950; letter-spacing:.08em; }
.story-card__breaking-badge::after { position:absolute; inset:-2px; z-index:-1; border-radius:inherit; background:conic-gradient(from var(--breaking-angle,0deg),transparent 0 68%,rgba(255,255,255,.92) 76%,transparent 84%); content:""; animation:breaking-orbit 2.15s linear infinite; }
.story-card__breaking-badge i { width:7px; height:7px; border-radius:50%; background:#fff; box-shadow:0 0 0 0 rgba(255,255,255,.65); animation:breaking-dot 1.3s ease-out infinite; }
.story-card--lead.story-card--is-breaking .category-chip { color:#ff5a5c; }
.story-card--lead.story-card--is-breaking .story-card__excerpt,.story-card--lead.story-card--is-breaking .post-meta { color:rgba(255,255,255,.7); }
.story-card--lead.story-card--is-breaking .story-card__title a:hover { color:#fff; text-shadow:0 0 16px rgba(231,5,7,.62); }
@keyframes breaking-dot { 70%{box-shadow:0 0 0 8px rgba(255,255,255,0)} 100%{box-shadow:0 0 0 0 rgba(255,255,255,0)} }
@keyframes breaking-frame { 0%,100%{border-color:rgba(231,5,7,.2)} 50%{border-color:rgba(255,72,74,.72)} }
@keyframes breaking-orbit { to{transform:rotate(360deg)} }

.campaign-banner--image { width:100%; height:var(--campaign-height,140px)!important; min-height:0!important; background:#0e1116; }
.campaign-banner--image > a,.campaign-banner--image > img { width:100%; height:100%; }
.campaign-banner--image img { display:block!important; width:100%!important; height:100%!important; max-width:none!important; object-fit:var(--campaign-fit,cover)!important; object-position:var(--campaign-focal-x,50%) var(--campaign-focal-y,50%)!important; }
@media (max-width:760px) {
  .community-rating--hearts .retro-rating-icons { gap:.06rem!important; }
  .community-rating--hearts [data-rating-icon] { width:clamp(28px,8.4vw,42px); border-radius:8px; }
  .campaign-banner--image { height:var(--campaign-height-mobile,100px)!important; }
}
@media (prefers-reduced-motion:reduce) { .story-card--lead.story-card--is-breaking::after,.story-card__breaking-badge::after,.story-card__breaking-badge i,.community-rating--hearts [data-rating-icon] .pixel-heart { animation:none!important; } }

/* Platform 2.9.1 — original hero geometry, continuous headlines, and comfortable reading. */
.utility-bar__lead,.utility-trending { min-width:0; max-width:100%; overflow:hidden; }
.utility-bar__lead { flex:1; }
.utility-trending__items { position:relative; width:0; height:1.65em; flex-basis:0; overflow:clip; mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent); }
.utility-trending__track { display:flex; width:max-content; align-items:center; will-change:transform; animation:utility-news-ticker 34s linear infinite; }
.utility-trending__set { display:flex; flex:0 0 auto; align-items:center; gap:1rem; padding-inline-end:1rem; }
.utility-trending__items .utility-trending__set a { position:static; inset:auto; display:block; max-width:32rem; overflow:hidden; color:inherit; text-overflow:ellipsis; white-space:nowrap; opacity:1; transform:none; }
.utility-trending__set i { width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:#ff4143; box-shadow:0 0 0 4px rgba(231,5,7,.12); }
.utility-trending:hover .utility-trending__track,.utility-trending:focus-within .utility-trending__track { animation-play-state:paused; }
@keyframes utility-news-ticker { to{transform:translateX(-50%)} }
[dir="rtl"] .utility-trending__track { animation-name:utility-news-ticker-rtl; }
@keyframes utility-news-ticker-rtl { to{transform:translateX(50%)} }

.article-layout { grid-template-columns:60px minmax(0,820px) minmax(250px,1fr); gap:clamp(1.5rem,3vw,3rem); }
.article-content { font-size:clamp(1rem,.96rem + .16vw,1.08rem); }
.article-content > p,.entry-content > p { line-height:1.95; }

.community-rating { max-height:760px; transform-origin:center top; transition:opacity .34s ease,transform .34s ease,max-height .52s ease,margin .52s ease,padding .52s ease,border-width .52s ease; }
.community-rating.is-rating-saved { animation:rating-box-success .48s cubic-bezier(.2,.85,.25,1.2); }
.community-rating.is-rating-collapsing { max-height:0; margin-block:0; padding-block:0; overflow:hidden; border-width:0; opacity:0; transform:translateY(-10px) scale(.985); }
@keyframes rating-box-success { 50%{transform:scale(1.018);box-shadow:0 0 0 5px rgba(22,132,91,.11),var(--shadow-soft)} }

@media (max-width:1080px) { .article-layout { grid-template-columns:52px minmax(0,1fr) 280px; gap:1.5rem; } }
@media (max-width:820px) { .article-layout { grid-template-columns:44px minmax(0,1fr); } }
@media (max-width:600px) { .article-layout { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .utility-trending__track { animation:none; } .community-rating { transition:none; } }

/* Platform 2.10 — reversible systems, immersive discovery, and denser editorial balance. */
@media (min-width:901px) {
  .hero-grid { min-height:650px; grid-template-rows:repeat(2,minmax(280px,1fr)); gap:1.15rem; }
  .story-card--lead { min-height:650px; }
  .story-card--lead.story-card--is-breaking { display:grid; height:100%; grid-template-rows:minmax(390px,1fr) auto; align-self:stretch; }
  .story-card--lead.story-card--is-breaking .story-card__media { width:100%; height:100%; min-height:390px; }
  .story-card--lead.story-card--is-breaking .story-card__body { overflow:visible; padding:1.2rem .85rem .85rem; }
  .story-card--lead.story-card--is-breaking .story-card__title { font-size:clamp(2rem,2.75vw,2.75rem); line-height:1.18; }
  .story-card--lead.story-card--is-breaking .story-card__excerpt { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
}

.article-layout { grid-template-columns:60px minmax(0,860px) minmax(240px,1fr); gap:clamp(1.5rem,2.7vw,2.5rem); }
.article-content { font-size:clamp(1.04rem,.99rem + .18vw,1.12rem); }

.search-panel { position:fixed; z-index:999; inset:0; display:grid; min-height:100dvh; place-items:center; overflow:hidden; padding:clamp(2rem,8vw,7rem); border:0; background:rgba(8,10,14,.76); color:#fff; box-shadow:none; backdrop-filter:blur(22px) saturate(1.15); }
.search-panel::before,.search-panel::after { position:absolute; width:44vw; aspect-ratio:1; border-radius:50%; content:""; opacity:.3; filter:blur(70px); animation:search-ambient 10s ease-in-out infinite alternate; pointer-events:none; }
.search-panel::before { inset:-18vw auto auto -10vw; background:#e70507; }
.search-panel::after { inset:auto -8vw -24vw auto; background:#6548ff; animation-delay:-5s; }
.search-panel[hidden] { display:none; }
.search-panel__inner { position:relative; z-index:2; display:grid; width:min(100%,1050px); grid-template-columns:minmax(0,1fr) 52px; gap:1rem; }
.search-panel .search-form { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; align-items:end; padding:clamp(1.1rem,2.8vw,2rem); border:1px solid rgba(255,255,255,.2); border-radius:26px; background:linear-gradient(120deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); box-shadow:0 30px 90px rgba(0,0,0,.42); backdrop-filter:blur(24px); }
.search-panel .search-field { min-height:84px; padding:.5rem .15rem; border:0; border-block-end:2px solid rgba(255,255,255,.38); border-radius:0; background:transparent; color:#fff; font-size:clamp(1.8rem,5vw,4.5rem); font-weight:650; letter-spacing:-.035em; }
.search-panel .search-field::placeholder { color:rgba(255,255,255,.55); }
.search-panel .search-field:focus { outline:0; border-color:#ff4143; }
.search-panel .search-submit { min-height:58px; border-radius:18px; box-shadow:0 12px 30px rgba(231,5,7,.28); }
.search-panel [data-search-close] { width:52px; height:52px; align-self:start; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.08); color:#fff; font-size:1.7rem; }
@keyframes search-ambient { to{transform:translate3d(8vw,4vw,0) scale(1.14)} }

.deals-archive-hero { position:relative; overflow:hidden; padding-block:clamp(4.5rem,9vw,8rem); background:radial-gradient(circle at 10% 20%,rgba(231,5,7,.18),transparent 28%),linear-gradient(125deg,#0e1219,#21141b 58%,#11151d); color:#fff; }
.deals-archive-hero::after { position:absolute; inset:auto -10% -55% 35%; height:90%; border:1px solid rgba(255,255,255,.08); border-radius:50%; content:""; transform:rotate(-9deg); }
.deals-archive-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(2rem,6vw,6rem); align-items:center; }
.deals-archive-hero h1 { margin:.5rem 0 1rem; font-size:clamp(3.2rem,7vw,6.6rem); line-height:.96; }
.deals-archive-hero p { max-width:63ch; color:#bdc3cd; font-size:clamp(1rem,1.4vw,1.18rem); }
.deals-hero-stack { position:relative; min-height:360px; perspective:1000px; }
.deals-hero-stack > span { position:absolute; inset:8% 12% auto; overflow:hidden; aspect-ratio:4/5; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:#232833; box-shadow:0 28px 70px rgba(0,0,0,.42); transform:translateX(calc((var(--stack-index) - 1) * 28%)) rotate(calc((var(--stack-index) - 1) * 8deg)); transform-origin:bottom center; animation:deal-card-float 4.5s ease-in-out calc(var(--stack-index) * -.7s) infinite alternate; }
.deals-hero-stack img,.deals-hero-stack .media-placeholder { width:100%; height:100%; object-fit:cover; }
.deals-hero-stack > span::after { position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(4,6,10,.95)); content:""; }
.deals-hero-stack strong { position:absolute; z-index:2; inset:auto 1rem 1rem; color:#fff; font-size:.82rem; line-height:1.5; }
@keyframes deal-card-float { to{translate:0 -9px} }
.deal-archive-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-block-end:2rem; padding-block-end:1rem; border-block-end:1px solid var(--color-line); }
.deal-archive-toolbar > div { display:grid; }
.deal-archive-toolbar > div strong { font-size:var(--font-size-lg); }
.deal-archive-toolbar > div span,.deal-archive-toolbar label { color:var(--color-muted); font-size:.72rem; font-weight:750; }
.deal-archive-toolbar form { display:flex; align-items:center; gap:.65rem; }
.deal-archive-toolbar select { min-height:44px; padding:.55rem 2.25rem .55rem .85rem; border:1px solid var(--color-line); border-radius:12px; background:var(--color-surface-raised); color:var(--color-ink); font-weight:750; }
.deal-grid--archive { grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(1rem,2vw,1.5rem); }
.deal-grid--archive .deal-card:nth-child(4n+1) { transform:rotate(-.35deg); }
.deal-grid--archive .deal-card:nth-child(4n+3) { transform:rotate(.35deg); }
.deal-grid--archive .deal-card:hover { transform:translateY(-8px) rotate(0); }

.archive-hero--editorial { position:relative; overflow:hidden; padding-block:clamp(3.4rem,7vw,6.5rem); }
.archive-hero--editorial::after { position:absolute; width:420px; aspect-ratio:1; inset:-65% auto auto 12%; border:1px solid rgba(231,5,7,.12); border-radius:50%; content:""; box-shadow:0 0 0 55px rgba(231,5,7,.025),0 0 0 110px rgba(231,5,7,.018); }
.archive-hero__grid { position:relative; z-index:2; }
.archive-hero__count { position:relative; display:grid; min-width:190px; min-height:190px; place-content:center; justify-items:center; padding:1rem; border:0; border-radius:50%; background:radial-gradient(circle,rgba(231,5,7,.11),transparent 64%); }
.archive-hero__count strong { position:relative; z-index:2; color:#ff3033; font-size:clamp(2.5rem,5vw,4.5rem); line-height:1; }
.archive-hero__count > span:last-child { position:relative; z-index:2; margin-block-start:.45rem; color:#c3c7cf; font-size:.72rem; font-weight:800; }
.archive-hero__count-orbit { position:absolute; inset:9%; border:1px solid rgba(255,255,255,.14); border-radius:50%; animation:archive-orbit 14s linear infinite; }
.archive-hero__count-orbit i { position:absolute; width:7px; height:7px; border-radius:50%; background:#e70507; box-shadow:0 0 13px rgba(231,5,7,.75); }
.archive-hero__count-orbit i:nth-child(1){inset:-4px 48% auto}.archive-hero__count-orbit i:nth-child(2){inset:48% -4px auto auto}.archive-hero__count-orbit i:nth-child(3){inset:auto auto -4px 48%}
@keyframes archive-orbit { to{transform:rotate(360deg)} }

.sidebar-panel--top-reviews { position:static; }
.top-review-list { display:grid; gap:.8rem; margin-block-start:1rem; }
.top-review-card__media { position:relative; display:block; min-height:150px; overflow:hidden; border-radius:15px; background:#20252d; box-shadow:0 12px 28px rgba(0,0,0,.13); }
.top-review-card__media::after { position:absolute; inset:25% 0 0; background:linear-gradient(transparent,rgba(6,8,12,.94)); content:""; }
.top-review-card img { width:100%; height:150px; object-fit:cover; transition:transform .4s ease,filter .4s ease; }
.top-review-card:hover img { transform:scale(1.07); filter:saturate(1.12); }
.top-review-card i,.top-review-card b { position:absolute; z-index:2; inset-block-start:.65rem; display:grid; place-items:center; border-radius:50%; color:#fff; font-style:normal; font-weight:950; }
.top-review-card i { inset-inline-start:.65rem; width:32px; height:32px; background:linear-gradient(145deg,#e70507,#740002); box-shadow:0 6px 16px rgba(231,5,7,.35); }
.top-review-card b { inset-inline-end:.65rem; min-width:42px; height:30px; padding-inline:.45rem; border:1px solid rgba(255,255,255,.34); border-radius:99px; background:rgba(8,10,14,.75); backdrop-filter:blur(8px); }
.top-review-card strong { position:absolute; z-index:2; inset:auto .8rem .75rem; color:#fff; font-size:.78rem; line-height:1.55; }

.al3ab-ad--adsense { position:relative; overflow:hidden; min-height:130px; border:1px solid color-mix(in srgb,var(--color-line) 82%,transparent); border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 96%,var(--color-brand)),var(--color-surface-raised)); }
.al3ab-ad--adsense > span { position:absolute; z-index:1; inset:.45rem auto auto .6rem; color:var(--color-muted); font-size:.58rem; letter-spacing:.08em; text-transform:uppercase; }
.al3ab-ad--adsense .adsbygoogle { width:100%; min-height:110px; }

@media (max-width:1080px) {
  .article-layout { grid-template-columns:52px minmax(0,1fr) 280px; gap:1.5rem; }
  .deal-grid--archive { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:820px) {
  .article-layout { grid-template-columns:44px minmax(0,1fr); }
  .deals-archive-hero__grid { grid-template-columns:1fr; }
  .deals-hero-stack { min-height:300px; width:min(100%,430px); margin-inline:auto; }
  .deal-grid--archive { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .search-panel__inner { grid-template-columns:1fr; }
  .search-panel [data-search-close] { position:absolute; inset:-64px 0 auto auto; }
}
@media (max-width:600px) {
  .article-layout { grid-template-columns:1fr; }
  .hero-grid { gap:.8rem; }
  .story-card--lead.story-card--is-breaking { padding:5px; }
  .story-card--lead.story-card--is-breaking .story-card__title { font-size:clamp(1.6rem,8vw,2.25rem); }
  .deal-grid--archive { grid-template-columns:1fr; }
  .deal-archive-toolbar { align-items:flex-start; flex-direction:column; }
  .deal-archive-toolbar form,.deal-archive-toolbar select { width:100%; }
  .search-panel { padding:1rem; }
  .search-panel .search-form { grid-template-columns:1fr; padding:1rem; }
  .search-panel .search-field { min-height:68px; font-size:2rem; }
  .archive-hero__count { min-width:140px; min-height:140px; }
}
@media (prefers-reduced-motion:reduce) { .search-panel::before,.search-panel::after,.deals-hero-stack > span,.archive-hero__count-orbit { animation:none!important; } }

/* Platform 2.11 — wider editorial rhythm and a true viewport search experience. */
html { scrollbar-gutter:stable; }
html.search-open,body.search-open { overflow:hidden!important; overscroll-behavior:none; touch-action:none; }

@media (min-width:1081px) {
  .single-post .article-layout {
    width:min(calc(100% - clamp(2rem,5vw,4rem)),1400px);
    grid-template-columns:54px minmax(0,920px) minmax(290px,340px);
    justify-content:center;
    gap:clamp(1.25rem,2.25vw,2.25rem);
  }
}
.single-post .entry-content > * { max-width:78ch; }
.single-post .entry-content > figure,
.single-post .entry-content > .wp-block-image,
.single-post .entry-content > .wp-block-gallery,
.single-post .entry-content > .wp-block-embed { max-width:100%; }
.entry-content p a,.entry-content li a,.entry-content blockquote a {
  display:inline-block;
  color:var(--color-brand);
  font-weight:760;
  text-decoration:none;
  transform-origin:center bottom;
  transition:color .2s ease,transform .2s var(--ease-editorial),text-shadow .2s ease;
}
.entry-content p a:hover,.entry-content li a:hover,.entry-content blockquote a:hover,
.entry-content p a:focus-visible,.entry-content li a:focus-visible,.entry-content blockquote a:focus-visible {
  color:var(--color-brand-hover);
  text-shadow:0 0 13px color-mix(in srgb,var(--color-brand) 30%,transparent);
  transform:translateY(-1px) scale(1.025);
}

.search-panel {
  position:fixed;
  z-index:2147483000;
  inset:0;
  display:grid;
  width:100vw;
  height:100dvh;
  min-height:100dvh;
  place-items:center;
  overflow:hidden;
  padding:clamp(1rem,5vw,4rem);
  border:0;
  background:rgba(5,7,11,.84);
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateZ(0);
  backdrop-filter:blur(28px) saturate(1.18);
  transition:opacity .28s ease,visibility .28s ease,backdrop-filter .32s ease;
}
.search-panel[hidden] { display:none; }
.search-panel.is-open,.search-panel.is-closing { display:grid; }
.search-panel.is-open { opacity:1; visibility:visible; pointer-events:auto; }
.search-panel::before,.search-panel::after {
  position:absolute;
  width:min(58vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  content:"";
  opacity:.34;
  filter:blur(90px);
  pointer-events:none;
  animation:search-ambient 9s ease-in-out infinite alternate;
}
.search-panel::before { inset:-27% auto auto -12%; background:#e70507; }
.search-panel::after { inset:auto -13% -34% auto; background:#634cff; animation-delay:-4.5s; }
.search-panel__dialog {
  position:relative;
  z-index:2;
  width:min(100%,1120px);
  padding:clamp(1.25rem,4vw,3rem);
  border:1px solid rgba(255,255,255,.2);
  border-radius:clamp(22px,3vw,36px);
  background:linear-gradient(125deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  box-shadow:0 38px 120px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.09);
  opacity:0;
  transform:translateY(24px) scale(.975);
  backdrop-filter:blur(26px) saturate(1.18);
  transition:opacity .3s ease,transform .38s cubic-bezier(.2,.82,.25,1);
}
.search-panel.is-open .search-panel__dialog { opacity:1; transform:none; }
.search-panel.is-closing .search-panel__dialog { opacity:0; transform:translateY(12px) scale(.985); }
.search-panel__intro { display:grid; max-width:760px; gap:.35rem; margin-block-end:clamp(1.4rem,3vw,2.4rem); }
.search-panel__intro span { color:#ff4b4d; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.search-panel__intro strong { color:#fff; font-size:clamp(1.25rem,2.5vw,2rem); line-height:1.45; }
.search-panel__close {
  position:absolute;
  z-index:3;
  inset-block-start:clamp(1rem,2vw,1.5rem);
  inset-inline-end:clamp(1rem,2vw,1.5rem);
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.search-panel__close:hover { border-color:rgba(255,75,77,.72); background:rgba(231,5,7,.2); transform:rotate(7deg) scale(1.06); }
.search-panel__close svg { width:20px; height:20px; }
.search-panel .search-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:clamp(.75rem,2vw,1.25rem); align-items:end; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; }
.search-panel .search-form label { min-width:0; }
.search-panel .search-field {
  width:100%;
  min-height:84px;
  padding:.55rem .1rem;
  border:0;
  border-block-end:2px solid rgba(255,255,255,.42);
  border-radius:0;
  background:transparent;
  color:#fff;
  caret-color:#ff4547;
  font-size:clamp(2rem,5vw,4.7rem);
  font-weight:700;
  letter-spacing:-.04em;
  transition:border-color .2s ease,text-shadow .2s ease;
}
.search-panel .search-field::placeholder { color:rgba(255,255,255,.48); }
.search-panel .search-field:focus { outline:0; border-color:#ff4547; text-shadow:0 0 24px rgba(231,5,7,.14); }
.search-panel .search-submit {
  display:inline-flex!important;
  min-width:132px;
  min-height:62px;
  gap:.65rem;
  padding:.8rem 1.25rem;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:linear-gradient(120deg,#e70507,#ff3f2b);
  box-shadow:0 14px 34px rgba(231,5,7,.34);
  color:#fff;
  cursor:pointer;
  font-weight:900;
  transition:transform .2s var(--ease-editorial),box-shadow .2s ease,filter .2s ease;
}
.search-panel .search-submit:hover { transform:translateY(-3px) scale(1.025); box-shadow:0 19px 42px rgba(231,5,7,.46); filter:saturate(1.12); }
.search-panel .search-submit svg { width:21px; height:21px; }
.search-panel__hint { display:block; margin-block-start:1rem; color:rgba(255,255,255,.55); font-size:.68rem; }

@media (max-width:1080px) {
  .single-post .entry-content > * { max-width:74ch; }
}
@media (max-width:760px) {
  html { scrollbar-gutter:auto; }
  .search-panel { padding:.75rem; }
  .search-panel__dialog { padding:4.5rem 1rem 1.25rem; border-radius:22px; }
  .search-panel__intro { margin-block-end:1rem; }
  .search-panel__intro strong { font-size:1.18rem; }
  .search-panel .search-form { grid-template-columns:1fr; }
  .search-panel .search-field { min-height:64px; font-size:clamp(1.75rem,9vw,2.65rem); }
  .search-panel .search-submit { width:100%; min-height:54px; }
}
@media (prefers-reduced-motion:reduce) {
  .search-panel,.search-panel__dialog,.search-panel__close,.search-panel .search-submit,.entry-content a { transition-duration:.01ms!important; }
}

/* Platform 2.12 — close editorial columns and a lightweight search overlay. */
@media (min-width:1081px) {
  .single-post .article-layout {
    width:min(calc(100% - clamp(1.5rem,4vw,3rem)),1380px);
    grid-template-columns:54px minmax(0,940px) minmax(290px,340px);
    column-gap:14px;
  }
  .single-post .article-content.entry-content > * {
    width:100%;
    max-width:100%;
    margin-inline:0;
  }
}

.search-panel {
  padding:clamp(1rem,4vw,3rem);
  background:
    radial-gradient(circle at 8% 15%,rgba(231,5,7,.22),transparent 34%),
    radial-gradient(circle at 90% 88%,rgba(99,76,255,.18),transparent 35%),
    rgba(5,7,11,.94);
  backdrop-filter:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.search-panel::before,.search-panel::after { display:none; animation:none; filter:none; }
.search-panel__dialog {
  width:min(100%,880px);
  padding:clamp(1.25rem,3vw,2.25rem);
  border-radius:24px;
  background:rgba(22,25,31,.96);
  box-shadow:0 22px 65px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:none;
  transform:translateY(12px) scale(.99);
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.82,.25,1);
}
.search-panel__intro { max-width:650px; margin-block-end:1.25rem; }
.search-panel__intro strong { font-size:clamp(1.1rem,2vw,1.55rem); }
.search-panel .search-field {
  min-height:68px;
  font-size:clamp(1.7rem,4vw,3.15rem);
}
.search-panel .search-submit { min-width:116px; min-height:54px; padding:.7rem 1.05rem; }
.search-panel__close { width:44px; height:44px; }
.search-panel.is-closing .search-panel__dialog { transform:translateY(8px) scale(.992); }

@media (max-width:1080px) and (min-width:821px) {
  .single-post .article-layout { grid-template-columns:48px minmax(0,1fr) 280px; column-gap:14px; }
  .single-post .article-content.entry-content > * { width:100%; max-width:100%; margin-inline:0; }
}
@media (max-width:760px) {
  .search-panel__dialog { padding:3.75rem 1rem 1.1rem; border-radius:18px; }
  .search-panel .search-field { min-height:58px; font-size:clamp(1.55rem,8vw,2.3rem); }
}

/* Platform 2.13 — mobile editorial cleanup and guarded search. */
.search-form__error {
  grid-column:1/-1;
  margin-block-start:.15rem;
  color:#ff7779;
  font-size:.78rem;
  font-weight:750;
}
.search-form__error[hidden] { display:none; }
.search-field[aria-invalid="true"] { border-color:#ff4547!important; }

@media (max-width:560px) {
  .recommended-grid { gap:.9rem; }
  .recommended-grid .story-card {
    display:grid;
    min-height:112px;
    grid-template-columns:118px minmax(0,1fr);
    align-items:center;
    gap:.8rem;
    overflow:hidden;
    padding-block-end:.9rem;
    border-block-end:1px solid var(--color-line);
  }
  .recommended-grid .story-card__media {
    width:118px!important;
    max-width:118px!important;
    height:112px!important;
    min-height:112px!important;
    aspect-ratio:auto!important;
    border-radius:14px;
  }
  .recommended-grid .story-card__body { min-width:0; padding:0; overflow:hidden; }
  .recommended-grid .story-card__title {
    display:-webkit-box;
    overflow:hidden;
    margin-block:.35rem .45rem;
    font-size:1rem;
    line-height:1.45;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .recommended-grid .category-chip { max-width:100%; font-size:.68rem; }
  .recommended-grid .post-meta { min-width:0; flex-wrap:wrap; gap:.28rem; font-size:.62rem; }
  .recommended-grid .post-meta > span:last-child { display:none; }
  .utility-trending { padding-inline-end:42px; }
  .utility-bar__actions { z-index:4; inset-inline-end:.65rem; }
  .utility-bar .theme-toggle {
    width:32px;
    height:32px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:50%;
    background:#262a31;
    box-shadow:0 4px 12px rgba(0,0,0,.22);
  }
  .utility-bar .theme-toggle svg { width:16px; height:16px; }
  .site-footer__top { gap:1.5rem; }
  .footer-menu { gap:.65rem 1rem; }
}

/* Platform 2.13.3 — official identity and burgundy/amber brand harmony. */
.site-branding { min-width:72px; }
.site-branding .custom-logo-link,
.mobile-drawer__brand .custom-logo-link,
.footer-logo .custom-logo-link {
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  padding:3px;
  border:1px solid color-mix(in srgb,var(--color-accent) 58%,var(--color-brand));
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 24px color-mix(in srgb,var(--color-brand) 18%,transparent),0 0 0 3px color-mix(in srgb,var(--color-accent) 8%,transparent);
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);
}
.site-branding .custom-logo-link:hover,
.mobile-drawer__brand .custom-logo-link:hover,
.footer-logo .custom-logo-link:hover {
  border-color:var(--color-accent);
  box-shadow:0 10px 28px color-mix(in srgb,var(--color-brand) 25%,transparent),0 0 0 4px color-mix(in srgb,var(--color-accent) 13%,transparent);
  transform:translateY(-2px) rotate(-1deg);
}
.site-branding .custom-logo-link { width:64px; height:64px; }
.site-branding .custom-logo { width:56px!important; height:56px!important; max-width:56px!important; max-height:56px!important; object-fit:contain!important; }
.mobile-drawer__brand .custom-logo-link { width:60px; height:60px; }
.mobile-drawer__brand .custom-logo { width:52px!important; height:52px!important; max-width:52px!important; max-height:52px!important; object-fit:contain!important; }
.footer-logo .custom-logo-link { width:112px; height:112px; border-radius:20px; }
.footer-logo .custom-logo { width:102px!important; height:102px!important; max-width:102px!important; max-height:102px!important; object-fit:contain!important; }
[data-theme="dark"] .site-branding .custom-logo-link,
[data-theme="dark"] .mobile-drawer__brand .custom-logo-link,
[data-theme="dark"] .footer-logo .custom-logo-link { border-color:color-mix(in srgb,var(--color-accent) 68%,var(--color-brand)); }

.primary-menu > li > a::after { background:linear-gradient(90deg,var(--color-brand),var(--color-accent)); }
.utility-bar__pulse,.utility-trending__set i { background:var(--color-accent); box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent); }
.button,.search-panel .search-submit { background:linear-gradient(125deg,var(--color-brand),color-mix(in srgb,var(--color-brand) 68%,var(--color-accent))); border-color:var(--color-brand); }
.button:hover,.search-panel .search-submit:hover { background:linear-gradient(125deg,var(--color-brand-hover),color-mix(in srgb,var(--color-brand-hover) 62%,var(--color-accent-hover))); border-color:var(--color-accent); }
.campaign-banner { background:linear-gradient(100deg,#701216,var(--color-brand) 58%,#8a5115); }
.story-card__breaking-badge { background:linear-gradient(110deg,#701216,var(--color-brand) 64%,#8d5518); box-shadow:0 8px 25px color-mix(in srgb,var(--color-brand) 34%,transparent),0 0 18px color-mix(in srgb,var(--color-accent) 18%,transparent); }
.story-card--lead.story-card--is-breaking { border-color:color-mix(in srgb,var(--color-brand) 72%,var(--color-accent)); box-shadow:0 18px 48px color-mix(in srgb,var(--color-brand) 24%,transparent),0 0 22px color-mix(in srgb,var(--color-accent) 12%,transparent); }
.global-audio-dock__progress span { background:linear-gradient(90deg,var(--color-brand),var(--color-accent)); box-shadow:0 0 13px color-mix(in srgb,var(--color-accent) 48%,transparent); }
.global-audio-dock__art,.top-review-card i { background:linear-gradient(145deg,var(--color-brand),color-mix(in srgb,var(--color-brand) 62%,var(--color-accent))); }
.search-panel::before { background:var(--color-brand); }
.search-panel::after { background:var(--color-accent); }
.search-panel__intro span,.archive-hero__count strong { color:var(--color-accent); }
.search-panel .search-field { caret-color:var(--color-accent); }
.search-panel .search-field:focus { border-color:var(--color-accent); text-shadow:0 0 24px color-mix(in srgb,var(--color-accent) 18%,transparent); }
.archive-hero__count-orbit i { background:var(--color-accent); box-shadow:0 0 13px color-mix(in srgb,var(--color-accent) 70%,transparent); }
.archive-hero--editorial { background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--color-brand) 24%,transparent),transparent 32%),linear-gradient(135deg,#111419,#1c2027); }
.deals-archive-hero { background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--color-brand) 22%,transparent),transparent 28%),linear-gradient(125deg,#0e1219,#21181a 58%,#11151d); }

@media (max-width:560px) {
  .site-branding { min-width:54px; }
  .site-branding .custom-logo-link { width:52px; height:52px; border-radius:12px; }
  .site-branding .custom-logo { width:45px!important; height:45px!important; max-width:45px!important; max-height:45px!important; }
}

/* Final 2.14 rhythm overrides intentionally live last in the cascade. */
.section { padding-block:clamp(2.5rem,4.5vw,4.25rem); }
.section--first { padding-block-start:clamp(2.25rem,4vw,3.75rem); }
.section-heading { margin-block-end:clamp(1.25rem,2vw,1.75rem); }
.article-layout { padding-block-start:clamp(1.75rem,3vw,2.75rem); padding-block-end:clamp(2.25rem,4vw,3.5rem); }
.related-section,.comments-section { padding-block:clamp(2.25rem,4vw,3.75rem); }
.community-rating { display:none!important; }
@media (max-width:600px) { .section { padding-block:2.15rem; } }
.article-jump{position:fixed;z-index:45;top:28vh;inset-inline-end:max(1rem,calc((100vw - 1500px)/2));width:min(245px,18vw);padding:.65rem;border:1px solid color-mix(in srgb,var(--color-brand) 22%,transparent);border-radius:14px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);backdrop-filter:blur(18px);box-shadow:0 16px 45px #0002}.article-jump>button{display:none}.article-jump ol{display:grid;gap:.2rem;max-height:48vh;overflow:auto;margin:0;padding:0;list-style:none}.article-jump a{display:block;padding:.45rem .55rem;border-inline-start:2px solid transparent;color:var(--color-muted);font-size:.78rem;line-height:1.35}.article-jump a[aria-current=true]{border-color:var(--color-brand);color:var(--color-text);font-weight:800}.article-jump li.is-child a{padding-inline-start:1rem;font-size:.72rem}.retro-gaming-page::before,.post-type-archive-al3ab_game::before{transform:translate3d(0,var(--retro-scroll,0),0)}
@media(max-width:1250px){.article-jump{position:sticky;top:72px;inset:auto;width:auto;margin:0 0 1rem}.article-jump>button{display:flex;width:100%;justify-content:space-between;padding:.6rem;border:0;background:transparent;color:inherit}.article-jump ol{display:none}.article-jump.is-open ol{display:grid;max-height:45vh}}
.global-audio-dock.is-minimized{inset-inline:auto 1rem;width:min(390px,calc(100% - 2rem));border-radius:18px}.global-audio-dock.is-minimized .global-audio-dock__inner{min-height:64px;grid-template-columns:minmax(160px,1fr) auto;padding:.45rem .65rem}.global-audio-dock.is-minimized .global-audio-dock__timeline,.global-audio-dock.is-minimized .global-audio-dock__tools label,.global-audio-dock.is-minimized .global-audio-dock__skip{display:none!important}.global-audio-dock.is-minimized .global-audio-dock__art{width:42px}.global-audio-dock.is-minimized .global-audio-dock__toggle{width:40px;height:40px}.is-soft-navigating main{opacity:.45;pointer-events:none;transition:opacity .16s}.global-audio-dock.is-playing .global-audio-dock__ambient::after{content:"";position:absolute;inset:auto 3% 10%;height:20px;background:repeating-radial-gradient(ellipse at bottom,var(--color-accent,#ff3157) 0 2px,transparent 3px 8px);opacity:.16;animation:podcast-wave 4s linear infinite}@keyframes podcast-wave{to{transform:translateX(24px)}}
@media(prefers-reduced-motion:reduce){.global-audio-dock.is-playing .global-audio-dock__ambient::after{animation:none}.is-soft-navigating main{transition:none}}
.global-audio-dock__wave{position:absolute;z-index:1;inset:auto 0 0;display:flex;height:30px;align-items:end;gap:clamp(10px,4vw,42px);justify-content:center;overflow:hidden;opacity:.18;pointer-events:none;direction:ltr}
.global-audio-dock__wave i{display:block;width:clamp(32px,7vw,110px);height:42%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 72%,#fff),color-mix(in srgb,var(--color-brand) 72%,transparent));filter:blur(.2px);transform-origin:bottom;animation:global-audio-wave 1.8s ease-in-out infinite alternate}
.global-audio-dock__wave i:nth-child(2n){height:72%;animation-delay:-.45s}
.global-audio-dock__wave i:nth-child(3n){height:55%;animation-delay:-.9s}
.global-audio-dock:not(.is-playing) .global-audio-dock__wave i{animation-play-state:paused;opacity:.45}
@keyframes global-audio-wave{to{transform:scaleY(.42) translateY(4px);opacity:.62}}
@media(max-width:700px){.global-audio-dock__wave{height:22px;opacity:.13}.global-audio-dock__wave i{width:52px}}
@media(prefers-reduced-motion:reduce){.global-audio-dock__wave i{animation:none!important}}
.esports-hub{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-brand) 5%,transparent))}.esports-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg,1.25rem)}.esports-hub__card{position:relative;overflow:hidden;min-height:210px;padding:1.4rem;border:1px solid color-mix(in srgb,var(--color-brand) 18%,transparent);border-radius:18px;background:linear-gradient(145deg,var(--color-surface),color-mix(in srgb,var(--color-brand) 6%,var(--color-surface)));box-shadow:0 16px 45px #0001}.esports-hub__card>span{position:absolute;inset-block-start:.65rem;inset-inline-end:1rem;font-size:3rem;color:color-mix(in srgb,var(--color-brand) 35%,transparent)}.esports-hub__card h2{position:relative;margin-top:3rem}.esports-hub__card a{color:var(--color-brand);font-weight:800}@media(max-width:850px){.esports-hub__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.esports-hub__grid{grid-template-columns:1fr}}
:root{--section-space:clamp(2.25rem,5vw,4.75rem);--card-gap:clamp(.85rem,2vw,1.35rem);--content-gap:clamp(1rem,2.5vw,1.8rem)}.section{padding-block:var(--section-space)}.archive-grid,.recommended-grid,.game-archive-grid{gap:var(--card-gap)}.article-layout{gap:var(--content-gap)}.section+.section{margin-block-start:0}.magazine-showcase,.magazine-home-section{background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--color-accent) 13%,transparent),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 94%,var(--color-brand)),var(--color-surface));border-radius:clamp(18px,3vw,30px)}
.magazine-home-section{overflow:hidden;color:var(--color-text);background:radial-gradient(circle at 12% 12%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 28%),radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--color-brand) 16%,transparent),transparent 32%),linear-gradient(145deg,color-mix(in srgb,var(--color-surface-raised) 94%,var(--color-brand)),var(--color-surface));}
.magazine-home-section::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);opacity:.55}
.magazine-home-shell{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.62fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;padding:clamp(1.25rem,3vw,2.4rem);border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--color-line));border-radius:28px;background:color-mix(in srgb,var(--color-surface-raised) 78%,transparent);box-shadow:0 24px 70px rgba(0,0,0,.14);backdrop-filter:blur(16px)}
.magazine-home-copy h2{max-width:850px;margin:.35rem 0 .65rem;font-size:clamp(2rem,4.8vw,4.5rem);line-height:.98;letter-spacing:-.055em}
.magazine-home-copy p{max-width:62ch;margin:0;color:var(--color-muted);font-size:clamp(.98rem,1.5vw,1.18rem);line-height:1.75}
.magazine-home-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-block:1.1rem 1.35rem}
.magazine-home-meta span,.magazine-home-meta time{padding:.36rem .62rem;border:1px solid color-mix(in srgb,var(--color-brand) 18%,var(--color-line));border-radius:999px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);color:var(--color-muted);font-size:.72rem;font-weight:850}
.magazine-home-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}
.magazine-home-cover{position:relative;display:grid;justify-self:center;width:min(100%,320px);text-decoration:none;perspective:900px}
.magazine-home-cover img,.magazine-home-cover .media-placeholder{position:relative;z-index:1;aspect-ratio:3/4;width:100%;height:auto;overflow:hidden;border-radius:13px 22px 22px 13px;object-fit:cover;box-shadow:-18px 25px 65px rgba(0,0,0,.38),inset 8px 0 rgba(255,255,255,.18);transform:rotateY(-9deg) rotateZ(-1.2deg);transform-origin:center;transition:transform .35s var(--ease-editorial),box-shadow .35s ease}
[dir="rtl"] .magazine-home-cover img,[dir="rtl"] .magazine-home-cover .media-placeholder{border-radius:22px 13px 13px 22px;box-shadow:18px 25px 65px rgba(0,0,0,.38),inset -8px 0 rgba(255,255,255,.18);transform:rotateY(9deg) rotateZ(1.2deg)}
.magazine-home-cover:hover img,.magazine-home-cover:hover .media-placeholder{transform:rotateY(-4deg) translateY(-8px)}
[dir="rtl"] .magazine-home-cover:hover img,[dir="rtl"] .magazine-home-cover:hover .media-placeholder{transform:rotateY(4deg) translateY(-8px)}
.magazine-home-cover__glow{position:absolute;inset:10% -8% -6%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--color-brand) 28%,transparent),transparent 60%);filter:blur(26px)}
.magazine-home-cover strong{position:relative;z-index:2;justify-self:center;margin-top:-1.3rem;padding:.48rem .8rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(12,14,19,.8);box-shadow:0 10px 32px rgba(0,0,0,.28);color:#fff;font-size:.72rem}
.magazine-home-previous{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-block-start:1rem}
.magazine-home-previous a{display:grid;grid-template-columns:58px minmax(0,1fr);gap:.7rem;align-items:center;padding:.65rem;border:1px solid var(--color-line);border-radius:16px;background:color-mix(in srgb,var(--color-surface-raised) 82%,transparent);color:var(--color-text);text-decoration:none}
.magazine-home-previous img{width:58px;height:58px;border-radius:12px;object-fit:cover}
.magazine-home-previous span{overflow:hidden;font-size:.78rem;font-weight:850;line-height:1.35;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
[data-theme="dark"] .magazine-home-section{background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 30%),radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--color-brand) 20%,transparent),transparent 32%),linear-gradient(145deg,#10131a,#161923)}
[data-theme="dark"] .magazine-home-shell,[data-theme="dark"] .magazine-home-previous a{background:rgba(19,22,30,.82)}
@media(max-width:900px){.magazine-home-shell{grid-template-columns:1fr}.magazine-home-cover{order:-1;width:min(78%,300px)}.magazine-home-copy h2{font-size:clamp(2rem,9vw,3.25rem)}.magazine-home-previous{grid-template-columns:1fr}}
@media(max-width:560px){.magazine-home-shell{padding:1rem;border-radius:20px}.magazine-home-cover{width:min(88%,260px)}.magazine-home-actions .button,.magazine-home-actions .text-link{width:100%;justify-content:center}.magazine-home-meta{gap:.4rem}}
.magazine-archive-feature{padding-block-start:clamp(1.5rem,3vw,2.4rem)}
.magazine-archive-feature .magazine-home-shell{background:linear-gradient(135deg,color-mix(in srgb,var(--color-surface-raised) 90%,var(--color-brand)),var(--color-surface-raised))}
.magazine-archive-grid{align-items:start}

/* Platform 2.16.1 — stable share rail, premium review cards, and pro benchmark presentation. */
.share-rail { justify-items:center; }
.share-rail a,
.share-rail button {
  position:relative;
  isolation:isolate;
  display:grid!important;
  flex:0 0 42px;
  inline-size:42px;
  block-size:42px;
  width:42px;
  height:42px;
  min-width:42px;
  min-height:42px;
  place-items:center!important;
  padding:0!important;
  margin:0;
  appearance:none;
  box-sizing:border-box;
  border-radius:999px;
  line-height:1;
  text-align:center;
  transform:translate3d(0,0,0);
  transform-origin:50% 50%;
  backface-visibility:hidden;
  will-change:transform;
}
.share-rail a::before,
.share-rail button::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:3px;
  border-radius:inherit;
  background:currentColor;
  opacity:0;
  transform:scale(.74);
  transition:opacity .2s ease,transform .2s ease;
}
.share-rail a:hover,
.share-rail button:hover,
.share-rail a:focus-visible,
.share-rail button:focus-visible {
  transform:translate3d(0,-3px,0);
  border-color:currentColor;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.share-rail a:hover::before,
.share-rail button:hover::before,
.share-rail a:focus-visible::before,
.share-rail button:focus-visible::before {
  opacity:.12;
  transform:scale(1);
}
.share-rail svg {
  position:relative;
  z-index:1;
  display:block;
  inline-size:19px;
  block-size:19px;
  width:19px;
  height:19px;
  flex:0 0 19px;
  margin:0!important;
  transform:translateZ(0)!important;
  pointer-events:none;
}
.share-rail a,
.share-rail button {
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  aspect-ratio:1;
}
.share-rail__instagram svg,
.share-rail__copy svg { fill:none; }

.review-box.review-box--premium {
  position:relative;
  isolation:isolate;
  overflow:visible;
  margin-block:clamp(2.4rem,5vw,4rem);
  border:1px solid color-mix(in srgb,var(--review-label-color,var(--color-brand)) 26%,var(--color-line));
  border-radius:clamp(20px,3vw,32px);
  background:
    radial-gradient(circle at 15% 0,color-mix(in srgb,var(--review-label-color,var(--color-brand)) 12%,transparent),transparent 34%),
    linear-gradient(145deg,color-mix(in srgb,var(--color-surface-raised) 96%,var(--review-label-color,var(--color-brand))),var(--color-surface-raised));
  box-shadow:0 24px 72px rgba(0,0,0,.14),inset 0 1px color-mix(in srgb,#fff 38%,transparent);
}
.review-box.review-box--premium::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:10% 8% auto auto;
  width:min(360px,42%);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--review-label-color,var(--color-brand)) 25%,transparent),transparent 66%);
  filter:blur(28px);
  opacity:.75;
  pointer-events:none;
}
.review-box--premium .review-box__header {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,250px) minmax(126px,170px);
  gap:clamp(1rem,3vw,2rem);
  align-items:center;
  min-height:230px;
  padding:clamp(1.25rem,3vw,2.35rem);
  overflow:visible;
  border-radius:inherit inherit 0 0;
  background:
    linear-gradient(120deg,color-mix(in srgb,var(--color-charcoal) 88%,var(--review-label-color,var(--color-brand))),color-mix(in srgb,var(--color-charcoal) 96%,#000)),
    var(--color-charcoal);
  color:#fff;
}
.review-box--premium .review-box__header::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit inherit 0 0;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,transparent 82%);
  opacity:.55;
  pointer-events:none;
}
[dir="rtl"] .review-box--premium .review-box__header::after { mask-image:linear-gradient(270deg,#000,transparent 82%); }
.review-box--premium .review-box__copy { position:relative; z-index:2; min-width:0; }
.review-box--premium .review-box__copy h2 {
  max-width:14ch;
  margin:.35rem 0 .9rem;
  font-size:clamp(2rem,5vw,4.25rem);
  line-height:.96;
  letter-spacing:-.055em;
}
[dir="rtl"] .review-box--premium .review-box__copy h2 { letter-spacing:0; line-height:1.08; }
.review-box--premium .eyebrow {
  color:color-mix(in srgb,var(--review-label-color,var(--color-accent)) 72%,#fff);
  text-shadow:0 0 20px color-mix(in srgb,var(--review-label-color,var(--color-brand)) 32%,transparent);
}
.review-box--premium .review-box__label {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  padding:.48rem .72rem;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:var(--review-label-gradient,linear-gradient(115deg,var(--review-label-color,var(--color-brand)),color-mix(in srgb,var(--review-label-color,var(--color-brand)) 55%,var(--color-accent))));
  color:#fff;
  box-shadow:0 12px 34px color-mix(in srgb,var(--review-label-color,var(--color-brand)) 28%,transparent);
  font-size:.78rem;
  font-weight:900;
}
.review-box--premium .review-box__art {
  position:relative;
  z-index:3;
  display:grid;
  align-self:stretch;
  min-height:240px;
  place-items:end center;
  margin:-3.9rem 0 -1.65rem;
  perspective:900px;
}
.review-box--premium .review-box__art::before {
  content:"";
  position:absolute;
  inset:auto 5% 0;
  height:34%;
  border-radius:999px;
  background:radial-gradient(ellipse,color-mix(in srgb,var(--review-label-color,var(--color-brand)) 40%,transparent),transparent 66%);
  filter:blur(18px);
}
.review-box--premium .review-box__art-image,
.review-box--premium .review-box__art-placeholder {
  position:relative;
  z-index:1;
  display:grid;
  width:min(100%,245px);
  aspect-ratio:4/5;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:24px;
  background:linear-gradient(145deg,#1d222b,#0f1217);
  box-shadow:0 30px 70px rgba(0,0,0,.42),0 0 0 6px rgba(255,255,255,.04);
  object-fit:cover;
  transform:rotate(-3deg) translateY(-10px);
  transform-origin:center bottom;
}
[dir="rtl"] .review-box--premium .review-box__art-image,
[dir="rtl"] .review-box--premium .review-box__art-placeholder { transform:rotate(3deg) translateY(-10px); }
.review-box--premium .review-box__art-placeholder {
  color:#fff;
  font-size:1.4rem;
  font-weight:950;
  letter-spacing:.1em;
}
.review-box--premium .review-box__score-card {
  position:relative;
  z-index:4;
  display:grid;
  justify-items:center;
  align-content:center;
  min-height:158px;
  padding:1rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:26px;
  background:linear-gradient(155deg,rgba(255,255,255,.16),rgba(255,255,255,.055));
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 18px 46px rgba(0,0,0,.28);
  text-align:center;
  backdrop-filter:blur(16px);
}
.review-box--premium .review-box__score-card::before {
  content:"";
  position:absolute;
  inset:.62rem;
  border-radius:22px;
  background:conic-gradient(var(--review-label-color,var(--color-brand)) var(--review-score-percent,0%),rgba(255,255,255,.18) 0);
  opacity:.36;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:4px;
  mask-composite:exclude;
  -webkit-mask-composite:xor;
  pointer-events:none;
}
.review-box--premium .review-box__score-card > span {
  color:#cdd3dc;
  font-size:.68rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.review-box--premium .review-box__score {
  display:block;
  width:auto;
  height:auto;
  margin-block:.18rem;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  font-size:clamp(2.4rem,5vw,4.2rem);
  font-weight:950;
  line-height:.95;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.06em;
}
.review-box--premium .review-box__score-card small {
  color:color-mix(in srgb,var(--review-label-color,var(--color-brand)) 45%,#fff);
  font-weight:900;
}
.review-box--premium .review-breakdown {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:.85rem;
  padding:clamp(1rem,2.4vw,1.5rem);
}
.review-box--premium .review-meter {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.65rem .8rem;
  align-items:center;
  padding:.9rem;
  border:1px solid color-mix(in srgb,var(--color-line) 78%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--color-surface) 82%,transparent);
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}
.review-box--premium .review-meter > span:first-child {
  min-width:0;
  color:var(--color-text);
  font-size:.78rem;
  font-weight:900;
}
.review-box--premium .review-meter strong {
  color:var(--review-label-color,var(--color-brand));
  font-size:.9rem;
  font-variant-numeric:tabular-nums;
}
.review-box--premium .review-meter__bar {
  grid-column:1/-1;
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:color-mix(in srgb,var(--color-line) 70%,transparent);
}
.review-box--premium .review-meter__bar span {
  display:block;
  width:calc(var(--score) * 10%);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--review-label-color,var(--color-brand)),color-mix(in srgb,var(--review-label-color,var(--color-brand)) 52%,var(--color-accent)));
  box-shadow:0 0 18px color-mix(in srgb,var(--review-label-color,var(--color-brand)) 26%,transparent);
}
.review-box--premium .review-pros-cons {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  padding:0 clamp(1rem,2.4vw,1.5rem) clamp(1rem,2.4vw,1.5rem);
  border-block-start:0;
}
.review-box--premium .review-pros-cons > div {
  padding:clamp(1rem,2vw,1.35rem);
  border:1px solid var(--color-line);
  border-radius:20px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--color-surface) 94%,transparent),var(--color-surface-raised));
}
.review-box--premium .review-pros-cons > div + div { border-inline-start:1px solid var(--color-line); }
.review-box--premium .review-pros-cons h3 {
  display:flex;
  align-items:center;
  gap:.5rem;
  margin:0 0 .8rem;
  font-size:1rem;
}
.review-box--premium .review-pros h3::before,
.review-box--premium .review-cons h3::before {
  display:grid;
  width:26px;
  height:26px;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-weight:950;
}
.review-box--premium .review-pros h3::before { content:"+"; background:#24a45a; }
.review-box--premium .review-cons h3::before { content:"–"; background:#df3d3d; }
.review-box--premium .review-pros-cons ul {
  display:grid;
  gap:.52rem;
  padding:0;
  margin:0;
  list-style:none;
}
.review-box--premium .review-pros-cons li {
  position:relative;
  padding-inline-start:1.05rem;
  color:var(--color-muted);
  line-height:1.55;
}
.review-box--premium .review-pros-cons li::before {
  content:"";
  position:absolute;
  inset-block-start:.72em;
  inset-inline-start:0;
  width:.42rem;
  height:.42rem;
  border-radius:50%;
  background:var(--review-label-color,var(--color-brand));
}
.review-box--premium .review-verdict {
  margin:0;
  padding:clamp(1rem,2.4vw,1.6rem);
  border-block-start:1px solid var(--color-line);
  background:linear-gradient(135deg,color-mix(in srgb,var(--review-label-color,var(--color-brand)) 10%,transparent),color-mix(in srgb,var(--color-surface-raised) 92%,transparent));
}
.review-box--premium .review-verdict h3 { margin-block:0 .55rem; }
.review-box--premium .review-verdict p { max-width:72ch; margin:0; color:var(--color-muted); line-height:1.8; }
[data-theme="dark"] .review-box.review-box--premium {
  background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--review-label-color,var(--color-brand)) 18%,transparent),transparent 34%),linear-gradient(145deg,#11151d,#151923);
  box-shadow:0 24px 78px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055);
}
[data-theme="dark"] .review-box--premium .review-meter,
[data-theme="dark"] .review-box--premium .review-pros-cons > div { background:rgba(255,255,255,.045); }

.benchmark-suite.benchmark-suite--premium {
  position:relative;
  isolation:isolate;
  margin-block:clamp(2.25rem,5vw,4rem);
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--color-brand) 22%,var(--color-line));
  border-radius:clamp(18px,3vw,30px);
  background:
    radial-gradient(circle at 8% 0,color-mix(in srgb,var(--color-brand) 13%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--color-surface-raised) 96%,var(--color-brand)),var(--color-surface-raised));
  box-shadow:0 24px 70px rgba(0,0,0,.13),inset 0 1px color-mix(in srgb,#fff 32%,transparent);
}
.benchmark-suite--premium .benchmark-suite__header {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:end;
  padding:clamp(1.15rem,3vw,2rem);
  border-block-end:1px solid color-mix(in srgb,var(--color-brand) 22%,var(--color-line));
  background:
    linear-gradient(115deg,color-mix(in srgb,var(--color-charcoal) 95%,var(--color-brand)),var(--color-charcoal)),
    var(--color-charcoal);
  color:#fff;
}
.benchmark-suite--premium .benchmark-suite__header::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--color-brand) 16%,transparent),transparent 58%);
  pointer-events:none;
}
.benchmark-suite--premium .benchmark-suite__header > * { position:relative; z-index:1; }
.benchmark-suite--premium .benchmark-suite__header h2 {
  margin:.25rem 0 .25rem;
  font-size:clamp(1.55rem,3vw,2.55rem);
  line-height:1.05;
  letter-spacing:-.035em;
}
[dir="rtl"] .benchmark-suite--premium .benchmark-suite__header h2 { letter-spacing:0; }
.benchmark-suite--premium .benchmark-suite__header p {
  max-width:74ch;
  margin:0;
  color:#c6cbd4;
  font-size:.92rem;
  line-height:1.65;
}
.benchmark-suite--premium .benchmark-suite__rule {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  justify-self:end;
  padding:.5rem .75rem;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  white-space:nowrap;
}
[dir="rtl"] .benchmark-suite--premium .benchmark-suite__rule { justify-self:start; letter-spacing:0; }
.benchmark-suite--premium .benchmark-suite__groups {
  display:grid;
  gap:0;
  background:transparent;
}
.benchmark-suite--premium .benchmark-chart {
  position:relative;
  padding:clamp(1rem,2.7vw,1.8rem);
  background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-raised) 98%,transparent),color-mix(in srgb,var(--color-surface) 84%,transparent));
}
.benchmark-suite--premium .benchmark-chart + .benchmark-chart { border-block-start:1px solid var(--color-line); }
.benchmark-suite--premium .benchmark-chart__header {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:.8rem;
  align-items:end;
  margin-block-end:1rem;
}
.benchmark-suite--premium .benchmark-chart h3 {
  margin:0;
  font-size:clamp(1rem,1.8vw,1.35rem);
  line-height:1.25;
}
.benchmark-suite--premium .benchmark-chart header small {
  align-self:center;
  padding:.35rem .55rem;
  border:1px solid var(--color-line);
  border-radius:999px;
  color:var(--color-muted);
  font-size:.66rem;
  font-weight:900;
  white-space:nowrap;
}
.benchmark-suite--premium .benchmark-chart__axis {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin:.2rem 4.9rem .55rem min(31%,230px);
  color:var(--color-muted);
  font-size:.68rem;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
[dir="rtl"] .benchmark-suite--premium .benchmark-chart__axis { margin:.2rem min(31%,230px) .55rem 4.9rem; }
.benchmark-suite--premium .benchmark-chart__axis span:nth-child(2) { text-align:center; }
.benchmark-suite--premium .benchmark-chart__axis span:last-child { text-align:end; }
.benchmark-suite--premium .benchmark-chart__bars {
  display:grid;
  gap:.92rem;
}
.benchmark-suite--premium .benchmark-bar {
  display:grid;
  grid-template-columns:minmax(160px,.52fr) minmax(190px,1.6fr) minmax(70px,auto);
  gap:.8rem;
  align-items:center;
  padding:.42rem;
  border-radius:16px;
  transition:background .18s ease,transform .18s ease;
}
.benchmark-suite--premium .benchmark-bar:hover {
  background:color-mix(in srgb,var(--color-brand) 6%,transparent);
  transform:translateY(-1px);
}
.benchmark-suite--premium .benchmark-bar__label,
.benchmark-suite--premium .benchmark-bar > span {
  overflow:hidden;
  min-width:0;
  color:var(--color-text);
  font-size:.78rem;
  font-weight:900;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.benchmark-suite--premium .benchmark-bar__track,
.benchmark-suite--premium .benchmark-bar > div {
  position:relative;
  height:34px;
  overflow:visible;
  border-radius:11px;
  background:
    repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),color-mix(in srgb,var(--color-line) 70%,transparent) calc(20% - 1px) 20%),
    color-mix(in srgb,var(--color-line) 62%,transparent);
  box-shadow:inset 0 1px 4px rgba(0,0,0,.12);
}
.benchmark-suite--premium .benchmark-bar__track i,
.benchmark-suite--premium .benchmark-bar i {
  position:relative;
  display:block;
  width:var(--benchmark-width);
  min-width:44px;
  max-width:100%;
  height:100%;
  overflow:hidden;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--benchmark-color,var(--color-brand)),color-mix(in srgb,var(--benchmark-color,var(--color-brand)) 42%,var(--color-accent)));
  box-shadow:0 9px 20px color-mix(in srgb,var(--benchmark-color,var(--color-brand)) 24%,transparent);
  transform-origin:left center;
  animation:benchmark-premium-grow .75s var(--ease-editorial) both;
}
[dir="rtl"] .benchmark-suite--premium .benchmark-bar__track i,
[dir="rtl"] .benchmark-suite--premium .benchmark-bar i { transform-origin:right center; }
.benchmark-suite--premium .benchmark-bar.is-best .benchmark-bar__track i,
.benchmark-suite--premium .benchmark-bar.is-best i {
  background:linear-gradient(90deg,color-mix(in srgb,var(--benchmark-color,var(--color-brand)) 84%,#fff),var(--color-accent));
}
.benchmark-suite--premium .benchmark-bar__track i b,
.benchmark-suite--premium .benchmark-bar i b {
  position:absolute;
  inset-block-start:50%;
  inset-inline-end:.72rem;
  color:#fff;
  font-size:.78rem;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 1px 8px rgba(0,0,0,.32);
  transform:translateY(-50%);
}
.benchmark-suite--premium .benchmark-bar__value,
.benchmark-suite--premium .benchmark-bar strong {
  min-width:0;
  color:var(--color-muted);
  font-size:.8rem;
  font-weight:950;
  font-variant-numeric:tabular-nums;
  text-align:end;
  white-space:nowrap;
}
.benchmark-suite--premium .benchmark-bar.is-best .benchmark-bar__value,
.benchmark-suite--premium .benchmark-bar.is-best strong { color:var(--color-brand); }
[data-theme="dark"] .benchmark-suite.benchmark-suite--premium {
  background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--color-brand) 18%,transparent),transparent 30%),linear-gradient(145deg,#11151d,#151923);
  box-shadow:0 24px 76px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05);
}
[data-theme="dark"] .benchmark-suite--premium .benchmark-chart {
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));
}
@keyframes benchmark-premium-grow {
  from { transform:scaleX(0); opacity:.42; }
  to { transform:scaleX(1); opacity:1; }
}
@media (max-width:880px) {
  .review-box--premium .review-box__header { grid-template-columns:minmax(0,1fr) minmax(132px,190px); }
  .review-box--premium .review-box__score-card { grid-column:1/-1; grid-template-columns:auto auto auto; min-height:auto; justify-content:center; gap:.45rem .85rem; }
  .review-box--premium .review-box__score-card::before { display:none; }
  .review-box--premium .review-box__score-card > span,
  .review-box--premium .review-box__score-card small { align-self:center; }
  .benchmark-suite--premium .benchmark-suite__header { grid-template-columns:1fr; }
  .benchmark-suite--premium .benchmark-suite__rule { justify-self:start; }
}
@media (max-width:640px) {
  .share-rail a,
  .share-rail button { flex:0 0 40px; inline-size:40px; block-size:40px; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; }
  .review-box.review-box--premium { overflow:hidden; border-radius:20px; }
  .review-box--premium .review-box__header { grid-template-columns:1fr; min-height:0; }
  .review-box--premium .review-box__copy h2 { max-width:100%; font-size:clamp(2rem,10vw,3rem); }
  .review-box--premium .review-box__art { order:-1; min-height:180px; margin:-2rem 0 -.5rem; }
  .review-box--premium .review-box__art-image,
  .review-box--premium .review-box__art-placeholder { width:min(68%,210px); }
  .review-box--premium .review-breakdown,
  .review-box--premium .review-pros-cons { grid-template-columns:1fr; }
  .benchmark-suite--premium .benchmark-chart__header { grid-template-columns:1fr; }
  .benchmark-suite--premium .benchmark-chart__axis { display:none; }
  .benchmark-suite--premium .benchmark-bar {
    grid-template-columns:minmax(0,1fr) auto;
    gap:.45rem .7rem;
    padding:.55rem 0;
  }
  .benchmark-suite--premium .benchmark-bar__track,
  .benchmark-suite--premium .benchmark-bar > div { grid-column:1/-1; grid-row:2; height:32px; }
  .benchmark-suite--premium .benchmark-bar__label,
  .benchmark-suite--premium .benchmark-bar > span { white-space:normal; }
}
@media (prefers-reduced-motion:reduce) {
  .share-rail a,
  .share-rail button,
  .share-rail a::before,
  .share-rail button::before,
  .benchmark-suite--premium .benchmark-bar,
  .benchmark-suite--premium .benchmark-bar i { transition:none!important; animation:none!important; transform:none!important; }
}

/* Platform 2.16.2 — benchmark chart rebuild: no duplicate tables and no fake percentage axis for numeric data. */
.benchmark-suite--premium .benchmark-chart__axis {
  display:grid;
  grid-template-columns:minmax(160px,.52fr) minmax(190px,1.6fr) minmax(70px,auto);
  gap:.8rem;
  margin:.2rem .42rem .8rem;
  color:var(--color-muted);
  font-size:.68rem;
  font-weight:850;
  font-variant-numeric:tabular-nums;
  direction:ltr;
}
[dir="rtl"] .benchmark-suite--premium .benchmark-chart__axis { margin:.2rem .42rem .8rem; direction:ltr; }
.benchmark-suite--premium .benchmark-chart__axis-scale {
  grid-column:2;
  position:relative;
  min-height:1.25rem;
}
.benchmark-suite--premium .benchmark-chart__axis-scale::before {
  content:"";
  position:absolute;
  inset-inline:0;
  inset-block-start:.92rem;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-line) 82%,transparent),transparent);
}
.benchmark-suite--premium .benchmark-chart__axis span {
  position:absolute;
  inset-block-start:0;
  inset-inline-start:var(--benchmark-axis-pos,0%);
  min-width:2.4rem;
  text-align:center;
  transform:translateX(-50%);
  white-space:nowrap;
}
.benchmark-suite--premium .benchmark-chart__axis span:first-child { text-align:start; transform:translateX(0); }
.benchmark-suite--premium .benchmark-chart__axis span:last-child { text-align:end; transform:translateX(-100%); }
.benchmark-suite--premium .benchmark-table-wrap { display:none!important; }
.benchmark-suite--premium .benchmark-bar__track { direction:ltr; }
.benchmark-suite--premium .benchmark-bar__track i { min-width:0; }
@media(max-width:640px){.benchmark-suite--premium .benchmark-chart__axis{display:none}}

/* Advanced polls, directories, platform hubs, and agency pages */
.premium-poll { position:relative; overflow:hidden; border-color:color-mix(in srgb,var(--color-brand) 22%,var(--color-line)); background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--color-brand) 12%,transparent),transparent 34%),linear-gradient(145deg,var(--color-surface-raised),var(--color-surface)); box-shadow:var(--shadow-soft); transition:opacity var(--transition),transform var(--transition),visibility var(--transition); }
.editorial-poll__description,.editorial-poll__state { margin:-.35rem 0 .9rem; color:var(--color-muted); font-size:var(--font-size-sm); line-height:1.65; }
.editorial-poll__choices { max-height:min(62vh,520px); overflow:auto; padding-inline-end:.15rem; scrollbar-width:thin; }
.editorial-poll__choice { display:block; cursor:pointer; }
.editorial-poll__choice span { isolation:isolate; }
.editorial-poll__choice.is-selected > span { border-color:var(--poll-choice-accent,var(--color-brand)); box-shadow:0 0 0 2px color-mix(in srgb,var(--poll-choice-accent,var(--color-brand)) 22%,transparent); }
.editorial-poll__choice em { position:relative; z-index:1; color:var(--color-muted); font-size:.7rem; font-style:normal; }
.editorial-poll__choices--image { grid-template-columns:1fr; gap:.8rem; overflow:visible; max-height:none; }
.editorial-poll__choices--image .editorial-poll__choice > span { min-height:128px; padding:1rem; align-items:end; background:linear-gradient(135deg,color-mix(in srgb,var(--poll-choice-accent,var(--color-brand)) 16%,var(--color-surface)),var(--color-surface-raised)); }
.editorial-poll__choice-art { position:absolute; z-index:0; inset-block:auto -8px; inset-inline-end:.2rem; width:46%; max-width:150px; opacity:.92; transform:scale(var(--poll-image-scale,100%)); transform-origin:bottom center; pointer-events:none; }
.editorial-poll__choice-art img { width:100%; height:auto; object-fit:contain; object-position:var(--poll-image-position,center bottom); filter:drop-shadow(0 14px 24px rgba(0,0,0,.22)); }
.editorial-poll__choices--image strong,.editorial-poll__choices--image em,.editorial-poll__choices--image small,.editorial-poll__choices--image i { max-width:58%; }
.poll-popup { position:fixed; z-index:500; inset:0; display:grid; place-items:center; padding:1rem; opacity:0; visibility:hidden; transition:opacity var(--transition),visibility var(--transition); }
.poll-popup.is-visible { opacity:1; visibility:visible; }
.poll-popup__backdrop { position:absolute; inset:0; background:rgba(8,10,14,.62); backdrop-filter:blur(9px); }
.poll-popup__dialog { position:relative; width:min(100%,560px); max-height:min(88vh,760px); overflow:auto; padding:clamp(1rem,3vw,1.5rem); border:1px solid color-mix(in srgb,var(--color-brand) 28%,var(--color-line)); border-radius:var(--radius-lg); background:var(--color-surface-raised); box-shadow:0 30px 90px rgba(0,0,0,.32); transform:translateY(12px) scale(.98); transition:transform var(--transition); }
.poll-popup.is-visible .poll-popup__dialog { transform:none; }
.poll-popup__dialog > h2 { margin:0 2rem 1rem 0; font-size:var(--font-size-xl); }
[dir="rtl"] .poll-popup__dialog > h2 { margin:0 0 1rem 2rem; }
.poll-popup__close { position:absolute; inset-block-start:.8rem; inset-inline-end:.8rem; display:grid; width:38px; height:38px; place-items:center; border:1px solid var(--color-line); border-radius:50%; background:var(--color-surface); color:var(--color-ink); cursor:pointer; font-size:1.35rem; }
.poll-popup .premium-poll { position:static; padding:0; border:0; background:transparent; box-shadow:none; }

.footer-navigation--groups { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,3vw,2rem); }
.footer-group h2 { margin:0 0 .75rem; color:#fff; font-size:.86rem; letter-spacing:.04em; text-transform:uppercase; }
.footer-group ul { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.footer-group a { color:#c5cad2; font-size:var(--font-size-sm); font-weight:700; transition:color var(--transition-fast),transform var(--transition-fast); }
.footer-group a:hover,.footer-group a:focus-visible { color:var(--color-accent); transform:translateX(-2px); }
[dir="rtl"] .footer-group a:hover,[dir="rtl"] .footer-group a:focus-visible { transform:translateX(2px); }

.team-hero,.platform-hero,.agency-hero { overflow:hidden; background:radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--color-brand) 18%,transparent),transparent 35%),linear-gradient(145deg,var(--color-surface-raised),var(--color-canvas)); }
.team-hero__grid,.platform-hero__grid,.agency-hero__grid,.agency-overview__grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr); gap:clamp(1.5rem,5vw,4rem); align-items:center; }
.team-hero h1,.platform-hero h1,.agency-hero h1 { margin:.4rem 0 .9rem; font-size:var(--font-size-2xl); line-height:1.12; }
.team-hero p,.platform-hero p,.agency-hero p,.agency-copy p { color:var(--color-muted); font-size:var(--font-size-md); }
.team-hero__stat,.platform-hero__badge,.agency-hero__mark { display:grid; min-height:220px; place-items:center; border:1px solid var(--color-line); border-radius:var(--radius-lg); background:linear-gradient(145deg,color-mix(in srgb,var(--color-brand) 10%,var(--color-surface)),var(--color-surface-raised)); box-shadow:var(--shadow-soft); }
.team-hero__stat strong,.platform-hero__badge { font-size:clamp(3rem,7vw,7rem); font-weight:950; color:var(--color-brand); line-height:1; }
.team-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(1rem,2vw,1.5rem); }
.team-grid--featured { grid-template-columns:repeat(2,minmax(0,1fr)); margin-block-end:2rem; }
.team-card { position:relative; overflow:hidden; display:grid; grid-template-columns:118px 1fr; gap:1rem; padding:1rem; border:1px solid color-mix(in srgb,var(--team-accent,var(--color-brand)) 20%,var(--color-line)); border-radius:var(--radius-lg); background:linear-gradient(145deg,var(--color-surface-raised),var(--color-surface)); box-shadow:var(--shadow-soft); }
.team-card::before { position:absolute; inset-inline:0; inset-block-start:0; height:4px; background:linear-gradient(90deg,var(--team-accent,var(--color-brand)),var(--color-accent)); content:""; }
.team-card__media { overflow:hidden; align-self:start; aspect-ratio:1; border-radius:20px; background:var(--color-charcoal); }
.team-card__media img,.team-card__media .avatar { width:100%; height:100%; object-fit:cover; }
.team-card__body span { color:var(--team-accent,var(--color-brand)); font-size:.72rem; font-weight:900; text-transform:uppercase; letter-spacing:.04em; }
.team-card h3 { margin:.25rem 0 .25rem; font-size:var(--font-size-lg); }
.team-card p { margin:.25rem 0; color:var(--color-muted); font-size:var(--font-size-sm); line-height:1.65; }
.team-card__links { display:flex; flex-wrap:wrap; gap:.45rem; margin-block-start:.7rem; }
.team-card__links a { padding:.25rem .55rem; border:1px solid var(--color-line); border-radius:999px; color:var(--color-muted); font-size:.7rem; font-weight:800; }
.team-card--featured { min-height:230px; grid-template-columns:150px 1fr; }

.platform-hero { --platform-accent:#e70507; background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--platform-accent) 30%,transparent),transparent 35%),linear-gradient(145deg,var(--color-surface-raised),var(--color-canvas)); }
.platform-hero__badge { color:var(--platform-accent); border-color:color-mix(in srgb,var(--platform-accent) 35%,var(--color-line)); text-shadow:0 18px 45px color-mix(in srgb,var(--platform-accent) 30%,transparent); }
.platform-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(1rem,3vw,2rem); }
.platform-list { display:grid; gap:.75rem; }
.platform-list a { display:flex; justify-content:space-between; gap:1rem; padding:1rem; border:1px solid var(--color-line); border-radius:var(--radius-md); background:var(--color-surface-raised); transition:border-color var(--transition-fast),transform var(--transition-fast); }
.platform-list a:hover { border-color:var(--platform-accent); transform:translateY(-2px); }
.platform-list span { color:var(--color-muted); font-size:.78rem; white-space:nowrap; }

.agency-hero__mark .custom-logo-link,.agency-hero__mark .wordmark { transform:scale(1.4); }
.agency-overview__grid { align-items:start; }
.agency-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.agency-stat { padding:1.25rem; border:1px solid var(--color-line); border-radius:var(--radius-lg); background:var(--color-surface-raised); box-shadow:var(--shadow-soft); }
.agency-stat strong { display:block; color:var(--color-brand); font-size:clamp(2rem,4vw,3.5rem); font-weight:950; line-height:1; }
.agency-stat span { color:var(--color-muted); font-weight:800; }
.agency-services,.agency-logos { display:flex; flex-wrap:wrap; gap:.8rem; }
.agency-services span { padding:.7rem 1rem; border:1px solid color-mix(in srgb,var(--color-brand) 24%,var(--color-line)); border-radius:999px; background:var(--color-surface-raised); color:var(--color-ink); font-weight:850; }
.agency-portfolio { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.agency-portfolio article,.agency-logos a,.agency-logos span { padding:1.1rem; border:1px solid var(--color-line); border-radius:var(--radius-lg); background:var(--color-surface-raised); box-shadow:var(--shadow-soft); }
.agency-portfolio h3 { margin-block:.1rem .45rem; }
.agency-portfolio p { color:var(--color-muted); }
.agency-portfolio a { color:var(--color-brand); font-weight:900; }
.agency-logo-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; }
.agency-logos a,.agency-logos span { display:grid; min-width:145px; min-height:82px; place-items:center; }
.agency-logos img { max-height:54px; width:auto; object-fit:contain; }
.empty-state { padding:1.25rem; border:1px dashed var(--color-line); border-radius:var(--radius-md); background:var(--color-surface); color:var(--color-muted); }
.empty-state--compact { padding:.9rem; }

@media (prefers-reduced-motion: reduce) { .premium-poll,.poll-popup,.poll-popup__dialog,.footer-group a,.platform-list a { transition:none!important; } }
@media (max-width:900px) { .footer-navigation--groups,.team-hero__grid,.platform-hero__grid,.agency-hero__grid,.agency-overview__grid,.team-grid,.team-grid--featured,.platform-split,.agency-portfolio,.agency-logo-groups { grid-template-columns:1fr; } .team-card,.team-card--featured { grid-template-columns:96px 1fr; } .site-footer__top { grid-template-columns:1fr; } }
@media (max-width:560px) { .team-card,.team-card--featured { grid-template-columns:1fr; } .team-card__media { width:118px; } .agency-stats { grid-template-columns:1fr; } .editorial-poll__choices--image strong,.editorial-poll__choices--image em,.editorial-poll__choices--image small,.editorial-poll__choices--image i { max-width:100%; } .editorial-poll__choice-art { opacity:.18; width:70%; } }

/* 2.17.1 cinematic platform hubs and agency/about page */
.platform-magazine {
  --platform-accent:#e70507;
  --platform-bg:#171313;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 6%, color-mix(in srgb,var(--platform-accent) 24%,transparent), transparent 28rem),
    radial-gradient(circle at 12% 28%, rgba(255,255,255,.055), transparent 24rem),
    linear-gradient(180deg,#221c1e 0%,var(--platform-bg) 34%,#151719 100%);
  color:#f7f5f3;
}
.platform-magazine::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.28;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent);
}
.platform-magazine__aura {
  position:absolute;
  z-index:-1;
  inset:auto -16vw 6% auto;
  width:min(44vw,620px);
  aspect-ratio:1;
  border:1px solid color-mix(in srgb,var(--platform-accent) 34%,transparent);
  border-radius:38% 62% 48% 52%;
  background:radial-gradient(circle,color-mix(in srgb,var(--platform-accent) 20%,transparent),transparent 64%);
  filter:blur(5px);
  animation:platform-float 12s ease-in-out infinite alternate;
}
.platform-magazine__hero { padding-block:clamp(2rem,4vw,4rem) clamp(3rem,6vw,6rem); }
.platform-magazine__masthead {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.25rem;
  margin-block-end:clamp(1.5rem,4vw,3rem);
}
.platform-magazine__titlebar {
  display:flex;
  align-items:center;
  gap:.75rem;
  color:color-mix(in srgb,var(--platform-accent) 84%,#fff);
  font-size:.85rem;
  font-weight:950;
}
.platform-magazine__marker {
  width:2.4rem;
  height:2px;
  border-radius:999px;
  background:var(--platform-accent);
  box-shadow:0 0 18px color-mix(in srgb,var(--platform-accent) 70%,transparent);
}
.platform-magazine__brand {
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  color:#fff;
  font-weight:950;
}
.platform-magazine__brand span {
  color:var(--platform-accent);
  font-size:1.35rem;
  letter-spacing:.12em;
  text-shadow:0 0 24px color-mix(in srgb,var(--platform-accent) 54%,transparent);
}
.platform-magazine__brand strong { font-size:clamp(1.35rem,3vw,2.6rem); line-height:1; }
.platform-magazine__layout {
  display:grid;
  grid-template-columns:minmax(230px,.42fr) minmax(0,1fr);
  gap:clamp(1.25rem,3.5vw,2.6rem);
  align-items:start;
}
.platform-promo-card {
  position:sticky;
  top:calc(var(--header-height,76px) + 1rem);
}
.platform-promo-card__screen {
  position:relative;
  overflow:hidden;
  min-height:clamp(360px,52vw,560px);
  display:flex;
  flex-direction:column;
  justify-content:end;
  gap:1rem;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    radial-gradient(circle at 60% 24%,color-mix(in srgb,var(--platform-accent) 36%,transparent),transparent 40%),
    linear-gradient(145deg,#2b2527,#161414);
  box-shadow:0 28px 70px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.12);
}
.platform-promo-card__screen::before {
  content:"";
  position:absolute;
  inset:10%;
  opacity:.32;
  background:
    radial-gradient(circle,rgba(255,255,255,.24) 0 2px,transparent 2.5px) 0 0/22px 22px,
    linear-gradient(135deg,transparent 42%,color-mix(in srgb,var(--platform-accent) 54%,transparent) 43% 44%,transparent 45%);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);
}
.platform-promo-card__eyebrow,
.platform-chip,
.agency-kicker {
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:.4rem;
  border-radius:999px;
  color:var(--platform-accent,var(--color-brand));
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.platform-promo-card__screen > * { position:relative; z-index:1; }
.platform-promo-card__screen strong {
  color:#fff;
  font-size:clamp(2.6rem,7vw,5.6rem);
  font-weight:1000;
  line-height:.86;
  text-transform:uppercase;
}
.platform-promo-card__screen p {
  max-width:26ch;
  margin:0;
  color:#d4d2d2;
  font-weight:750;
  line-height:1.65;
}
.platform-promo-card__glyph {
  display:grid;
  width:74px;
  height:74px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--platform-accent) 64%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--platform-accent) 18%,rgba(0,0,0,.34));
  color:#fff;
  font-size:1.25rem;
  font-weight:950;
  box-shadow:0 16px 40px color-mix(in srgb,var(--platform-accent) 24%,transparent);
}
.platform-promo-card__link {
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:.45rem;
  padding:.68rem 1rem;
  border:1px solid color-mix(in srgb,var(--platform-accent) 58%,transparent);
  border-radius:999px;
  color:#fff;
  font-weight:950;
  transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);
}
.platform-promo-card__link:hover,
.platform-promo-card__link:focus-visible {
  background:var(--platform-accent);
  border-color:var(--platform-accent);
  transform:translateY(-2px);
}
.platform-editorial-feed { min-width:0; }
.platform-lead-card {
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(260px,.86fr) minmax(320px,1.12fr);
  min-height:260px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 24px 60px rgba(0,0,0,.28);
}
.platform-lead-card__copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.85rem;
  padding:clamp(1.25rem,3vw,2.15rem);
}
.platform-lead-card h1 {
  max-width:15ch;
  margin:0;
  color:#fff;
  font-size:clamp(1.65rem,3.2vw,3.35rem);
  line-height:1.02;
  letter-spacing:-.04em;
}
.platform-lead-card h1 a { color:inherit; }
.platform-lead-card p {
  max-width:42ch;
  margin:0;
  color:#d5d5d6;
  line-height:1.75;
}
.platform-lead-card__media {
  position:relative;
  min-height:260px;
  overflow:hidden;
  background:#27292d;
}
.platform-lead-card__media::after,
.platform-news-row__media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.28));
  pointer-events:none;
}
.platform-lead-card__media img,
.platform-news-row__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  transition:transform .7s var(--ease-editorial),filter .7s var(--ease-editorial);
}
.platform-lead-card:hover .platform-lead-card__media img,
.platform-news-row:hover .platform-news-row__media img { transform:scale(1.08); filter:saturate(1.12); }
.platform-chip {
  padding:.42rem .7rem;
  background:var(--platform-accent);
  color:#fff;
  box-shadow:0 12px 30px color-mix(in srgb,var(--platform-accent) 25%,transparent);
}
.platform-chip--small {
  padding:.28rem .52rem;
  font-size:.66rem;
}
.platform-meta {
  display:flex;
  flex-wrap:wrap;
  gap:.55rem .9rem;
  color:#aeb1b8;
  font-size:.78rem;
  font-weight:760;
}
.platform-meta span + span::before {
  content:"•";
  margin-inline-end:.7rem;
  color:var(--platform-accent);
}
.platform-news-deck { margin-block-start:clamp(1.5rem,4vw,2.6rem); }
.platform-section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-block-end:1rem;
  padding-block-end:.85rem;
  border-block-end:1px solid rgba(255,255,255,.12);
}
.platform-section-heading span {
  color:var(--platform-accent);
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.platform-section-heading h2 {
  margin:0;
  color:#fff;
  font-size:clamp(1.25rem,2vw,1.8rem);
  line-height:1.15;
}
.platform-news-stack { display:grid; gap:0; }
.platform-news-row {
  display:grid;
  grid-template-columns:minmax(150px,240px) minmax(0,1fr);
  gap:clamp(1rem,2.5vw,1.6rem);
  align-items:center;
  padding-block:clamp(1.05rem,2.4vw,1.65rem);
  border-block-end:1px solid rgba(255,255,255,.12);
}
.platform-news-row__media {
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:14px;
  background:#27292d;
}
.platform-news-row__body h3 {
  margin:.45rem 0 .45rem;
  color:#fff;
  font-size:clamp(1.05rem,2vw,1.55rem);
  line-height:1.3;
}
.platform-news-row__body h3 a { color:inherit; }
.platform-news-row__body p {
  margin:0 0 .65rem;
  color:#c9cbd0;
  line-height:1.7;
}
.platform-hub-panels {
  padding-block:clamp(2.4rem,5vw,4rem);
  background:linear-gradient(180deg,#151719,#101113);
  border-block-start:1px solid rgba(255,255,255,.1);
}
.platform-hub-panels__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1rem,2.5vw,1.5rem);
}
.platform-mini-panel {
  padding:clamp(1rem,2.5vw,1.45rem);
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.platform-section-heading--compact { margin-block-end:.4rem; border:0; padding:0; }
.platform-mini-list { display:grid; }
.platform-mini-list a {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 0;
  border-block-end:1px solid rgba(255,255,255,.1);
  color:#fff;
}
.platform-mini-list a:hover strong { color:var(--platform-accent); }
.platform-mini-list span,
.platform-panel-empty { color:#aeb1b8; font-size:.78rem; }
.platform-empty-state {
  display:grid;
  min-height:280px;
  place-items:center;
  align-content:center;
  gap:.55rem;
  border:1px dashed color-mix(in srgb,var(--platform-accent) 38%,rgba(255,255,255,.18));
  border-radius:18px;
  background:rgba(255,255,255,.035);
  color:#d8d8da;
  text-align:center;
}
.platform-empty-state strong { color:#fff; font-size:1.4rem; }

.agency-page {
  --agency-accent:var(--color-brand,#e70507);
  --agency-gold:#ff9d00;
  overflow:hidden;
  background:#090a0c;
  color:#f8f8f8;
}
.agency-cinematic-hero {
  position:relative;
  isolation:isolate;
  min-height:min(92vh,900px);
  display:grid;
  align-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.38),rgba(0,0,0,.78)),
    var(--agency-hero-image, radial-gradient(circle at 70% 30%,rgba(151,40,255,.36),transparent 28rem)),
    linear-gradient(135deg,#090b12,#1c1028 55%,#100609);
  background-size:cover;
  background-position:center;
}
.agency-cinematic-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 72% 22%,rgba(112,45,255,.28),transparent 28%),
    radial-gradient(circle at 20% 82%,rgba(231,5,7,.22),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.04),transparent 26%);
}
.agency-cinematic-hero::after {
  content:"";
  position:absolute;
  inset:auto -10% -20% -10%;
  z-index:-1;
  height:44%;
  background:linear-gradient(180deg,transparent,#090a0c 80%);
}
.agency-cinematic-hero__shade {
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:60px 60px;
  mask-image:linear-gradient(180deg,transparent,#000 10%,#000 88%,transparent);
}
.agency-cinematic-hero__inner {
  display:grid;
  gap:clamp(2rem,5vw,4rem);
  padding-block:clamp(5rem,10vw,8rem) clamp(2.5rem,5vw,4rem);
}
.agency-cinematic-hero__logo {
  display:inline-flex;
  width:max-content;
  align-items:center;
  justify-content:center;
  padding:.6rem .8rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
}
.agency-cinematic-hero__logo .custom-logo-link,
.agency-cinematic-hero__logo .wordmark { transform:scale(1.12); transform-origin:center; }
.agency-cinematic-hero__copy {
  max-width:880px;
  margin-inline:auto;
  text-align:center;
}
.agency-kicker {
  color:var(--agency-gold);
  background:transparent;
}
.agency-cinematic-hero h1 {
  margin:.45rem auto .8rem;
  color:#fff;
  font-size:clamp(3rem,8vw,7.8rem);
  font-weight:1000;
  line-height:.88;
  letter-spacing:-.075em;
  text-wrap:balance;
  text-shadow:0 22px 60px rgba(0,0,0,.5);
}
.agency-cinematic-hero p {
  max-width:680px;
  margin:0 auto;
  color:#e6e8ee;
  font-size:clamp(1rem,1.7vw,1.25rem);
  line-height:1.75;
}
.agency-cinematic-hero__actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.8rem;
  margin-block-start:1.6rem;
}
.agency-page .button--ghost {
  border-color:rgba(255,255,255,.38);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.agency-page .button--ghost:hover,
.agency-page .button--ghost:focus-visible {
  border-color:#fff;
  background:#fff;
  color:#111;
}
.agency-hero-stats {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.75rem;
  margin-block-start:clamp(1rem,3vw,2rem);
}
.agency-hero-stat {
  padding:1rem .75rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(0,0,0,.24);
  text-align:center;
  backdrop-filter:blur(16px);
}
.agency-hero-stat strong {
  display:block;
  color:#fff;
  font-size:clamp(1.6rem,3vw,3.2rem);
  font-weight:1000;
  line-height:1;
}
.agency-hero-stat span {
  display:block;
  margin-block-start:.4rem;
  color:#b7bbc5;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.agency-manifesto {
  padding-block:clamp(3rem,7vw,6rem);
  background:linear-gradient(180deg,#090a0c,#f4f1ed 0,#f4f1ed 100%);
  color:#151719;
}
.agency-manifesto__grid {
  display:grid;
  grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);
  gap:clamp(1.5rem,5vw,4rem);
  align-items:start;
}
.agency-manifesto__badge {
  position:sticky;
  top:calc(var(--header-height,76px) + 1.25rem);
  display:grid;
  min-height:190px;
  place-items:center;
  align-content:center;
  border-radius:28px;
  background:#111319;
  color:#fff;
  box-shadow:0 28px 70px rgba(0,0,0,.15);
}
.agency-manifesto__badge span {
  color:var(--agency-accent);
  font-size:clamp(2.4rem,5vw,5rem);
  font-weight:1000;
  line-height:1;
}
.agency-manifesto__badge strong { letter-spacing:.08em; text-transform:uppercase; }
.agency-manifesto__copy h2 {
  max-width:920px;
  margin:.45rem 0 1rem;
  color:#111319;
  font-size:clamp(2rem,5vw,4.8rem);
  line-height:.98;
  letter-spacing:-.06em;
}
.agency-manifesto__copy p,
.agency-manifesto__content {
  max-width:850px;
  color:#343840;
  font-size:clamp(1rem,1.4vw,1.16rem);
  line-height:1.8;
}
.agency-capabilities,
.agency-logo-wall-section,
.agency-work,
.agency-team-cinematic {
  position:relative;
  overflow:hidden;
  padding-block:clamp(3.5rem,7vw,6.5rem);
  background:
    radial-gradient(circle at 10% 20%,rgba(231,5,7,.12),transparent 24rem),
    radial-gradient(circle at 90% 58%,rgba(255,157,0,.1),transparent 26rem),
    #0b0c0f;
}
.agency-capabilities::before,
.agency-logo-wall-section::before,
.agency-work::before,
.agency-team-cinematic::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.32;
  pointer-events:none;
  background:radial-gradient(circle,rgba(255,157,0,.28) 0 1px,transparent 1.6px) 0 0/72px 72px;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);
}
.agency-section-title {
  position:relative;
  z-index:1;
  max-width:720px;
  margin-inline:auto;
  margin-block-end:clamp(1.5rem,4vw,3rem);
  text-align:center;
}
.agency-section-title > span {
  display:block;
  width:58px;
  height:3px;
  margin:0 auto 1rem;
  border-radius:999px;
  background:var(--agency-gold);
  box-shadow:0 0 22px rgba(255,157,0,.38);
}
.agency-section-title h2 {
  margin:0;
  color:var(--agency-gold);
  font-size:clamp(2rem,5vw,4.4rem);
  font-weight:1000;
  line-height:.95;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.agency-section-title p {
  margin:.9rem auto 0;
  max-width:58ch;
  color:#a8adb7;
  line-height:1.75;
}
.agency-service-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(.8rem,2vw,1.25rem);
}
.agency-service-card {
  min-height:154px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:.7rem;
  padding:1.25rem;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  color:#fff;
  text-align:center;
  box-shadow:0 20px 55px rgba(0,0,0,.16);
  transition:transform var(--transition),border-color var(--transition),background var(--transition);
}
.agency-service-card span {
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.075);
  color:var(--agency-gold);
  font-size:1.25rem;
}
.agency-service-card h3 {
  margin:0;
  font-size:1rem;
  line-height:1.35;
}
.agency-service-card:hover {
  transform:translateY(-6px);
  border-color:rgba(255,157,0,.42);
  background:linear-gradient(145deg,rgba(255,157,0,.11),rgba(255,255,255,.035));
}
.agency-logo-wall-section {
  background:
    linear-gradient(180deg,#0b0c0f,#11100d),
    radial-gradient(circle at 50% 20%,rgba(255,157,0,.14),transparent 28rem);
}
.agency-logo-wall {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(.9rem,2vw,1.2rem);
}
.agency-logo-card {
  min-height:124px;
  display:grid;
  place-items:center;
  padding:1.25rem;
  border:1px solid rgba(255,157,0,.18);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  color:#fff;
  text-align:center;
  box-shadow:0 20px 45px rgba(0,0,0,.14);
  transition:transform var(--transition),border-color var(--transition),filter var(--transition);
}
.agency-logo-card:hover,
.agency-logo-card:focus-visible {
  transform:translateY(-4px);
  border-color:rgba(255,157,0,.45);
  filter:brightness(1.1);
}
.agency-logo-card strong {
  font-size:clamp(1.3rem,2.4vw,2.6rem);
  font-weight:1000;
  letter-spacing:-.04em;
}
.agency-logo-card img {
  max-width:min(220px,82%);
  max-height:72px;
  object-fit:contain;
}
.agency-work-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1rem,2.5vw,1.4rem);
}
.agency-work-card {
  overflow:hidden;
  display:grid;
  min-height:430px;
  border:1px solid rgba(255,157,0,.2);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:0 24px 65px rgba(0,0,0,.18);
  transition:transform var(--transition),border-color var(--transition);
}
.agency-work-card:hover { transform:translateY(-7px); border-color:rgba(255,157,0,.48); }
.agency-work-card__visual {
  min-height:220px;
  display:grid;
  place-items:end start;
  padding:1rem;
  background:
    radial-gradient(circle at 72% 22%,rgba(255,157,0,.25),transparent 35%),
    linear-gradient(135deg,#22252b,#0e0f12);
}
.agency-work-card__visual span {
  color:rgba(255,255,255,.12);
  font-size:clamp(4rem,8vw,7rem);
  font-weight:1000;
  line-height:.8;
}
.agency-work-card__body {
  padding:1.2rem;
}
.agency-work-card h3 {
  margin:.45rem 0 .55rem;
  color:#fff;
  font-size:1.35rem;
  line-height:1.18;
}
.agency-work-card p {
  color:#b8bdc7;
  line-height:1.7;
}
.agency-work-card a {
  display:inline-flex;
  margin-block-start:.5rem;
  color:var(--agency-gold);
  font-weight:950;
}
.agency-team-cinematic .team-card {
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border-color:rgba(255,157,0,.18);
  color:#fff;
}
.agency-team-cinematic .team-card h3 { color:#fff; }
.agency-team-cinematic .team-card p { color:#b8bdc7; }

@keyframes platform-float {
  from { transform:translate3d(0,0,0) rotate(0deg); }
  to { transform:translate3d(-4%,3%,0) rotate(8deg); }
}
@media (prefers-reduced-motion: reduce) {
  .platform-magazine__aura { animation:none; }
  .platform-lead-card__media img,
  .platform-news-row__media img,
  .agency-service-card,
  .agency-logo-card,
  .agency-work-card { transition:none!important; }
}
@media (max-width:1100px) {
  .platform-magazine__layout { grid-template-columns:1fr; }
  .platform-promo-card { position:relative; top:auto; }
  .platform-promo-card__screen { min-height:300px; }
  .agency-hero-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .agency-service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .agency-work-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .platform-magazine__masthead,
  .platform-section-heading { align-items:flex-start; flex-direction:column; }
  .platform-lead-card,
  .platform-news-row,
  .platform-hub-panels__grid,
  .agency-manifesto__grid,
  .agency-logo-wall,
  .agency-work-grid { grid-template-columns:1fr; }
  .platform-lead-card__media { order:-1; }
  .platform-news-row__media { max-width:none; }
  .platform-meta span + span::before { content:""; margin:0; }
  .agency-hero-stats,
  .agency-service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .agency-manifesto__badge { position:relative; top:auto; min-height:130px; }
}
@media (max-width:520px) {
  .platform-magazine__hero,
  .agency-capabilities,
  .agency-logo-wall-section,
  .agency-work,
  .agency-team-cinematic { padding-block:2.4rem; }
  .platform-promo-card__screen { min-height:260px; }
  .agency-cinematic-hero { min-height:auto; }
  .agency-cinematic-hero__inner { padding-block:3.5rem 2.25rem; }
  .agency-hero-stats,
  .agency-service-grid { grid-template-columns:1fr; }
  .agency-service-card { min-height:122px; }
}

/* 2.17.2 platform identity, original character art, and agency portfolio polish */
.platform-magazine__layout {
  grid-template-columns:minmax(270px,320px) minmax(0,1fr);
  gap:clamp(1.5rem,3vw,2.5rem);
}
.platform-magazine__brand { gap:.9rem; }
.platform-magazine__brand > strong {
  font-size:clamp(2rem,4vw,4.25rem);
  letter-spacing:-.055em;
}
.platform-logo {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--platform-accent);
}
.platform-logo i {
  position:relative;
  display:block;
  width:36px;
  height:36px;
  flex:0 0 36px;
}
.platform-logo b {
  color:currentColor;
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.08em;
  line-height:1;
}
.platform-logo--playstation i::before,
.platform-logo--playstation i::after {
  position:absolute;
  color:currentColor;
  font-weight:1000;
  line-height:1;
  content:"P";
}
.platform-logo--playstation i::before { inset:0 auto auto 3px; font-size:32px; }
.platform-logo--playstation i::after { inset:auto 0 0 auto; content:"S"; font-size:22px; transform:skewX(-18deg); }
.platform-logo--xbox i {
  border:2px solid currentColor;
  border-radius:50%;
}
.platform-logo--xbox i::before,
.platform-logo--xbox i::after {
  position:absolute;
  inset:7px 15px;
  border-radius:999px;
  background:currentColor;
  content:"";
  transform:rotate(42deg);
}
.platform-logo--xbox i::after { transform:rotate(-42deg); }
.platform-logo--nintendo i {
  border:2px solid currentColor;
  border-radius:9px;
}
.platform-logo--nintendo i::before,
.platform-logo--nintendo i::after {
  position:absolute;
  top:5px;
  bottom:5px;
  width:10px;
  border:2px solid currentColor;
  border-radius:7px 3px 3px 7px;
  content:"";
}
.platform-logo--nintendo i::before { left:5px; }
.platform-logo--nintendo i::after { right:5px; border-radius:3px 7px 7px 3px; }
.platform-logo--pc i {
  border:2px solid currentColor;
  border-radius:5px;
}
.platform-logo--pc i::before {
  position:absolute;
  inset:7px;
  background:
    linear-gradient(90deg,transparent 46%,currentColor 46% 54%,transparent 54%),
    linear-gradient(transparent 46%,currentColor 46% 54%,transparent 54%);
  content:"";
}
.platform-promo-card__screen {
  min-height:470px;
  justify-content:flex-end;
  gap:.7rem;
  padding:1.35rem;
  border-radius:26px;
  background:#111318;
  transition:transform .7s var(--ease-editorial),border-color .5s ease,box-shadow .5s ease;
}
.platform-promo-card__screen:hover {
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--platform-accent) 55%,rgba(255,255,255,.16));
  box-shadow:0 34px 80px rgba(0,0,0,.42),0 0 50px color-mix(in srgb,var(--platform-accent) 14%,transparent);
}
.platform-promo-card__screen::before {
  inset:0;
  opacity:1;
  z-index:1;
  background:
    linear-gradient(180deg,transparent 24%,rgba(8,9,12,.22) 52%,#101116 82%),
    linear-gradient(135deg,transparent 36%,color-mix(in srgb,var(--platform-accent) 22%,transparent) 62%,transparent 63%);
  mask-image:none;
}
.platform-promo-card__art {
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-image:var(--platform-art);
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:0% center;
  filter:saturate(1.06) contrast(1.05);
  transform:scale(1.025);
  transform-origin:50% 70%;
  transition:transform 1s var(--ease-editorial),filter .7s ease;
  animation:platform-character-idle 7s ease-in-out infinite alternate;
}
.platform-magazine--xbox .platform-promo-card__art { background-position:33.33% center; }
.platform-magazine--nintendo .platform-promo-card__art { background-position:66.66% center; }
.platform-magazine--pc .platform-promo-card__art { background-position:100% center; }
.platform-promo-card__screen:hover .platform-promo-card__art { transform:scale(1.075) translateY(-4px); filter:saturate(1.2) contrast(1.08); }
.platform-promo-card__screen > *:not(.platform-promo-card__art) { position:relative; z-index:2; }
.platform-promo-card__eyebrow { text-shadow:0 2px 18px #000; }
.platform-promo-card__title {
  max-width:100%;
  font-size:clamp(2rem,3.4vw,3.25rem)!important;
  line-height:.96!important;
  overflow-wrap:anywhere;
  text-transform:none!important;
  text-shadow:0 5px 30px rgba(0,0,0,.9);
}
.platform-promo-card__screen p {
  max-width:30ch;
  color:#e5e7eb;
  font-size:.92rem;
  line-height:1.55;
  text-shadow:0 3px 18px rgba(0,0,0,.9);
}
.platform-promo-card__logo {
  width:max-content;
  margin-block-start:.35rem;
  padding:.55rem .7rem;
  border:1px solid color-mix(in srgb,var(--platform-accent) 52%,rgba(255,255,255,.16));
  border-radius:14px;
  background:rgba(8,9,12,.68);
  backdrop-filter:blur(14px);
}
.platform-empty-state { min-height:360px; }

.agency-cinematic-hero {
  min-height:min(92vh,880px);
  background:
    radial-gradient(circle at 77% 38%,rgba(231,5,7,.3),transparent 24rem),
    radial-gradient(circle at 25% 75%,rgba(255,157,0,.12),transparent 22rem),
    linear-gradient(135deg,#08090b 0%,#121016 48%,#170708 100%);
}
.agency-cinematic-hero__inner { gap:1.5rem; padding-block:clamp(3.8rem,8vw,7rem) 2.5rem; }
.agency-cinematic-hero__logo { margin-block-end:.6rem; }
.agency-cinematic-hero__grid {
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:center;
}
.agency-cinematic-hero__copy {
  max-width:720px;
  margin:0;
  text-align:start;
}
.agency-cinematic-hero h1 {
  max-width:11ch;
  margin:.55rem 0 1rem;
  font-size:clamp(3.2rem,6.8vw,7.2rem);
  line-height:.9;
}
.agency-cinematic-hero p { max-width:56ch; margin:0; }
.agency-cinematic-hero__actions { justify-content:flex-start; }
.agency-cinematic-hero__stage {
  position:relative;
  min-height:500px;
  perspective:1200px;
}
.agency-cinematic-hero__stage::before {
  position:absolute;
  inset:8% 2% 4% 12%;
  border:1px solid rgba(255,255,255,.09);
  border-radius:42% 58% 48% 52%;
  background:radial-gradient(circle at 40% 40%,rgba(231,5,7,.34),transparent 64%);
  filter:blur(1px);
  content:"";
  animation:agency-orbit 12s ease-in-out infinite alternate;
}
.agency-stage-card {
  position:absolute;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(255,255,255,.15);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
  box-shadow:0 35px 90px rgba(0,0,0,.42);
  backdrop-filter:blur(22px);
}
.agency-stage-card--primary {
  inset:6% 6% 14% 12%;
  padding:2rem;
  transform:rotateY(-8deg) rotateZ(-2deg);
  background:
    linear-gradient(155deg,transparent 30%,rgba(0,0,0,.82)),
    radial-gradient(circle at 70% 22%,rgba(255,157,0,.38),transparent 30%),
    linear-gradient(135deg,#3c0809,#11131a 62%);
}
.agency-stage-card--primary::before {
  position:absolute;
  inset:0;
  opacity:.38;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:34px 34px;
  content:"";
}
.agency-stage-card--primary > * { position:relative; }
.agency-stage-card--primary span { color:#ffb323; font-size:.7rem; font-weight:950; letter-spacing:.14em; }
.agency-stage-card--primary strong { max-width:8ch; margin:.65rem 0; color:#fff; font-size:clamp(2.3rem,5vw,4.8rem); line-height:.85; text-transform:uppercase; }
.agency-stage-card--primary i { color:#aeb2bc; font-size:.72rem; font-style:normal; letter-spacing:.16em; }
.agency-stage-card--signal {
  top:2%;
  right:-2%;
  min-width:160px;
  padding:1.1rem;
  transform:rotate(4deg);
}
.agency-stage-card--signal b { color:#fff; font-size:2.2rem; line-height:1; }
.agency-stage-card--signal span { color:#aeb2bc; font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
.agency-stage-card--social {
  right:-4%;
  bottom:4%;
  width:min(260px,60%);
  gap:.45rem;
  padding:1rem 1.2rem;
  transform:rotate(-3deg);
}
.agency-stage-card--social span { color:#ff5b5d; font-size:.7rem; font-weight:950; }
.agency-stage-card--social strong { color:#fff; font-size:.85rem; letter-spacing:.05em; }
.agency-hero-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
.agency-hero-stat { border-radius:14px; background:rgba(255,255,255,.035); text-align:start; }
.agency-manifesto { background:#f2efe9; }
.agency-work { background:linear-gradient(180deg,#11100d,#090a0c); }
.agency-work-card__visual {
  background:
    linear-gradient(145deg,transparent 20%,rgba(231,5,7,.28)),
    radial-gradient(circle at 72% 22%,rgba(255,157,0,.3),transparent 35%),
    linear-gradient(135deg,#23262d,#0d0e11);
}

.team-hero {
  padding-block:clamp(4rem,9vw,8rem);
  background:
    radial-gradient(circle at 82% 28%,rgba(231,5,7,.22),transparent 28rem),
    radial-gradient(circle at 15% 80%,rgba(255,157,0,.13),transparent 24rem),
    #090a0c;
  color:#fff;
}
.team-hero h1 { max-width:12ch; font-size:clamp(3rem,7vw,7rem); line-height:.9; letter-spacing:-.06em; }
.team-hero p { max-width:58ch; color:#b8bdc7; }
.team-hero__stat { min-height:280px; border-color:rgba(255,255,255,.12); background:linear-gradient(145deg,rgba(231,5,7,.14),rgba(255,255,255,.04)); }
.team-hero + .section { background:#0e0f12; color:#fff; }
.team-hero + .section .section-heading__title { color:#fff; }
.team-hero + .section .team-card {
  grid-template-columns:1fr;
  padding:0;
  border-color:color-mix(in srgb,var(--team-accent) 26%,rgba(255,255,255,.12));
  background:linear-gradient(180deg,#191b20,#111216);
  color:#fff;
  transition:transform .45s var(--ease-editorial),border-color .3s ease;
}
.team-hero + .section .team-card:hover { transform:translateY(-7px); border-color:var(--team-accent); }
.team-hero + .section .team-card__media { width:100%; aspect-ratio:4/3; border-radius:inherit; border-end-start-radius:0; border-end-end-radius:0; }
.team-hero + .section .team-card__body { padding:1.15rem; }
.team-hero + .section .team-card h3 { color:#fff; }
.team-hero + .section .team-card p { color:#aeb2bc; }

@keyframes platform-character-idle {
  from { transform:scale(1.025) translate3d(0,0,0); }
  to { transform:scale(1.055) translate3d(0,-5px,0); }
}
@keyframes agency-orbit {
  from { transform:rotate(-4deg) scale(.98); }
  to { transform:rotate(5deg) scale(1.04); }
}
@media (prefers-reduced-motion:reduce) {
  .platform-promo-card__art,
  .agency-cinematic-hero__stage::before { animation:none; }
}
@media (max-width:1100px) {
  .platform-magazine__layout { grid-template-columns:260px minmax(0,1fr); }
  .platform-promo-card { position:sticky; top:calc(var(--header-height,76px) + 1rem); }
  .agency-cinematic-hero__grid { grid-template-columns:1fr; }
  .agency-cinematic-hero__copy { max-width:800px; }
  .agency-cinematic-hero__stage { min-height:430px; max-width:720px; width:100%; margin-inline:auto; }
}
@media (max-width:860px) {
  .platform-magazine__layout { grid-template-columns:1fr; }
  .platform-promo-card { position:relative; top:auto; }
  .platform-promo-card__screen { min-height:420px; }
  .platform-promo-card__art { background-size:cover; background-position:center 22%!important; opacity:.8; }
}
@media (max-width:620px) {
  .platform-magazine__brand > strong { font-size:2.2rem; }
  .platform-magazine__titlebar { font-size:.74rem; }
  .platform-promo-card__screen { min-height:380px; }
  .agency-cinematic-hero__stage { min-height:360px; }
  .agency-stage-card--primary { inset:5% 4% 10%; padding:1.4rem; }
  .agency-stage-card--signal { right:0; }
  .agency-stage-card--social { right:0; bottom:0; }
  .agency-hero-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* EL3AB 2.18 design-system and editorial component hardening. */
:root {
	--el-space-1: .375rem;
	--el-space-2: .625rem;
	--el-space-3: 1rem;
	--el-space-4: 1.5rem;
	--el-space-5: 2.25rem;
	--el-space-6: 3.5rem;
	--el-radius-sm: .65rem;
	--el-radius-md: 1rem;
	--el-radius-lg: 1.5rem;
	--el-surface: var(--surface, #fff);
	--el-surface-2: var(--surface-soft, #f6f3f3);
	--el-ink: var(--text, #141417);
	--el-muted: var(--muted, #6d7079);
	--el-line: color-mix(in srgb, var(--el-ink) 13%, transparent);
	--el-accent: var(--accent, #e70507);
	--el-accent-2: #ff8a00;
	--el-shadow: 0 18px 55px color-mix(in srgb, #000 14%, transparent);
}

body.poll-popup-open { position: fixed; inset-inline: 0; width: 100%; overflow: hidden; touch-action: none; }
.premium-poll.is-submitting { opacity: .86; pointer-events: none; }
.premium-poll--sidebar { position: relative; inset: auto; width: 100%; max-width: 100%; margin-block: var(--el-space-4); z-index: 1; }
.premium-poll--sidebar + * { margin-block-start: var(--el-space-4); }
.poll-popup__dialog { max-height: min(88dvh, 760px); overflow: auto; overscroll-behavior: contain; }

.review-box--premium {
	margin-block: clamp(2rem, 5vw, 4rem);
	border: 1px solid var(--el-line);
	border-radius: var(--el-radius-lg);
	background: var(--el-surface);
	box-shadow: var(--el-shadow);
	overflow: clip;
}
.review-box--premium .review-box__header {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(150px, 28%) 160px;
	align-items: end;
	gap: var(--el-space-4);
	min-height: 330px;
	padding: clamp(1.5rem, 4vw, 3.25rem);
	color: #fff;
	background:
		radial-gradient(circle at 18% 25%, color-mix(in srgb, var(--review-label-color, var(--el-accent)) 25%, transparent), transparent 42%),
		linear-gradient(135deg, #211418, #17181d 68%);
}
.review-box--premium .review-box__copy h2 { max-width: 16ch; margin: .35rem 0 1.15rem; font-size: clamp(2rem, 4.6vw, 4.4rem); line-height: .94; letter-spacing: -.045em; text-wrap: balance; }
.review-box__art { align-self: end; margin: 0; transform: translateY(2.2rem) rotate(-2deg); filter: drop-shadow(0 22px 20px rgb(0 0 0 / .38)); }
.review-box__art img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 4px solid rgb(255 255 255 / .25); border-radius: 1.25rem; }
.review-box__score-card { display: grid; justify-items: center; align-self: center; gap: .15rem; min-width: 140px; padding: .8rem; border: 1px solid rgb(255 255 255 / .2); border-radius: 1.25rem; background: rgb(255 255 255 / .08); backdrop-filter: blur(12px); }
.review-box__score-ring { position: relative; display: grid; width: 112px; aspect-ratio: 1; place-items: center; }
.review-box__score-ring svg { position: absolute; inset: 0; width: 100%; transform: rotate(-90deg); }
.review-box__score-track,.review-box__score-progress { fill: none; stroke-width: 9; }
.review-box__score-track { stroke: rgb(255 255 255 / .16); }
.review-box__score-progress { stroke: var(--review-label-color, var(--el-accent)); stroke-linecap: round; stroke-dasharray: var(--review-score-percent) 100; filter: drop-shadow(0 0 7px var(--review-label-color, var(--el-accent))); }
.review-box__score { position: relative; font-size: 2.4rem; font-weight: 950; line-height: 1; }
.review-breakdown { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--el-space-3); padding: var(--el-space-4); }
.review-meter { display: grid; grid-template-columns: 1fr auto; gap: .7rem; padding: var(--el-space-3); border: 1px solid var(--el-line); border-radius: var(--el-radius-md); background: var(--el-surface-2); }
.review-meter__bar { grid-column: 1 / -1; height: 7px; border-radius: 999px; background: color-mix(in srgb, var(--el-ink) 11%, transparent); overflow: hidden; }
.review-meter__bar > span { display: block; width: calc(var(--score) * 10%); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--review-label-color, var(--el-accent)), var(--el-accent-2)); }
.review-pros-cons { display: grid; grid-template-columns: 1fr 1fr; gap: var(--el-space-3); padding: 0 var(--el-space-4) var(--el-space-4); }
.review-pros,.review-cons,.review-verdict { padding: var(--el-space-4); border: 1px solid var(--el-line); border-radius: var(--el-radius-md); background: var(--el-surface); }
.review-pros li::marker { color: #20a65a; }.review-cons li::marker { color: var(--el-accent); }
.review-verdict { margin: 0 var(--el-space-4) var(--el-space-4); border-inline-start: 4px solid var(--review-label-color, var(--el-accent)); }

.community-rating--spider { display: grid !important; grid-template-columns: 150px minmax(0,1fr); gap: var(--el-space-4); align-items: center; margin-block: var(--el-space-5); padding: clamp(1.25rem, 4vw, 2.25rem); border: 1px solid var(--el-line); border-radius: var(--el-radius-lg); background: linear-gradient(135deg, color-mix(in srgb, var(--el-accent) 7%, var(--el-surface)), var(--el-surface)); box-shadow: var(--el-shadow); }
.community-rating__mascot svg { width: 100%; overflow: visible; filter: drop-shadow(0 10px 13px rgb(0 0 0 / .2)); }
.spider-leg { fill: none; stroke: var(--el-accent); stroke-width: 8; stroke-linecap: square; stroke-linejoin: bevel; }
.spider-body { fill: var(--el-accent-2); stroke: var(--el-ink); stroke-width: 5; }.spider-face { fill: #101115; }
.community-rating__summary { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .25rem 1rem; }
.community-rating__summary > span { font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }.community-rating__summary > strong { grid-row: span 2; font-size: clamp(2.2rem, 7vw, 4rem); line-height: 1; }.community-rating__summary > small { color: var(--el-muted); }
.retro-rating-picker { display: flex; align-items: baseline; justify-content: space-between; margin-block: var(--el-space-3) var(--el-space-2); }.retro-rating-picker output { font-size: 1.5rem; font-weight: 950; color: var(--el-accent); }
.retro-rating-icons { display: grid; grid-template-columns: repeat(10, 1fr); gap: .35rem; }
.retro-rating-icons [data-rating-icon] { min-width: 0; min-height: 40px; border: 1px solid var(--el-line); border-radius: .55rem; color: var(--el-muted); background: var(--el-surface-2); font-weight: 900; transition: transform .16s ease, color .16s ease, background .16s ease; }
.retro-rating-icons [data-rating-icon]:hover,.retro-rating-icons [data-rating-icon].is-selected { color: #fff; background: var(--el-accent); transform: translateY(-2px); }
.community-rating__actions { display: flex; align-items: center; gap: var(--el-space-3); margin-block-start: var(--el-space-3); }.community-rating.is-saved .community-rating__mascot { animation: spider-celebrate .55s ease both; }
@keyframes spider-celebrate { 50% { transform: translateY(-8px) rotate(-3deg); } }

.article-jump [data-jump-list] .is-grandchild { padding-inline-start: 1.5rem; opacity: .78; font-size: .87em; }
.article-jump [data-jump-list] .is-great-grandchild { padding-inline-start: 2rem; opacity: .68; font-size: .82em; }
.platform-mark__image { width:1.25em; height:1.25em; object-fit:contain; display:block; }
.platform-mark--custom{position:relative}.platform-mark--custom .platform-mark__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.platform-mark__image--dark{display:none}[data-theme="dark"] .platform-mark__image--light:has(+.platform-mark__image--dark){display:none}[data-theme="dark"] .platform-mark__image--dark{display:block}
.review-box__label-art { width:1.65em; height:1.65em; border-radius:999px; object-fit:cover; margin-inline-end:.4em; box-shadow:0 6px 18px color-mix(in srgb,var(--review-label-color,#e70507) 28%,transparent); }
.issue-credit-list--visual div { display:flex; align-items:center; gap:.75rem; }
.issue-credit-list--visual img, .issue-credit-list--visual .avatar { flex:0 0 42px; width:42px; height:42px; border-radius:999px; object-fit:cover; border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent); }
.issue-credit-list--visual dd { display:grid; gap:.15rem; }
.issue-credit-list--visual small { color:var(--color-muted); font-size:.78rem; line-height:1.35; }
.team-card__placeholder { display:grid; width:100%; height:100%; min-height:180px; place-items:center; border-radius:inherit; background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--team-accent,#e70507) 35%,transparent),transparent 45%),var(--color-surface-2); color:#fff; font-size:4rem; font-weight:950; }
.platform-list--large { display: flex; flex-wrap: wrap; gap: .55rem; }
.platform-list--large a { display: inline-flex; align-items: center; min-height: 40px; padding: .55rem .9rem; border: 1px solid color-mix(in srgb, currentColor 25%, transparent); border-radius: 999px; background: color-mix(in srgb, currentColor 8%, transparent); font-weight: 800; }
.game-editorial-score { position: relative; display: inline-grid; grid-template-columns: 74px auto; align-items: center; gap: .85rem; }
.game-editorial-score strong { display: grid; width: 74px; aspect-ratio: 1; place-items: center; border-radius: 50%; border: 7px solid color-mix(in srgb, var(--el-accent) 30%, transparent); outline: 3px solid var(--el-accent); font-size: 1.35rem; background: var(--el-surface); color: var(--el-accent); }

.magazine-homepage-section { padding-block: clamp(3rem, 7vw, 6rem); }
.magazine-homepage-section .magazine-card h3,.magazine-card__title { overflow: visible; display: block; white-space: normal; text-overflow: clip; line-height: 1.15; }
.magazine-homepage-section .magazine-feature { max-width: 1280px; margin-inline: auto; }

.agency-cinematic-hero__copy h1 { max-width: 12ch; font-size: clamp(3.1rem, 6.2vw, 6.4rem); line-height: .88; text-wrap: balance; }
.agency-logo-wall { overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.agency-logo-wall > * { transition: transform .25s ease, border-color .25s ease; }.agency-logo-wall > *:hover { transform: translateY(-5px); border-color: var(--el-accent-2); }

@media (max-width: 820px) {
	.review-box--premium .review-box__header { grid-template-columns: 1fr 110px; min-height: auto; }
	.review-box__art { grid-row: 2; width: min(190px, 60vw); transform: translateY(1.5rem) rotate(-2deg); }
	.review-box__score-card { grid-column: 2; grid-row: 1 / span 2; min-width: 110px; }
	.review-pros-cons { grid-template-columns: 1fr; }
	.community-rating--spider { grid-template-columns: 80px minmax(0,1fr); }
	.retro-rating-icons { grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 560px) {
	.review-box--premium .review-box__header { grid-template-columns: 1fr; align-items: start; }
	.review-box__copy h2 { font-size: clamp(2rem, 12vw, 3rem); }
	.review-box__art { grid-column: 1; grid-row: auto; width: 150px; }
	.review-box__score-card { position: absolute; inset-inline-end: 1rem; inset-block-end: 1rem; grid-column: auto; grid-row: auto; }
	.community-rating--spider { grid-template-columns: 1fr; }.community-rating__mascot { width: 82px; }
}
@media (prefers-reduced-motion: reduce) { .community-rating.is-saved .community-rating__mascot { animation: none; } }

.agency-social-ecosystem { padding-block: clamp(4rem, 9vw, 8rem); background: #0d0e11; color: #fff; }
.agency-social-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--el-space-3); }
.agency-social-card { position: relative; display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: var(--el-space-3); min-height: 112px; padding: var(--el-space-4); border: 1px solid color-mix(in srgb, var(--social-accent) 38%, transparent); border-radius: var(--el-radius-md); color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--social-accent) 21%, #111), #111 65%); overflow: hidden; text-decoration: none; transition: transform .22s ease, box-shadow .22s ease; }
.agency-social-card::after { content: ''; position: absolute; inset: auto -15% -70% 25%; height: 130%; background: radial-gradient(circle, color-mix(in srgb, var(--social-accent) 44%, transparent), transparent 65%); }
.agency-social-card:hover { transform: translateY(-5px); box-shadow: 0 22px 40px color-mix(in srgb, var(--social-accent) 15%, transparent); }
.agency-social-card__icon { display: grid; width: 52px; aspect-ratio: 1; place-items: center; border-radius: 14px; background: var(--social-accent); font-weight: 950; }.agency-social-card strong,.agency-social-card b { position: relative; z-index: 1; }.agency-social-card b { font-size: 1.5rem; }
.agency-contact-cta { padding-block: clamp(4rem, 9vw, 8rem); background: #0d0e11; color: #fff; }
.agency-contact-cta__panel { display: grid; justify-items: start; gap: 1rem; padding: clamp(2rem, 7vw, 5.5rem); border: 1px solid rgb(255 138 0 / .25); border-radius: 2rem; background: radial-gradient(circle at 85% 25%, rgb(231 5 7 / .24), transparent 34%), linear-gradient(135deg,#17181c,#111); box-shadow: 0 30px 80px rgb(0 0 0 / .35); }
.agency-contact-cta h2 { max-width: 14ch; margin: 0; font-size: clamp(2.4rem, 6vw, 5.5rem); line-height: .95; text-wrap: balance; }.agency-contact-cta p { max-width: 62ch; color: rgb(255 255 255 / .72); }
@media (max-width: 820px) { .agency-social-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .agency-social-grid { grid-template-columns: 1fr; } }
.platform-mark { display: inline-grid; flex: 0 0 auto; width: 24px; aspect-ratio: 1; place-items: center; }.platform-mark svg { width: 100%; height: 100%; fill: currentColor; }
.platform-filter-tabs { display: flex; gap: .65rem; margin-block: 0 var(--el-space-4); padding: .6rem; overflow-x: auto; scrollbar-width: thin; border: 1px solid var(--el-line); border-radius: var(--el-radius-md); background: var(--el-surface-2); }
.platform-filter-tabs a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .55rem; min-height: 48px; padding: .65rem 1rem; border: 1px solid transparent; border-radius: .75rem; color: var(--el-muted); text-decoration: none; font-weight: 850; }
.platform-filter-tabs a:hover,.platform-filter-tabs a.is-active { color: #fff; border-color: color-mix(in srgb,var(--el-accent-2) 50%,transparent); background: linear-gradient(135deg,var(--el-accent),var(--el-accent-2)); box-shadow: 0 8px 24px color-mix(in srgb,var(--el-accent) 24%,transparent); }
.issue-subtitle { max-width: 54ch; color: var(--el-muted); font-size: 1.15rem; }.issue-credit-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .55rem 1.5rem; margin-block: 1.25rem; }.issue-credit-list div { display: grid; grid-template-columns: auto 1fr; gap: .5rem; }.issue-credit-list dt { color: var(--el-muted); }.issue-credit-list dd { margin: 0; font-weight: 750; }
.review-box--premium .review-box__copy h2 { font-size: clamp(2rem, 3.4vw, 3.25rem); line-height: 1; }
.floating-share a,.floating-share button,.article-share a,.article-share button,.share-rail a,.share-rail button { display: grid; place-items: center; padding-inline: 0; text-align: center; transform: translateX(0); }
.floating-share a:hover,.floating-share button:hover,.article-share a:hover,.article-share button:hover,.share-rail a:hover,.share-rail button:hover { transform: translateY(-2px) translateX(0); }
.floating-share svg,.article-share svg,.share-rail svg { display: block; margin: auto; }
.magazine-home-previous a > span:only-child { grid-column: 1 / -1; width: auto; min-width: 0; overflow: visible; display: block; -webkit-line-clamp: unset; }

/* 2.18.2 reliability and responsive-layout hardening. */
.editorial-sidebar > .sidebar-stack { display:grid; gap:1.25rem; align-content:start; }
.editorial-sidebar > .sidebar-stack > * { position:static; inset:auto; width:100%; min-width:0; }
.editorial-sidebar > .sidebar-stack > .sidebar-panel:hover { transform:none; }
.premium-poll--sidebar { padding:1rem; overflow:hidden; }
.premium-poll--sidebar h3 { margin:.35rem 0 .25rem; font-size:clamp(1rem,1.7vw,1.2rem); line-height:1.3; }
.premium-poll--sidebar .editorial-poll__description { margin:.25rem 0 .7rem; font-size:.78rem; line-height:1.5; }
.premium-poll--sidebar .editorial-poll__choices { max-height:none; overflow:visible; gap:.42rem; }
.premium-poll--sidebar .editorial-poll__choice > span { padding:.52rem .62rem; }
.premium-poll--sidebar .button { width:auto; min-width:9rem; margin-block-start:.7rem; }
.editorial-poll__more { margin-block-start:.55rem; padding:.35rem .1rem; border:0; color:var(--color-brand); background:transparent; font-size:.75rem; font-weight:900; cursor:pointer; }
.editorial-poll__choice[hidden] { display:none!important; }
.editorial-poll__choices i { direction:ltr; }
.editorial-poll__choices input:disabled + span { cursor:default; }
.editorial-poll [aria-busy="true"] { cursor:progress; }
.editorial-poll .button:disabled { cursor:not-allowed; opacity:.56; }

html.poll-popup-open { overflow:hidden; overscroll-behavior:none; }
body.poll-popup-open { overscroll-behavior:none; }
.poll-popup__dialog { max-height:min(86dvh,760px); overflow:auto; overscroll-behavior:contain; }

.article-layout { grid-template-columns:245px minmax(0,860px) minmax(240px,1fr); }
.article-tools { position:sticky; inset-block-start:96px; display:grid; gap:1rem; grid-column:1; grid-row:1; align-self:start; min-width:0; }
.article-tools .article-jump { position:static; inset:auto; top:auto; width:100%; max-width:none; }
.article-tools .share-rail { position:static; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.article-tools .share-rail > span { flex-basis:100%; writing-mode:initial; }
.article-content { grid-column:2; grid-row:1; }
.article-sidebar { grid-column:3; grid-row:1; }
.article-jump a[aria-current="location"] { border-color:var(--color-brand); color:var(--color-text); font-weight:800; }

.agency-cinematic-hero { min-height:min(72vh,680px); }
.agency-cinematic-hero__inner { gap:1rem; padding-block:clamp(2rem,4vw,3.25rem) 1.5rem; }
.agency-cinematic-hero__copy h1 { max-width:14ch; font-size:clamp(2.6rem,4.8vw,5rem); line-height:.94; }
.agency-cinematic-hero__stage { min-height:380px; }
.agency-hero-stats { gap:.55rem; margin-block-start:.65rem; }
.agency-hero-stat { padding:.65rem .55rem; }
.agency-hero-stat strong { font-size:clamp(1.35rem,2.2vw,2.25rem); }
.team-hero { min-height:auto; }
.team-hero h1 { font-size:clamp(2.55rem,5vw,5rem); line-height:.96; }
.team-hero + .section .team-card { grid-template-columns:112px minmax(0,1fr); min-height:0; align-items:start; }
.team-hero + .section .team-card__media { width:112px; aspect-ratio:1; border-radius:var(--radius-md); }
.team-hero + .section .team-card__body { padding:.85rem .85rem .85rem 0; }
[dir="rtl"] .team-hero + .section .team-card__body { padding:.85rem 0 .85rem .85rem; }

@media (max-width:1499px) and (min-width:1081px) {
	.article-layout { grid-template-columns:60px minmax(0,860px) minmax(240px,1fr); }
	.article-tools { position:static; grid-column:1 / 3; grid-row:1; grid-template-columns:60px minmax(0,860px); align-items:start; }
	.article-tools .article-jump { position:sticky; top:76px; grid-column:2; width:auto; margin:0; }
	.article-tools .article-jump > button { display:flex; width:100%; justify-content:space-between; padding:.65rem; border:0; background:transparent; color:inherit; }
	.article-tools .article-jump ol { display:none; }
	.article-tools .article-jump.is-open ol { display:grid; }
	.article-tools .share-rail { grid-column:1; grid-row:1 / span 2; display:grid; justify-items:center; }
	.article-tools .share-rail > span { writing-mode:vertical-rl; }
	.article-content { grid-column:2; grid-row:2; }
	.article-sidebar { grid-column:3; grid-row:1 / span 2; }
}
@media (max-width:1080px) {
	.article-layout { grid-template-columns:minmax(0,1fr); }
	.article-tools,.article-content,.article-sidebar { position:static; grid-column:1; grid-row:auto; }
	.article-tools { display:grid; gap:.75rem; }
	.article-tools .article-jump { position:static; width:auto; margin:0; }
	.article-tools .article-jump > button { display:flex; width:100%; justify-content:space-between; padding:.7rem; border:0; background:transparent; color:inherit; }
	.article-tools .article-jump ol { display:none; }
	.article-tools .article-jump.is-open ol { display:grid; }
	.article-tools .share-rail { display:flex; margin:0; }
	.article-tools .share-rail > span { flex-basis:auto; writing-mode:initial; align-self:center; }
}
@media (max-width:640px) {
	.agency-cinematic-hero { min-height:auto; }
	.agency-cinematic-hero__copy h1,.team-hero h1 { font-size:clamp(2.15rem,11vw,3.4rem); }
	.team-hero + .section .team-card { grid-template-columns:88px minmax(0,1fr); }
	.team-hero + .section .team-card__media { width:88px; }
}

.retro-rating-fieldset { min-width:0; margin:0; padding:0; border:0; }
.retro-rating-icons label[data-rating-icon] { position:relative; min-width:0; min-height:46px; cursor:pointer; }
.retro-rating-icons label[data-rating-icon] input { position:absolute; inline-size:1px; block-size:1px; opacity:0; }
.community-rating--spider .pixel-heart { position:relative; display:grid; width:100%; min-height:46px; place-items:center; border:1px solid var(--el-line); border-radius:.55rem; background:var(--el-surface-2); color:var(--el-muted); transition:transform .16s ease,border-color .16s ease,color .16s ease; }
.community-rating--spider .pixel-heart__base,.community-rating--spider .pixel-heart__fill { position:absolute; inset:8px; background-position:center; background-repeat:no-repeat; background-size:contain; }
.community-rating--spider .pixel-heart__base { background-image:url('../images/pixel-heart-empty.svg'); opacity:.42; }
.community-rating--spider .pixel-heart__fill { width:auto; background-image:url('../images/pixel-heart-full.svg'); opacity:0; filter:drop-shadow(0 4px 7px rgba(222,0,121,.25)); transition:opacity .16s ease; }
.community-rating--spider .pixel-heart b { position:relative; z-index:2; font-size:.72rem; color:currentColor; }
.retro-rating-icons label.is-selected .pixel-heart { color:#fff; border-color:var(--el-accent); transform:translateY(-2px); }
.retro-rating-icons label.is-selected .pixel-heart__fill,.retro-rating-icons input:checked + .pixel-heart .pixel-heart__fill { opacity:1; }
.retro-rating-icons input:focus-visible + .pixel-heart { outline:3px solid color-mix(in srgb,var(--el-accent) 45%,transparent); outline-offset:3px; }
.retro-rating-icons input:disabled + .pixel-heart { cursor:default; opacity:.72; }

.magazine-archive-filters { padding-block:1rem; border-block:1px solid var(--el-line); background:var(--el-surface-2); }
.magazine-archive-filters form { display:grid; grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(130px,.75fr)) auto auto; gap:.75rem; align-items:end; }
.magazine-archive-filters label { display:grid; gap:.3rem; min-width:0; }
.magazine-archive-filters label > span { color:var(--el-muted); font-size:.72rem; font-weight:850; }
.magazine-archive-filters input,.magazine-archive-filters select { width:100%; min-height:44px; padding:.6rem .7rem; border:1px solid var(--el-line); border-radius:.65rem; color:var(--el-ink); background:var(--el-surface); }
.magazine-archive-filters form > a { align-self:center; font-weight:850; }
.platform-logo .platform-mark { width:40px; color:currentColor; }
.platform-promo-card__logo .platform-mark { width:64px; }
@media (max-width:900px) { .magazine-archive-filters form { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .magazine-archive-filters form { grid-template-columns:1fr; } }
.agency-team-strip { margin-block:0 2rem; overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.agency-team-strip__track { display:flex; width:max-content; gap:.8rem; animation:agency-team-scroll 28s linear infinite; }
[dir="rtl"] .agency-team-strip__track { animation-direction:reverse; }
.agency-team-strip__item { display:grid; grid-template-columns:52px minmax(130px,auto); gap:.7rem; align-items:center; min-width:220px; padding:.55rem .75rem; border:1px solid rgb(255 255 255 / .13); border-radius:999px; color:#fff; background:#17181c; }
.agency-team-strip__item img,.agency-team-strip__item > span { display:grid; width:52px; aspect-ratio:1; place-items:center; border-radius:50%; object-fit:cover; background:var(--el-accent); font-weight:950; }
.agency-team-strip__item div { display:grid; }.agency-team-strip__item small { color:#aeb2bc; }
.agency-team-strip:hover .agency-team-strip__track,.agency-team-strip:focus-within .agency-team-strip__track { animation-play-state:paused; }
@keyframes agency-team-scroll { to { transform:translateX(calc(-50% - .4rem)); } }
@media (prefers-reduced-motion:reduce) { .agency-team-strip__track { animation:none; } }

/* EL3AB review cockpit v2: balanced editorial review hero and compact verdict module. */
.article--review .article-layout { margin-block-start:clamp(1.25rem,3vw,2.4rem); }
.review-hero {
	position:relative;
	overflow:hidden;
	padding-block:clamp(5.8rem,9vw,8.5rem) clamp(2.2rem,5vw,4rem);
	color:#fff;
	background:
		radial-gradient(circle at 82% 18%, color-mix(in srgb,var(--review-label-color,#e70507) 34%,transparent), transparent 32rem),
		linear-gradient(135deg,#111217 0%,#171015 50%,#07080b 100%);
	isolation:isolate;
}
.review-hero::before {
	position:absolute;
	inset:0;
	z-index:-2;
	opacity:.28;
	background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
	background-size:42px 42px;
	content:"";
	mask-image:linear-gradient(180deg,#000,transparent 96%);
}
.review-hero__glow {
	position:absolute;
	inset:auto -8vw -18vw 42%;
	z-index:-1;
	height:32vw;
	min-height:260px;
	border-radius:50%;
	background:radial-gradient(circle,color-mix(in srgb,var(--review-label-color,#e70507) 42%,transparent),transparent 68%);
	filter:blur(34px);
	opacity:.58;
}
.review-hero__shell { position:relative; z-index:1; }
.review-hero .editorial-breadcrumbs,
.review-hero .editorial-breadcrumbs a { color:rgb(255 255 255 / .68); }
.review-hero__grid {
	display:grid;
	grid-template-columns:minmax(0,1.08fr) minmax(230px,.66fr) minmax(150px,.32fr);
	gap:clamp(1rem,2.8vw,2rem);
	align-items:center;
	margin-block-start:clamp(1rem,2vw,1.7rem);
}
.review-hero__copy { min-width:0; }
.review-hero__title {
	max-width:15ch;
	margin-block:.4rem .7rem;
	color:#fff;
	font-size:clamp(2.25rem,4.4vw,4.65rem);
	line-height:.98;
	letter-spacing:-.045em;
	text-wrap:balance;
}
[dir="rtl"] .review-hero__title { letter-spacing:0; line-height:1.05; }
.review-hero__subtitle {
	max-width:58ch;
	margin-block:0 1rem;
	color:rgb(255 255 255 / .78);
	font-size:clamp(1rem,1.2vw,1.15rem);
	line-height:1.75;
}
.review-hero__meta { display:flex; align-items:center; gap:.75rem; margin-block:1rem; color:rgb(255 255 255 / .82); }
.review-hero__meta img { width:44px; height:44px; border:1px solid rgb(255 255 255 / .2); border-radius:50%; }
.review-hero__meta span { display:grid; gap:.12rem; }
.review-hero__meta a { color:#fff; }
.review-hero__meta small { color:rgb(255 255 255 / .58); }
.review-platforms {
	display:flex;
	flex-wrap:wrap;
	gap:.45rem;
	padding:0;
	margin:0 0 1rem;
	list-style:none;
}
.platform-chip {
	display:inline-flex;
	align-items:center;
	min-height:32px;
	padding:.38rem .68rem;
	border:1px solid rgb(255 255 255 / .16);
	border-radius:999px;
	background:rgb(255 255 255 / .08);
	color:#fff;
	font-size:.78rem;
	font-weight:850;
	backdrop-filter:blur(10px);
}
.review-quick-info--hero {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:.55rem;
	margin-block:1rem 0;
	border:0;
}
.review-quick-info--hero div {
	min-width:0;
	padding:.7rem .75rem;
	border:1px solid rgb(255 255 255 / .13)!important;
	border-radius:.9rem;
	background:rgb(255 255 255 / .07);
}
.review-quick-info--hero dt { color:rgb(255 255 255 / .55); font-size:.72rem; font-weight:750; }
.review-quick-info--hero dd { margin:.16rem 0 0; color:#fff; font-size:.88rem; font-weight:900; overflow-wrap:anywhere; }
.review-hero__art {
	position:relative;
	align-self:stretch;
	margin:0;
	min-height:clamp(280px,36vw,500px);
	border-radius:1.4rem;
	transform:perspective(900px) rotateY(-3deg) rotateZ(-1deg);
	filter:drop-shadow(0 32px 36px rgb(0 0 0 / .36));
}
[dir="rtl"] .review-hero__art { transform:perspective(900px) rotateY(3deg) rotateZ(1deg); }
.review-hero__image,
.review-hero__placeholder {
	display:grid;
	width:100%;
	height:100%;
	min-height:inherit;
	place-items:center;
	border:1px solid rgb(255 255 255 / .18);
	border-radius:inherit;
	background:linear-gradient(145deg,#222832,#111217);
	object-fit:cover;
}
.review-hero__placeholder { color:rgb(255 255 255 / .28); font-size:2rem; font-weight:950; letter-spacing:.2em; }
.review-hero__score {
	display:grid;
	justify-items:center;
	align-self:center;
	gap:.65rem;
	padding:1rem;
	border:1px solid rgb(255 255 255 / .16);
	border-radius:1.25rem;
	background:linear-gradient(180deg,rgb(255 255 255 / .12),rgb(255 255 255 / .055));
	box-shadow:0 18px 48px rgb(0 0 0 / .22), inset 0 1px 0 rgb(255 255 255 / .1);
	backdrop-filter:blur(14px);
}
.review-hero__score > span { color:rgb(255 255 255 / .62); font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.review-score-ring {
	position:relative;
	display:grid;
	width:clamp(118px,12vw,154px);
	aspect-ratio:1;
	place-items:center;
	color:#fff;
}
.review-score-ring svg { position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
.review-score-ring__track,
.review-score-ring__progress { fill:none; stroke-width:9; }
.review-score-ring__track { stroke:rgb(255 255 255 / .16); }
.review-score-ring__progress {
	stroke:var(--review-label-color,var(--el-accent,#e70507));
	stroke-linecap:round;
	stroke-dasharray:var(--review-score-value,0) 100;
	filter:drop-shadow(0 0 9px color-mix(in srgb,var(--review-label-color,#e70507) 45%,transparent));
	animation:reviewRingReveal .8s cubic-bezier(.2,.75,.2,1) both;
	transition:stroke-dasharray .7s cubic-bezier(.2,.75,.2,1);
}
@keyframes reviewRingReveal {
	from { stroke-dasharray:0 100; }
	to { stroke-dasharray:var(--review-score-value,0) 100; }
}
.review-score-ring strong { position:relative; z-index:1; font-size:clamp(2.3rem,4vw,3.35rem); font-weight:950; line-height:1; letter-spacing:-.05em; }
.review-score-ring small { position:relative; z-index:1; align-self:end; margin-block-start:-1.1rem; color:rgb(255 255 255 / .68); font-weight:900; }
.review-score-ring--small { width:96px; color:var(--el-ink,var(--color-text,#111)); }
.review-score-ring--small .review-score-ring__track { stroke:color-mix(in srgb,var(--el-ink,#111) 13%,transparent); }
.review-score-ring--small small { color:var(--el-muted,var(--color-muted,#666)); }
.review-label-badge {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:.4rem;
	max-width:100%;
	padding:.45rem .72rem;
	border:1px solid color-mix(in srgb,var(--review-label-color,#e70507) 55%,#fff);
	border-radius:999px;
	background:var(--review-label-gradient,color-mix(in srgb,var(--review-label-color,#e70507) 22%,transparent));
	color:#fff;
	font-size:.78rem;
	font-weight:950;
	text-align:center;
}
.review-label-badge__art { width:1.65rem; height:1.65rem; border-radius:50%; object-fit:cover; }
.review-label-badge--final { color:var(--review-label-color,var(--el-accent,#e70507)); background:color-mix(in srgb,var(--review-label-color,#e70507) 10%,transparent); }
.review-final {
	margin-block:clamp(2rem,4vw,3rem);
	padding:clamp(1rem,2vw,1.45rem);
	border:1px solid var(--el-line,var(--color-line));
	border-radius:1.35rem;
	background:
		linear-gradient(135deg,color-mix(in srgb,var(--review-label-color,#e70507) 9%,transparent),transparent 42%),
		var(--el-surface,var(--color-surface-raised,#fff));
	box-shadow:0 18px 50px rgb(0 0 0 / .08);
}
.review-final__header {
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:1rem;
	align-items:center;
	padding-block-end:1rem;
	border-block-end:1px solid var(--el-line,var(--color-line));
}
.review-final__header h2 { margin-block:.2rem .25rem; font-size:clamp(1.6rem,2.6vw,2.35rem); line-height:1.05; }
.review-final__header p { max-width:64ch; margin:0; color:var(--el-muted,var(--color-muted)); line-height:1.7; }
.review-final__score { display:flex; align-items:center; gap:.75rem; }
.review-final .review-breakdown {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:.75rem;
	padding:1rem 0;
	border:0;
}
.review-final .review-meter {
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:.45rem .7rem;
	padding:.85rem;
	border:1px solid var(--el-line,var(--color-line));
	border-radius:.9rem;
	background:var(--el-surface-2,var(--color-surface));
}
.review-final .review-meter > span:first-child { min-width:0; color:var(--el-ink,var(--color-text)); font-size:.82rem; font-weight:850; overflow-wrap:anywhere; }
.review-final .review-meter strong { color:var(--review-label-color,var(--el-accent,#e70507)); font-size:.95rem; }
.review-final .review-meter__bar {
	position:relative;
	grid-column:1/-1;
	height:8px;
	overflow:hidden;
	border-radius:999px;
	background:color-mix(in srgb,var(--el-ink,#111) 10%,transparent);
}
.review-final .review-meter__bar > span {
	position:absolute;
	inset-block:0;
	left:0;
	width:calc(var(--score,0) * 10%);
	border-radius:inherit;
	background:linear-gradient(90deg,var(--review-label-color,var(--el-accent,#e70507)),var(--el-accent-2,#ff9a1f));
}
.review-final .review-pros-cons {
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:.85rem;
	padding:0;
	border:0;
}
.review-final .review-pros,
.review-final .review-cons,
.review-final .review-verdict {
	min-height:0;
	padding:1rem;
	border:1px solid var(--el-line,var(--color-line));
	border-radius:1rem;
	background:var(--el-surface-2,var(--color-surface));
}
.review-final .review-pros-cons > * + * { border-inline-start:1px solid var(--el-line,var(--color-line)); }
.review-final .review-pros h3,
.review-final .review-cons h3,
.review-final .review-verdict h3 {
	display:flex;
	align-items:center;
	gap:.5rem;
	margin-block:0 .65rem;
	font-size:1rem;
}
.review-final .review-pros h3::before,
.review-final .review-cons h3::before {
	display:grid;
	width:1.45rem;
	aspect-ratio:1;
	place-items:center;
	border-radius:50%;
	color:#fff;
	font-size:.9rem;
	font-weight:950;
}
.review-final .review-pros h3::before { content:"+"; background:#22a55a; }
.review-final .review-cons h3::before { content:"–"; background:#df3d3d; }
.review-final .review-pros-cons ul { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; }
.review-final .review-pros-cons li {
	display:flex!important;
	align-items:flex-start!important;
	gap:.55rem;
	margin:0;
	padding:0!important;
	color:var(--el-muted,var(--color-muted));
	line-height:1.65;
}
.review-final .review-pros-cons li::before {
	position:static!important;
	display:grid!important;
	width:1rem!important;
	height:1rem!important;
	flex:0 0 1rem!important;
	place-items:center;
	margin-block-start:.35rem!important;
	border-radius:50%;
	transform:none!important;
	content:""!important;
}
.review-final .review-pros li::before { background:#22a55a; }
.review-final .review-cons li::before { background:#df3d3d; }
.review-final .review-verdict {
	margin-block-start:.85rem;
	border-inline-start:4px solid var(--review-label-color,var(--el-accent,#e70507));
}
.review-final .review-verdict p { max-width:75ch; margin:0; color:var(--el-muted,var(--color-muted)); line-height:1.8; }
[data-theme="dark"] .review-final { background:linear-gradient(135deg,color-mix(in srgb,var(--review-label-color,#e70507) 16%,transparent),transparent 42%),#14161b; box-shadow:0 18px 60px rgb(0 0 0 / .24); }
[data-theme="dark"] .review-score-ring--small { color:#fff; }
@media (prefers-reduced-motion:reduce) {
	.review-score-ring__progress { animation:none; transition:none; }
	.review-hero__art { transform:none!important; }
}
@media (max-width:1100px) {
	.review-hero__grid { grid-template-columns:minmax(0,1fr) minmax(210px,.55fr); }
	.review-hero__score { grid-column:1/-1; grid-template-columns:auto auto auto; justify-content:start; justify-items:start; }
	.review-score-ring { width:112px; }
}
@media (max-width:760px) {
	.review-hero { padding-block:5rem 2rem; }
	.review-hero__grid { grid-template-columns:1fr; }
	.review-hero__title { max-width:100%; font-size:clamp(2rem,10vw,3.15rem); }
	.review-hero__art { min-height:260px; transform:none; }
	.review-hero__score { grid-template-columns:1fr auto; align-items:center; justify-items:start; }
	.review-hero__score .review-label-badge { grid-column:1/-1; }
	.review-quick-info--hero,
	.review-final .review-breakdown,
	.review-final .review-pros-cons,
	.review-final__header { grid-template-columns:1fr; }
	.review-final .review-pros-cons > * + * { border-inline-start:0; }
	.review-final__score { justify-content:space-between; }
}
@media (max-width:480px) {
	.review-quick-info--hero { grid-template-columns:1fr; }
	.review-hero__meta { align-items:flex-start; }
	.review-hero__score { grid-template-columns:1fr; justify-items:center; text-align:center; }
	.review-final { margin-inline:calc(var(--container-gutter,1rem) * -0.25); border-radius:1rem; }
}

/* EL3AB 2.18.4 — unified review presentation and score metadata. */
.platform-filter-tabs { background:var(--color-surface-raised); }
.review-hero { padding-block:clamp(2.8rem,5vw,4.8rem) clamp(2rem,4vw,3.2rem); }
.review-hero__title { max-width:22ch; font-size:clamp(2rem,3.4vw,3.65rem); line-height:1.02; }
.review-hero__art { min-height:clamp(260px,31vw,430px); }
.review-platforms .platform-chip { gap:.4rem; text-decoration:none; }
.review-platforms .platform-mark { width:19px; color:currentColor; }
.review-platforms .platform-chip > span:not(.platform-mark) { padding:0; background:transparent; color:inherit; font-size:inherit; }
.review-label-badge { color:var(--review-label-text,#fff); }
.review-label-badge.review-label-badge--solid { background:var(--review-label-color,#e70507); }
.review-label-badge.review-label-badge--soft { border-color:color-mix(in srgb,var(--review-label-color,#e70507) 45%,transparent); background:color-mix(in srgb,var(--review-label-color,#e70507) 18%,transparent); }
.review-label-badge.review-label-badge--gradient { background:var(--review-label-gradient,linear-gradient(135deg,var(--review-label-color,#e70507),color-mix(in srgb,var(--review-label-color,#e70507) 45%,#111))); }
.review-label-badge.review-label-badge--outline { background:transparent; }
.review-label-badge--final { color:var(--review-label-text,#fff); }
.review-optional-badge { display:inline-flex; padding:.3rem .55rem; border:1px solid rgb(255 255 255 / .18); border-radius:999px; background:rgb(255 255 255 / .07); color:rgb(255 255 255 / .76); font-size:.65rem; font-weight:850; }
.review-meter > span:first-child { display:flex; align-items:center; gap:.42rem; }
.review-meter__icon { display:grid; width:1.45rem; aspect-ratio:1; flex:0 0 auto; place-items:center; border-radius:.42rem; background:color-mix(in srgb,var(--criterion-color,var(--review-label-color,#e70507)) 14%,transparent); color:var(--criterion-color,var(--review-label-color,#e70507)); font-size:.78rem; font-style:normal; }
.review-final .review-meter__bar { direction:ltr; }
.review-final .review-meter__bar > span { background:linear-gradient(90deg,var(--criterion-color,var(--review-label-color,var(--el-accent,#e70507))),color-mix(in srgb,var(--criterion-color,var(--review-label-color,#e70507)) 60%,var(--el-accent-2,#ff9a1f))); }
.review-card__kicker { display:flex; align-items:center; justify-content:space-between; gap:.6rem; }
.review-card__verdict { max-width:52%; overflow:hidden; padding:.25rem .45rem; border-radius:999px; background:color-mix(in srgb,var(--review-card-accent,#e70507) 14%,transparent); color:var(--review-card-accent,#e70507); font-size:.62rem; font-weight:900; text-overflow:ellipsis; white-space:nowrap; }
.review-card__platforms { display:flex; flex-wrap:wrap; gap:.3rem; margin-block:0 .8rem; }
.review-card__platforms .platform-list__item { display:inline-flex; align-items:center; gap:.3rem; padding:.28rem .42rem; border:1px solid var(--color-line); border-radius:999px; color:var(--color-muted); font-size:.6rem; font-weight:800; }
.review-card__platforms .platform-mark { width:15px; }
.review-card__platforms .platform-list__item > span:not(.platform-mark) { padding:0; background:transparent; color:inherit; font-size:inherit; }
@media(max-width:760px){
	.review-hero{padding-block:3.5rem 2rem}
	.review-hero__copy{display:contents}
	.review-hero__copy>.eyebrow{order:1}
	.review-hero__copy>.review-hero__title{order:2}
	.review-hero__copy>.review-hero__subtitle{order:3}
	.review-hero__art{order:4;min-height:250px}
	.review-hero__score{order:5;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;padding:.75rem}
	.review-hero__score>span,.review-hero__score .review-optional-badge{grid-column:1/-1}
	.review-hero__score .review-label-badge{grid-column:2;justify-self:start}
	.review-hero__score .review-score-ring{width:104px}
	.review-hero__copy>.review-hero__meta{order:6}
	.review-hero__copy>.review-platforms{order:7}
	.review-hero__copy>.review-quick-info--hero{order:8}
	.review-card__verdict{max-width:60%}
}

/* EL3AB 2.18.5 — compact spider community rating with immediate save. */
.review-endcap{display:grid;gap:.9rem;margin-block:clamp(2rem,4vw,3rem)}
.review-endcap>.review-final,.review-endcap>.community-rating{margin-block:0}
.community-rating--spider{
	position:relative;
	display:grid!important;
	grid-template-columns:86px minmax(0,1fr);
	gap:clamp(.8rem,2vw,1.25rem);
	width:min(100%,760px);
	justify-self:center;
	align-items:center;
	margin-block:var(--el-space-5);
	padding:clamp(.85rem,2vw,1.15rem);
	overflow:hidden;
	border:1px solid rgb(255 255 255/.12);
	border-radius:1.2rem;
	background:
		radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--el-accent,#e70507) 19%,transparent),transparent 34%),
		linear-gradient(135deg,#171a20,#0d0f14 72%);
	color:#fff;
	box-shadow:0 18px 48px rgb(0 0 0/.24),inset 0 1px 0 rgb(255 255 255/.045);
}
.community-rating--spider::after{position:absolute;inset:auto -3.25rem -4.5rem auto;width:10rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--el-accent-2,#ff8a00) 24%,transparent);border-radius:50%;content:"";pointer-events:none}
.community-rating--spider .community-rating__content{position:relative;z-index:1;min-width:0}
.community-rating--spider .community-rating__form{display:grid;width:100%;gap:.48rem;align-items:stretch}
.community-rating--spider .community-rating__summary{grid-template-columns:minmax(0,1fr) auto;gap:.15rem .75rem}
.community-rating--spider .community-rating__summary>span{color:rgb(255 255 255/.68);font-size:.68rem}
.community-rating--spider .community-rating__summary>small{color:rgb(255 255 255/.5);font-size:.72rem}
.community-rating--spider .community-rating__summary>strong{color:var(--el-accent-2,#ff8a00);font-size:clamp(1.85rem,4vw,2.65rem);font-variant-numeric:tabular-nums}
.community-rating--spider .community-rating__summary>strong small{color:inherit;font-size:.68rem}
.community-rating--spider .retro-rating-picker{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;justify-content:initial;gap:.3rem;align-items:baseline;margin-block:.15rem .05rem;color:rgb(255 255 255/.8);font-size:.82rem}
.community-rating--spider .retro-rating-picker output{color:var(--el-accent-2,#ff8a00);font-size:1.05rem;font-variant-numeric:tabular-nums}
.community-rating--spider .retro-rating-picker small{color:rgb(255 255 255/.46);font-size:.65rem;font-weight:850}
.community-rating--spider .retro-rating-icons{direction:ltr;grid-template-columns:repeat(10,minmax(38px,1fr));gap:.28rem;max-width:none}
.community-rating--spider .retro-rating-icons label[data-rating-icon]{display:grid;min-height:44px;place-items:center;border:0;border-radius:.65rem;background:transparent;color:inherit;cursor:pointer;transform:none;transition:none}
.community-rating--spider .retro-rating-icons label[data-rating-icon]:hover,.community-rating--spider .retro-rating-icons label[data-rating-icon].is-selected{background:transparent;color:inherit;transform:none}
.community-rating--spider .rating-spider-choice{display:grid;width:100%;min-height:44px;place-items:center;border:1px solid rgb(255 255 255/.15);border-radius:.65rem;background:rgb(255 255 255/.035);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.community-rating--spider .rating-spider-choice__icon{width:35px;height:auto;overflow:visible;filter:drop-shadow(0 4px 7px rgb(0 0 0/.24))}
.community-rating--spider .rating-spider-choice .spider-leg{stroke:#686d78;stroke-width:9;transition:stroke .16s ease}
.community-rating--spider .rating-spider-choice .spider-body{fill:#343842;stroke:#747a87;stroke-width:5;transition:fill .16s ease,stroke .16s ease}
.community-rating--spider .rating-spider-choice .mascot-eye{fill:#12141a}
.community-rating--spider .rating-spider-choice .mascot-mouth{fill:none;stroke:#12141a;stroke-width:7;stroke-linecap:square}
.community-rating--spider .retro-rating-icons label[data-rating-icon]:hover .rating-spider-choice{transform:translateY(-3px);border-color:color-mix(in srgb,var(--el-accent-2,#ff8a00) 65%,#fff);background:rgb(255 138 0/.08)}
.community-rating--spider .retro-rating-icons label.is-selected .rating-spider-choice{border-color:color-mix(in srgb,var(--el-accent,#e70507) 76%,#fff);background:linear-gradient(155deg,rgb(231 5 7/.17),rgb(255 138 0/.07));box-shadow:0 7px 17px rgb(231 5 7/.13)}
.community-rating--spider .retro-rating-icons label.is-selected .spider-leg{stroke:var(--el-accent,#e70507)}
.community-rating--spider .retro-rating-icons label.is-selected .spider-body{fill:var(--el-accent-2,#ff8a00);stroke:#0e1015}
.community-rating--spider .retro-rating-icons input:focus-visible+.rating-spider-choice{outline:3px solid color-mix(in srgb,var(--el-accent-2,#ff8a00) 62%,#fff);outline-offset:2px}
.community-rating--spider .retro-rating-icons input:disabled+.rating-spider-choice{cursor:default;opacity:.72}
.community-rating--spider.is-submitting .retro-rating-icons label.is-selected .rating-spider-choice{animation:rating-spider-pulse .55s ease-in-out infinite alternate}
.community-rating--spider.is-rating-saved .retro-rating-icons label.is-selected .rating-spider-choice{animation:rating-spider-hop .46s cubic-bezier(.2,.8,.2,1) both}
.community-rating--spider.is-rating-saved .retro-rating-icons label:nth-child(2n).is-selected .rating-spider-choice{animation-delay:.035s}
.community-rating--spider.is-rating-saved .retro-rating-icons label:nth-child(3n).is-selected .rating-spider-choice{animation-delay:.07s}
.community-rating--spider .community-rating__actions{display:grid;gap:.18rem;justify-content:stretch;margin-block-start:.25rem}
.community-rating__save-hint{color:rgb(255 255 255/.5);font-size:.67rem}
.community-rating--spider .engagement-message{min-height:1em;color:#79dda2;font-size:.72rem;font-weight:750}
.community-rating__mascot{position:relative;z-index:1;width:86px;transform-origin:50% 70%}
.community-rating__mascot svg{height:auto;image-rendering:pixelated}
.community-rating__mascot .mascot-eye{fill:#101115;transform-box:fill-box;transform-origin:center;transition:transform .2s ease}
.community-rating__mascot .mascot-mouth{fill:none;stroke:#101115;stroke-width:7;stroke-linecap:square;stroke-linejoin:miter;transform-box:fill-box;transform-origin:center;transition:transform .2s ease}
.community-rating--spider.is-mood-low .community-rating__mascot .mascot-eye{transform:scaleY(.5)}
.community-rating--spider.is-mood-low .community-rating__mascot .mascot-mouth{transform:translateY(7px) scaleY(-1)}
.community-rating--spider.is-mood-medium .community-rating__mascot .mascot-eye--right{transform:translateY(-3px)}
.community-rating--spider.is-mood-high .community-rating__mascot .mascot-eye{transform:scale(1.18)}
.community-rating--spider.is-mood-high .community-rating__mascot .mascot-mouth{transform:translateY(-2px)}
.community-rating--spider.is-rating-saved.is-mood-high .community-rating__mascot{animation:spider-celebrate .55s ease both}
@keyframes rating-spider-pulse{to{transform:translateY(-2px) scale(1.04);filter:brightness(1.18)}}
@keyframes rating-spider-hop{50%{transform:translateY(-5px) rotate(-2deg)}100%{transform:none}}
@media(max-width:700px){.community-rating--spider{grid-template-columns:72px minmax(0,1fr)}.community-rating__mascot{width:72px}.community-rating--spider .retro-rating-icons{grid-template-columns:repeat(5,minmax(42px,1fr))}}
@media(max-width:480px){.community-rating--spider{grid-template-columns:1fr;padding:.8rem}.community-rating--spider .community-rating__mascot{width:62px;margin-inline:auto}.community-rating--spider .retro-rating-icons{grid-template-columns:repeat(5,minmax(40px,1fr));gap:.25rem}.community-rating--spider .community-rating__summary{grid-template-columns:minmax(0,1fr) auto}}
@media(prefers-reduced-motion:reduce){.community-rating--spider .community-rating__mascot,.community-rating--spider .rating-spider-choice{animation:none!important;transform:none!important}}

/* EL3AB 2.18.4 — bounded article Jump To navigation. */
.article-jump{overflow:hidden;border-color:color-mix(in srgb,var(--color-brand) 28%,var(--color-line));background:color-mix(in srgb,var(--color-surface-raised) 94%,transparent);box-shadow:0 16px 42px rgb(0 0 0 / .1)}
.article-jump__label{display:flex;align-items:center;gap:.45rem;margin:0;padding:.35rem .55rem .65rem;border-block-end:1px solid var(--color-line);color:var(--color-ink);font-size:.72rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.article-jump__label::before{width:.55rem;height:.55rem;border:2px solid var(--color-brand);border-radius:50%;content:""}
.article-jump [data-jump-list]{gap:.12rem;padding-block:.45rem}
.article-jump [data-jump-list] li{position:relative;min-width:0}
.article-jump [data-jump-list] a{position:relative;overflow-wrap:anywhere;border-inline-start:3px solid transparent;color:var(--color-muted);text-decoration:none;transition:color .16s ease,border-color .16s ease,background .16s ease}
.article-jump [data-jump-list] a:hover,.article-jump [data-jump-list] a:focus-visible{color:var(--color-ink);background:color-mix(in srgb,var(--color-brand) 7%,transparent)}
.article-jump [data-jump-list] a[aria-current="location"]{border-inline-start-color:var(--color-brand);background:color-mix(in srgb,var(--color-brand) 9%,transparent);color:var(--color-ink);font-weight:900}
.article-jump [data-jump-list] a[aria-current="location"]::after{position:absolute;inset-block:50% auto;inset-inline-start:-6px;width:7px;height:7px;border:2px solid var(--color-surface-raised);border-radius:50%;background:var(--color-brand);content:"";transform:translateY(-50%)}
.article-jump-target{scroll-margin-top:var(--jump-scroll-offset,110px)}
@media(max-width:1499px){.article-jump__label{display:none}.article-jump>button{min-height:46px;align-items:center;font-weight:900}.article-jump>button span{transition:transform .16s ease}.article-jump.is-open>button span{transform:rotate(180deg)}.article-jump [data-jump-list]{padding:.35rem .5rem .65rem;border-block-start:1px solid var(--color-line)}}
@media(min-width:1500px){.article-tools{max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.article-jump [data-jump-list]{max-height:min(56vh,620px)}}
@media(min-width:1500px){.single-post .article-layout{width:min(calc(100% - clamp(1.5rem,4vw,3rem)),1500px);grid-template-columns:230px minmax(0,860px) minmax(260px,1fr);column-gap:clamp(1rem,1.8vw,1.8rem)}}
@media(max-width:1080px){.article-tools .article-jump{z-index:20;border-radius:.85rem}.article-tools .article-jump.is-open{box-shadow:0 18px 44px rgb(0 0 0 / .16)}.article-jump [data-jump-list] a{min-height:42px;padding-block:.65rem}}
.page-article-layout{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,760px);gap:clamp(1.25rem,4vw,3.5rem);justify-content:center;align-items:start;margin-block-start:2rem}
.page-article-layout>.article-jump{position:sticky;inset-block-start:96px;width:auto;max-height:calc(100vh - 120px);overflow:auto}
.page-article-layout>.article-content{min-width:0;max-width:760px}
.page-article-layout:has(>.article-jump[hidden]){grid-template-columns:minmax(0,760px)}
.page-article-layout:has(>.article-jump[hidden])>.article-content{grid-column:1}
@media(max-width:1080px){.page-article-layout{grid-template-columns:minmax(0,760px)}.page-article-layout>.article-jump{position:static;inset:auto;max-height:none;overflow:hidden}.page-article-layout>.article-content{grid-column:1}}

/* 2.18.4 focused fixes — horizontal sharing and cinematic verdict poster. */
.article-tools .share-rail{display:grid;grid-template-columns:repeat(5,40px);align-items:center;justify-content:start;justify-items:center;gap:.4rem;width:max-content;max-width:100%;margin:0}
.article-tools .share-rail>span{grid-column:1/-1;justify-self:start;writing-mode:initial;flex-basis:auto}
@media(max-width:1499px) and (min-width:1081px){
	.article-tools{grid-column:2;grid-row:1;grid-template-columns:minmax(0,860px)}
	.article-tools .article-jump{grid-column:1;grid-row:1}
	.article-tools .share-rail{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(5,40px);justify-items:center}
	.article-tools .share-rail>span{writing-mode:initial}
	.article-content{grid-row:2}
}
@media(max-width:1080px){.article-tools .share-rail{display:grid;grid-template-columns:repeat(5,40px);width:max-content}.article-tools .share-rail>span{grid-column:1/-1}}

.review-final--poster{position:relative;isolation:isolate;overflow:visible;padding:clamp(.95rem,2vw,1.3rem);border-color:rgb(255 255 255/.12);background:#0b0d12!important;color:#fff;box-shadow:0 24px 64px rgb(0 0 0/.3)}
.review-final__poster{position:absolute;z-index:-3;inset:0;overflow:hidden;border-radius:inherit;background:#090a0d}
.review-final__poster-image{width:100%;height:100%;object-fit:cover;filter:saturate(.76) brightness(.3) contrast(1.12);transform:scale(1.035)}
.review-final__poster span{position:absolute;inset:0;background:linear-gradient(90deg,rgb(5 6 9/.97) 0%,rgb(7 8 12/.85) 50%,rgb(7 8 12/.6) 100%),linear-gradient(0deg,#0b0d12 0%,transparent 52%)}
[dir="rtl"] .review-final__poster span{background:linear-gradient(270deg,rgb(5 6 9/.97) 0%,rgb(7 8 12/.85) 50%,rgb(7 8 12/.6) 100%),linear-gradient(0deg,#0b0d12 0%,transparent 52%)}
.review-final__content{position:relative;z-index:2}
.review-final__character{position:absolute;z-index:3;inset-block:-5rem 0;width:min(37%,310px);margin:0!important;pointer-events:none;transform:translateY(30px) scale(.95);transform-origin:center bottom;opacity:0;filter:drop-shadow(0 24px 26px rgb(0 0 0/.6));transition:transform .85s cubic-bezier(.16,.8,.2,1),opacity .55s ease}
.review-final--cutout-end .review-final__character{inset-inline-end:0}
.review-final--cutout-start .review-final__character{inset-inline-start:0}
.review-final.is-revealed .review-final__character,.review-final:not(.reveal-on-scroll) .review-final__character{transform:translateY(0) scale(1);opacity:1}
.review-final__character-image{width:100%;height:100%;object-fit:contain;object-position:center top}
.review-final--cutout-end .review-final__header{padding-inline-end:min(31%,245px)}
.review-final--cutout-start .review-final__header{padding-inline-start:min(31%,245px)}
.review-final--poster .review-final__header{min-height:112px;padding-block-end:.75rem;border-color:rgb(255 255 255/.15)}
.review-final--poster.has-character-cutout .review-final__header{min-height:clamp(145px,19vw,178px)}
.review-final--poster .review-final__header h2{font-size:clamp(1.45rem,2.4vw,2rem)}
.review-final--poster .review-final__header p{font-size:.9rem;line-height:1.55}
.review-final--poster .review-final__score{gap:.55rem}
.review-final--poster .review-score-ring--small{width:78px}
.review-final--poster .review-score-ring strong{font-size:1.9rem}
.review-final--poster .review-score-ring small{margin-block-start:-.9rem;font-size:.67rem}
.review-final--poster .review-label-badge--final{padding:.34rem .58rem;font-size:.7rem}
.review-final--poster .review-breakdown{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.55rem;padding:.7rem 0}
.review-final--poster .review-meter{gap:.28rem .55rem;padding:.6rem;border-radius:.72rem}
.review-final--poster .review-meter__bar{height:6px}
.review-final--poster .review-pros-cons{gap:.6rem}
.review-final--poster .review-pros,.review-final--poster .review-cons,.review-final--poster .review-verdict{padding:.72rem .8rem;border-radius:.78rem}
.review-final--poster .review-pros h3,.review-final--poster .review-cons h3,.review-final--poster .review-verdict h3{margin-block-end:.45rem;font-size:.88rem}
.review-final--poster .review-pros-cons ul{gap:.3rem}
.review-final--poster .review-pros-cons li{font-size:.82rem;line-height:1.45}
.review-final--poster .review-verdict{margin-block-start:.6rem}
.review-final--poster .review-verdict p{font-size:.86rem;line-height:1.55}
.review-final--poster .review-final__header h2,.review-final--poster .review-final__header p,.review-final--poster .review-meter>span:first-child,.review-final--poster .review-pros h3,.review-final--poster .review-cons h3,.review-final--poster .review-verdict h3{color:#fff}
.review-final--poster .review-final__header p,.review-final--poster .review-pros-cons li,.review-final--poster .review-verdict p{color:rgb(255 255 255/.72)}
.review-final--poster .review-score-ring--small{color:#fff}
.review-final--poster .review-score-ring--small .review-score-ring__track{stroke:rgb(255 255 255/.2)}
.review-final--poster .review-label-badge--final{color:#fff;background:color-mix(in srgb,var(--review-label-color,#e70507) 58%,#111);border-color:color-mix(in srgb,var(--review-label-color,#e70507) 72%,#fff)}
.review-final--poster .review-meter,.review-final--poster .review-pros,.review-final--poster .review-cons,.review-final--poster .review-verdict{border-color:rgb(255 255 255/.13);background:rgb(11 13 18/.86);box-shadow:inset 0 1px 0 rgb(255 255 255/.04);backdrop-filter:blur(10px)}
.review-final--poster .review-meter__bar{background:rgb(255 255 255/.14)}
@media(max-width:760px){
	.review-final__character{inset-block-start:-2.75rem;width:min(48%,210px);height:225px;opacity:.78}
	.review-final--cutout-end .review-final__header{padding-inline-end:min(34%,125px)}
	.review-final--cutout-start .review-final__header{padding-inline-start:min(34%,125px)}
	.review-final--poster.has-character-cutout .review-final__header{min-height:160px;align-content:end}
	.review-final--poster .review-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
	.article-tools .share-rail{grid-template-columns:repeat(5,40px);gap:.35rem}
	.review-final__character{width:55%;opacity:.64}
	.review-final--poster .review-final__header{grid-template-columns:minmax(0,1fr) 82px;align-items:end}
	.review-final--cutout-end .review-final__header,.review-final--cutout-start .review-final__header{padding-inline:0;padding-block-start:5.25rem}
	.review-final--poster .review-final__score{flex-direction:column;gap:.3rem}
	.review-final--poster .review-score-ring--small{width:68px}
	.review-final--poster .review-score-ring strong{font-size:1.55rem}
	.review-final--poster .review-label-badge--final{max-width:82px;padding:.25rem .4rem;font-size:.62rem}
	.review-final--poster .review-breakdown,.review-final--poster .review-pros-cons{grid-template-columns:repeat(2,minmax(0,1fr))}
	.review-final--poster .review-meter{padding:.5rem}
	.review-final--poster .review-meter>span:first-child{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){.review-final__character{transition:none;transform:none;opacity:1}.review-final__poster-image{transform:none}}

/* 2.18.4 agency content architecture, marquees, metrics, and team filters. */
.agency-page section[data-agency-background="light"]{background:#f4f1ed;color:#17191d}
.agency-page section[data-agency-background="surface"]{background:var(--el-surface-2);color:var(--el-ink)}
.agency-page section[data-agency-background="dark"]{background:#0d0e11;color:#fff}
.agency-page section[data-agency-background="brand"]{background:linear-gradient(135deg,#b90008,#f35b00);color:#fff}
.agency-page section[data-agency-align="start"] .agency-section-title{margin-inline:0;text-align:start}
.agency-page section[data-agency-align="start"] .agency-section-title>span{margin-inline:0}
.agency-page section[data-agency-align="end"] .agency-section-title{margin-inline-start:auto;margin-inline-end:0;text-align:end}
.agency-page section[data-agency-align="end"] .agency-section-title>span{margin-inline-start:auto;margin-inline-end:0}
.agency-data-section{position:relative;padding-block:clamp(3.5rem,7vw,6.5rem);overflow:hidden}
.agency-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.agency-metric-card{display:grid;min-height:190px;align-content:end;gap:.45rem;padding:1.25rem;border:1px solid var(--el-line);border-radius:22px;background:var(--el-surface);box-shadow:0 18px 45px rgb(0 0 0/.08)}
.agency-metric-card>span{font-size:1.5rem}.agency-metric-card>strong{color:var(--agency-gold,#ff9d00);font-size:clamp(2.1rem,4vw,4rem);font-weight:1000;line-height:1}.agency-metric-card h3{margin:0;font-size:.95rem}.agency-metric-card small{color:var(--el-muted)}
.agency-managed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.agency-managed-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:1rem;min-width:0;padding:1.25rem;border:1px solid var(--el-line);border-radius:22px;background:var(--el-surface);box-shadow:0 20px 48px rgb(0 0 0/.08)}
.agency-managed-card__logo{display:grid;width:88px;aspect-ratio:1;place-items:center;padding:.65rem;border-radius:18px;background:var(--el-surface-2)}
.agency-managed-card__logo img{width:100%;height:100%;object-fit:contain}.agency-managed-card h3{margin:.25rem 0 .5rem}.agency-managed-card>div>span{color:var(--agency-gold,#ff9d00);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.agency-managed-card p{color:var(--el-muted)}.agency-managed-card a{font-weight:900}
.agency-compact-metrics{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.agency-compact-metrics>div{display:grid;gap:.1rem;padding:.5rem .65rem;border:1px solid currentColor;border-radius:10px;color:var(--el-muted)}
.agency-compact-metrics dt{font-size:.65rem;font-weight:800;text-transform:uppercase}.agency-compact-metrics dd{margin:0;color:inherit;font-weight:950}
.agency-work-card__visual--image{display:block;padding:0;overflow:hidden}.agency-work-card__visual--image img{width:100%;height:100%;object-fit:cover}
.agency-social-card{grid-template-columns:52px minmax(0,1fr) auto}.agency-social-card small{position:relative;z-index:1;grid-column:2/-1;color:rgb(255 255 255/.72)}
.agency-social-card--instagram{--social-accent:#d62976!important;background:linear-gradient(135deg,#4f1f76,#c13584 48%,#f77737)}
.agency-social-card--facebook{--social-accent:#1877f2!important}.agency-social-card--youtube{--social-accent:#ff0033!important}.agency-social-card--tiktok{--social-accent:#25f4ee!important;background:linear-gradient(135deg,#101114,#1d1219)}.agency-social-card--x,.agency-social-card--twitter{--social-accent:#9aa0aa!important;background:linear-gradient(135deg,#090a0c,#24272c)}
.agency-partner-marquee{position:relative;overflow:hidden;padding-block:3rem 1rem;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.agency-partner-marquee__toggle{position:absolute;z-index:3;inset-block-start:0;inset-inline-end:0;min-height:42px;padding:.55rem .8rem;border:1px solid var(--el-line);border-radius:999px;background:var(--el-surface);color:var(--el-ink);font-weight:850;cursor:pointer}
.agency-partner-marquee__track{display:flex;width:max-content;gap:.9rem;animation:agency-partner-scroll 34s linear infinite;will-change:transform}
[dir="rtl"] .agency-partner-marquee__track{animation-direction:reverse}
.agency-partner-marquee:hover .agency-partner-marquee__track,.agency-partner-marquee:focus-within .agency-partner-marquee__track,.agency-partner-marquee.is-paused .agency-partner-marquee__track{animation-play-state:paused}
.agency-partner-marquee__item{display:grid;flex:0 0 clamp(170px,18vw,240px);height:108px;place-items:center;padding:1rem;border:1px solid var(--el-line);border-radius:18px;background:var(--el-surface);color:var(--el-ink)}
.agency-partner-marquee__item a{display:grid;width:100%;height:100%;place-items:center;color:inherit;text-decoration:none}.agency-partner-marquee__item img{max-width:84%;max-height:66px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s ease,opacity .2s ease}.agency-partner-marquee__item:hover img,.agency-partner-marquee__item:focus-within img{filter:none;opacity:1}
.agency-logo--dark{display:none!important}[data-theme="dark"] .agency-logo--light:has(+.agency-logo--dark){display:none!important}[data-theme="dark"] .agency-logo--dark{display:block!important}
.agency-page section:is([data-agency-background="light"],[data-agency-background="surface"]) .agency-logo--light{display:block!important}.agency-page section:is([data-agency-background="light"],[data-agency-background="surface"]) .agency-logo--dark{display:none!important}
@keyframes agency-partner-scroll{to{transform:translateX(calc(-50% - .45rem))}}
.team-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:0 1.5rem}.team-filters button{min-height:44px;padding:.55rem .85rem;border:1px solid var(--el-line);border-radius:999px;background:var(--el-surface);color:var(--el-ink);font-weight:850;cursor:pointer}.team-filters button:hover,.team-filters button:focus-visible,.team-filters button.is-active{border-color:var(--el-accent);background:var(--el-accent);color:#fff}.team-card[hidden]{display:none!important}
.agency-team-strip__item a{color:inherit;text-decoration:none}.agency-team-strip__item a:focus-visible{outline:2px solid var(--agency-gold,#ff9d00);outline-offset:3px}
@media(max-width:760px){.agency-managed-grid{grid-template-columns:1fr}.agency-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-managed-card{grid-template-columns:68px minmax(0,1fr)}.agency-managed-card__logo{width:68px}.agency-partner-marquee{overflow-x:auto;scrollbar-width:thin;mask-image:none;padding-block-start:1rem}.agency-partner-marquee__track{animation:none}.agency-partner-marquee__toggle{display:none}.agency-social-card{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:430px){.agency-metric-grid{grid-template-columns:1fr}.agency-managed-card{grid-template-columns:1fr}.agency-managed-card__logo{width:72px}.agency-social-card{grid-template-columns:48px minmax(0,1fr)}.agency-social-card b{grid-column:2}.agency-social-card small{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.agency-partner-marquee__track,.agency-team-strip__track{animation:none!important;transform:none!important}.agency-partner-marquee{overflow-x:auto;mask-image:none;padding-block-start:1rem}.agency-partner-marquee__toggle{display:none}.agency-partner-marquee__item img{transition:none}}

/* EL3AB 2.19.0 — desktop article tools and unified review report. */
@media (min-width:1081px) {
	.article-tools .share-rail {
		display:grid;
		grid-template-columns:40px;
		align-items:center;
		justify-content:center;
		justify-items:center;
		gap:.48rem;
		width:40px;
		margin:0 auto;
	}
	.article-tools .share-rail > span {
		grid-column:1;
		justify-self:center;
		writing-mode:initial;
		font-size:.66rem;
		text-align:center;
	}
	.review-endcap {
		grid-template-columns:minmax(0,1fr) 270px;
		gap:0;
		overflow:visible;
		border:1px solid rgb(255 255 255/.12);
		border-radius:1.45rem;
		background:#0b0d12;
		box-shadow:0 28px 72px rgb(0 0 0/.28);
	}
	.review-endcap > .review-final {
		min-width:0;
		border:0;
		border-radius:1.4rem 0 0 1.4rem;
		box-shadow:none;
	}
	[dir="rtl"] .review-endcap > .review-final { border-radius:0 1.4rem 1.4rem 0; }
	.review-endcap > .community-rating--spider {
		align-self:stretch;
		align-content:start;
		grid-template-columns:1fr;
		gap:.7rem;
		width:auto;
		min-width:0;
		margin:0;
		padding:1rem;
		border:0;
		border-inline-start:1px solid rgb(255 255 255/.12);
		border-radius:0 1.4rem 1.4rem 0;
		background:linear-gradient(180deg,#171a20,#0d0f14);
		box-shadow:none;
	}
	[dir="rtl"] .review-endcap > .community-rating--spider { border-radius:1.4rem 0 0 1.4rem; }
	.review-endcap .community-rating__mascot { width:68px; margin-inline:auto; }
	.review-endcap .community-rating--spider .community-rating__summary { grid-template-columns:1fr auto; }
	.review-endcap .community-rating--spider .community-rating__summary > strong { font-size:2rem; }
	.review-endcap .community-rating--spider .retro-rating-picker { grid-template-columns:1fr auto auto; font-size:.74rem; }
	.review-endcap .community-rating--spider .retro-rating-icons { grid-template-columns:repeat(5,minmax(34px,1fr)); gap:.3rem; }
	.review-endcap .community-rating--spider .rating-spider-choice { min-height:42px; }
	.review-endcap .community-rating--spider .rating-spider-choice__icon { width:31px; }
}
@media (min-width:1081px) and (max-width:1499px) {
	.article-layout { grid-template-columns:60px minmax(0,860px) minmax(240px,1fr); }
	.article-tools { position:static; grid-column:1 / 3; grid-row:1; grid-template-columns:60px minmax(0,860px); align-items:start; }
	.article-tools .article-jump { grid-column:2; grid-row:1; }
	.article-tools .share-rail { grid-column:1; grid-row:1 / span 2; }
	.article-content { grid-column:2; grid-row:2; }
	.article-sidebar { grid-column:3; grid-row:1 / span 2; }
}
@media (max-width:1080px) {
	.review-endcap { gap:.8rem; }
	.review-endcap > .community-rating--spider { width:100%; }
}

.search-panel .search-field:focus-visible,.comment-form input:not([type="submit"]):focus-visible,.comment-form textarea:focus-visible,#wpdcom textarea:focus-visible,#wpdcom input[type="text"]:focus-visible,#wpdcom input[type="email"]:focus-visible,#wpdcom input[type="url"]:focus-visible,#wpdcom input[type="password"]:focus-visible{outline:3px solid color-mix(in srgb,var(--color-brand) 62%,#fff)!important;outline-offset:4px}

/* 2.19.0 — calm, media-led release and free-game cards. */
.release-game-grid,.game-grid,.deal-grid--archive,.deals-section .deal-grid { align-items:stretch; }
.game-card--release,.deal-card--game {
	position:relative;
	overflow:hidden;
	height:100%;
	border:1px solid color-mix(in srgb,var(--color-line) 86%,transparent);
	border-radius:1.15rem;
	background:var(--color-surface-raised);
	box-shadow:0 14px 34px rgb(0 0 0/.1);
	animation:none!important;
	transform:none!important;
	transition:border-color .18s ease,box-shadow .18s ease!important;
}
.game-card--release:hover,.deal-card--game:hover { border-color:color-mix(in srgb,var(--color-brand) 42%,var(--color-line)); box-shadow:0 18px 42px rgb(0 0 0/.14); transform:none!important; }
.game-card--release .game-card__media,.deal-card--game .deal-card__media { aspect-ratio:16/9; background:#101216; }
.game-card--release .game-card__media img,.deal-card--game .deal-card__media img { width:100%;height:100%;object-fit:cover;transition:none; }
.game-card--release:hover .game-card__media img,.deal-card--game:hover .deal-card__media img { transform:none;filter:none; }
.game-card__shade,.deal-card__shade { position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgb(4 6 9/.72));pointer-events:none; }
.game-card--release .game-status,.deal-card--game .deal-card__free { inset-block:auto -.85rem;inset-inline:1rem;display:grid;min-height:42px;place-items:center;padding:.55rem .85rem;border:3px solid var(--color-surface-raised);border-radius:.8rem;background:#24272e;color:#fff;box-shadow:none;font-size:.68rem;letter-spacing:.035em; }
.deal-card--game .deal-card__free { z-index:2;background:var(--color-brand); }
.game-card--release .game-card__score { inset-block:.75rem auto;inset-inline:auto .75rem;width:48px;height:48px;border:2px solid rgb(255 255 255/.86);background:rgb(13 15 20/.82);font-size:.9rem;backdrop-filter:blur(8px); }
.game-card--release .game-card__score small { font-size:.48rem; }
.game-card--release .game-card__body,.deal-card--game .deal-card__body { gap:.42rem;padding:1.55rem 1rem 1rem; }
.game-card--release .release-date { margin-block-start:.2rem;color:var(--color-muted);font-size:.7rem;text-align:center; }
.game-card--release .game-card__title,.deal-card--game .deal-card__title { margin:.15rem 0;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.35;text-align:center; }
.game-card--release .game-card__meta,.game-card--release .game-card__excerpt,.deal-card--game .deal-card__excerpt { margin:.1rem 0;color:var(--color-muted);font-size:.74rem;line-height:1.55;text-align:center; }
.game-card--release .countdown,.deal-card--game .countdown { margin:.3rem 0; }
.game-card--release .countdown__units,.deal-card--game .countdown__units { gap:.25rem; }
.game-card--release .countdown__unit,.deal-card--game .countdown__unit { padding:.46rem .25rem;border-radius:.5rem; }
.game-card--release .game-card__platforms,.deal-card--game .deal-card__platforms { display:flex;justify-content:center;gap:.6rem;margin:.35rem 0; }
.game-card--release .platform-list__item,.deal-card--game .platform-list__item { display:grid;min-width:52px;justify-items:center;gap:.25rem;padding:.38rem .35rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-muted);font-size:.56rem;font-weight:850;text-align:center; }
.game-card--release .platform-list__item:hover,.deal-card--game .platform-list__item:hover { background:var(--color-brand-soft);color:var(--color-brand);transform:none; }
.game-card--release .platform-list__item .platform-mark,.deal-card--game .platform-list__item .platform-mark { width:28px;height:28px;padding:0;background:transparent;color:currentColor; }
.game-card--release .platform-list__item .platform-mark img,.deal-card--game .platform-list__item .platform-mark img { width:100%;height:100%;object-fit:contain; }
.game-card--release .platform-list__item > span:not(.platform-mark),.deal-card--game .platform-list__item > span:not(.platform-mark) { padding:0;background:transparent;color:inherit;font-size:inherit;white-space:normal; }
.game-card__actions,.deal-card--game .deal-card__actions { display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-block-start:auto;padding-block-start:.55rem; }
.game-card__actions .button,.deal-card--game .deal-card__actions .button { flex:1 1 105px;min-height:40px;justify-content:center;padding:.52rem .7rem;font-size:.68rem;text-align:center; }
.game-card__trailer,.deal-card__trailer { gap:.35rem; }
.button--subtle { border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-ink); }
.deals-hero-stack { display:none!important; }
.deals-archive-hero { min-height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand) 7%,var(--color-canvas)),var(--color-canvas)); }
.deals-archive-hero__grid { grid-template-columns:minmax(0,760px); }
.post-type-archive-al3ab_deal .deal-card,.deal-grid--archive .deal-card:nth-child(n) { animation:none!important;transform:none!important; }
@media(max-width:480px){.game-card--release .platform-list__item>span:not(.platform-mark),.deal-card--game .platform-list__item>span:not(.platform-mark){display:block}.game-card--release .game-card__body,.deal-card--game .deal-card__body{padding:1.4rem .75rem .8rem}}

/* 2.19.0 — quiet legal/contact pages and professional team directory. */
.simple-page-hero { border-block-end:1px solid var(--color-line);background:linear-gradient(180deg,color-mix(in srgb,var(--color-brand) 6%,var(--color-canvas)),var(--color-canvas)); }
.simple-page-hero h1 { max-width:18ch;margin:.45rem 0 .75rem;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.96;letter-spacing:-.045em; }
.simple-page-hero p { max-width:60ch;margin:0;color:var(--color-muted);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.75; }
.simple-page-section { padding-block-start:2.25rem; }
.legal-copy { padding:clamp(1rem,3vw,2rem);border:1px solid var(--color-line);border-radius:1.1rem;background:var(--color-surface-raised);box-shadow:0 12px 32px rgb(0 0 0/.07); }
.legal-copy h2 { margin-block:1.8rem .55rem;font-size:clamp(1.25rem,2vw,1.65rem); }
.legal-copy h2:first-child { margin-block-start:0; }
.contact-card-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem; }
.legal-copy + .contact-card-grid { margin-block-start:1rem; }
.contact-card { display:grid;align-content:start;gap:.65rem;padding:1.35rem;border:1px solid var(--color-line);border-radius:1rem;background:var(--color-surface-raised); }
.contact-card>span { display:grid;width:42px;aspect-ratio:1;place-items:center;border-radius:.75rem;background:var(--color-brand-soft);color:var(--color-brand);font-weight:900; }
.contact-card h2,.contact-card p { margin:0; }.contact-card p{color:var(--color-muted);line-height:1.65}.contact-card .button,.contact-card .text-link{justify-self:start;margin-block-start:auto}

.team-hero { min-height:auto;padding-block:clamp(3rem,6vw,5rem);background:linear-gradient(180deg,#15171b,#0f1013); }
.team-hero__grid { align-items:end; }.team-hero h1{max-width:none;font-size:clamp(2.7rem,5vw,4.8rem);letter-spacing:-.045em}.team-hero__stat{min-height:150px;border-radius:1rem;background:#191b20;box-shadow:none}.team-hero__stat strong{font-size:clamp(2.8rem,5vw,4.8rem)}
.team-hero + .section { background:var(--color-canvas);color:var(--color-ink); }
.team-hero + .section .section-heading__title { color:var(--color-ink); }
.team-grid,.team-grid--featured { grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem; }
.team-hero + .section .team-card,.team-hero + .section .team-card--featured { grid-template-columns:96px minmax(0,1fr);min-height:0;align-items:start;padding:1rem;border:1px solid var(--color-line);border-radius:1rem;background:var(--color-surface-raised);color:var(--color-ink);box-shadow:0 10px 28px rgb(0 0 0/.07);transition:none;transform:none; }
.team-hero + .section .team-card::before { width:4px;height:auto;inset-block:.8rem;inset-inline-start:0;border-radius:0 99px 99px 0;background:var(--team-accent,var(--color-brand)); }
[dir="rtl"] .team-hero + .section .team-card::before { border-radius:99px 0 0 99px; }
.team-hero + .section .team-card:hover { border-color:color-mix(in srgb,var(--team-accent,var(--color-brand)) 38%,var(--color-line));transform:none; }
.team-hero + .section .team-card__media { width:96px;aspect-ratio:1;border-radius:.85rem; }
.team-hero + .section .team-card__body,[dir="rtl"] .team-hero + .section .team-card__body { padding:0; }
.team-hero + .section .team-card h3,.team-hero + .section .team-card h3 a { margin:.18rem 0;color:var(--color-ink); }
.team-hero + .section .team-card p { color:var(--color-muted);font-size:.76rem;line-height:1.55; }
.team-hero + .section .team-card__links a { padding:.3rem .5rem;background:var(--color-surface);transition:none; }
.agency-team-strip { overflow-x:auto;mask-image:none; }.agency-team-strip__track{animation:none!important;transform:none!important}.agency-team-strip__item{flex:0 0 220px}
@media(max-width:920px){.team-grid,.team-grid--featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.contact-card-grid,.team-grid,.team-grid--featured{grid-template-columns:1fr}.team-hero + .section .team-card,.team-hero + .section .team-card--featured{grid-template-columns:78px minmax(0,1fr)}.team-hero + .section .team-card__media{width:78px}}

/* 2.19.0 — Esports as a calm editorial news desk. */
.esports-news-hero { padding-block:clamp(3rem,6vw,5.5rem);border-block-end:1px solid var(--color-line);background:linear-gradient(180deg,#15171b,#101216);color:#fff; }
.esports-news-hero__inner { display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:clamp(1.25rem,5vw,4rem);align-items:end; }
.esports-news-hero h1 { margin:.35rem 0 0;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.82;letter-spacing:-.065em; }
.esports-news-hero p { margin:0;color:#b8bdc6;font-size:clamp(1rem,1.55vw,1.2rem);line-height:1.75; }
.esports-lead-section { padding-block:clamp(2rem,4vw,3.5rem); }
.esports-lead-grid { display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:1rem;align-items:stretch; }
.esports-lead-story { overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);border:1px solid var(--color-line);border-radius:1.15rem;background:var(--color-surface-raised);box-shadow:0 14px 36px rgb(0 0 0/.08); }
.esports-lead-story__media { min-height:360px;overflow:hidden;background:#111319; }.esports-lead-story__media img{width:100%;height:100%;object-fit:cover}
.esports-lead-story>div { display:grid;align-content:center;gap:.75rem;padding:clamp(1.1rem,2.5vw,2rem); }
.esports-lead-story h2,.esports-lead-story p { margin:0; }.esports-lead-story h2{font-size:clamp(1.45rem,2.5vw,2.35rem);line-height:1.15}.esports-lead-story p{color:var(--color-muted);line-height:1.7}
.esports-secondary-list { display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:1rem; }
.esports-secondary-list article { overflow:hidden;display:grid;grid-template-columns:120px minmax(0,1fr);gap:.85rem;align-items:center;padding:.75rem;border:1px solid var(--color-line);border-radius:1rem;background:var(--color-surface-raised); }
.esports-secondary-list__media { overflow:hidden;aspect-ratio:1;border-radius:.75rem;background:#111319; }.esports-secondary-list__media img{width:100%;height:100%;object-fit:cover}.esports-secondary-list time{color:var(--color-muted);font-size:.68rem}.esports-secondary-list h3{margin:.3rem 0;font-size:1rem;line-height:1.35}
.esports-news-latest { border-block-start:1px solid var(--color-line);background:color-mix(in srgb,var(--color-surface) 55%,transparent); }
.esports-news-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:980px){.esports-news-hero__inner,.esports-lead-grid,.esports-lead-story{grid-template-columns:1fr}.esports-lead-story__media{min-height:300px}.esports-secondary-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.esports-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.esports-news-hero h1{font-size:3.1rem}.esports-secondary-list,.esports-news-grid{grid-template-columns:1fr}.esports-secondary-list article{grid-template-columns:96px minmax(0,1fr)}}