/* ==========================================================================
   PREVIOUSLY — Games detail pages: Golden unified design (James 2026-10-08)
   Loaded ONLY by /games/ detail pages (never by hubs, sports, or news).
   One cream background. Cards transparent with a thin ink-rule border —
   no white cards, no dark patches. All text dark ink on cream; white text
   ONLY over image scrims. Nothing may overflow the viewport horizontally.
   ========================================================================== */
:root{--gd-rule:1px solid rgba(var(--desert-ink-rgb),.12)}
html{background:var(--desert-bg)}
body{background:var(--desert-bg);color:var(--desert-ink)}
img,video,iframe{max-width:100%}

/* ============ identity block (title + kicker + meta + actions) ============
   These classes ship without pvn-header.css on detail pages — style them
   here, mobile-safe: everything wraps, nothing exceeds the viewport. */
.pvn-title-zone{text-align:center;padding:0 20px;margin:28px auto 0;max-width:1120px}
.pvn-page-title{font-family:Georgia,'Times New Roman',serif;font-weight:700;
  font-size:clamp(38px,7.5vw,72px);letter-spacing:.02em;line-height:1.05;
  color:var(--desert-ink);margin:0;overflow-wrap:break-word;max-width:100%}
.pvn-identity{max-width:1120px;margin:0 auto;padding:26px 24px 8px;
  display:flex;gap:28px;flex-wrap:wrap;align-items:flex-start;
  font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
.pvn-id-copy{min-width:0;flex:1 1 280px}
.pvn-id-kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(var(--desert-ink-rgb),.62);margin:0 0 12px;overflow-wrap:break-word}
.pvn-id-meta{margin:0 0 14px;max-width:100%}
.pvn-id-meta .tc-metainline{overflow-wrap:break-word;max-width:100%}
.pvn-id-actions{display:flex;gap:12px;flex-wrap:wrap;max-width:100%}
.pvn-id-actions .ds-btn-ghost{max-width:100%;overflow-wrap:anywhere}
.pvn-id-desc{font-size:16px;line-height:1.75;color:rgba(var(--desert-ink-rgb),.78);
  margin:0 0 16px;max-width:64ch;overflow-wrap:break-word}

/* ============ title-cinema cards: transparent + thin border ============ */
.tc-facts{background:transparent;border:var(--gd-rule)}
.tc-release{background:transparent;border:var(--gd-rule)}
.tc-provider{background:transparent;border:var(--gd-rule)}
.tc-story-modal-body{background:var(--desert-bg);border:1px solid rgba(var(--desert-ink-rgb),.14)}
#more .pv-card{background:transparent;border:var(--gd-rule)}
/* ghost buttons off-art: transparent, dark ink (on-art hero buttons keep their wash) */
.tc-page .tc-btn-ghost,.tc-btn-ghost{background:transparent;color:var(--desert-ink)}
.tc-hero .tc-btn-ghost{background:rgba(var(--desert-ink-rgb),.42);color:var(--desert-card)}
/* about box: transparent + thin border (was tinted wash) */
.pv-about{background:transparent !important;border:1px solid rgba(var(--desert-ink-rgb),.12) !important}

/* ============ newsroom modules on game pages: transparent cards ============ */
.pv-nr-card{background:transparent}
.pv-subject-chip{background:transparent}
/* reactions: dark ink on cream (were white-on-dark pills) */
.pv-react{color:var(--desert-ink);background:transparent;border:1px solid rgba(var(--desert-ink-rgb),.16)}
.pv-react:hover{background:rgba(var(--desert-ink-rgb),.06);color:var(--desert-ink)}
.pv-ml-card{background:transparent;border:1px solid rgba(var(--desert-ink-rgb),.12)}

/* ============ farm SEO pages (.farm-*) ============ */
.farm-wrap{max-width:1100px}
.farm-facts{background:transparent;border:var(--gd-rule);box-shadow:none}
.farm-castm{background:transparent;border:var(--gd-rule);box-shadow:none}
.farm-hero-in{flex:1 1 240px;min-width:0;overflow-wrap:break-word}
.farm-hero h1{overflow-wrap:break-word}
.farm-overview{overflow-wrap:break-word}
.farm-meta{overflow-wrap:break-word}

/* ============ mobile: zero horizontal overflow, guaranteed ============ */
@media(max-width:760px){
  body{overflow-x:clip}
  .pvn-identity{padding:22px 18px 6px;gap:18px}
  .pvn-title-zone{padding:0 18px}
  .pvn-id-actions .ds-btn-ghost{flex:1 1 100%}
  .tc-wrap{padding:0 18px 70px}
  .tc-block{padding:44px 0 8px}
}
