.unrealities-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px clamp(16px, 4vw, 48px); border-bottom: 1px solid #3c6075; background: #2f4858; color: #faf9f6; font: 600 13px/1.4 system-ui, sans-serif; }
.unrealities-bar a { color: #faf9f6; text-decoration: none; }
.unrealities-bar a:hover { color: #f6ae2d; text-decoration: underline; }
.unrealities-bar a:focus-visible { outline: 3px solid #f6ae2d; outline-offset: 3px; }
.unrealities-name { font-weight: 800; letter-spacing: .12em; }
.unrealities-name::before { content: "●"; margin-right: 10px; color: #f26419; }
@media (max-width: 560px) { .unrealities-bar { font-size: 11px; } }

/* Studio theme shared by the catalog, field guides and platform comparisons.
   Kept upstream so every copy of the public archive receives the same styling. */
:root {
  --bg: #faf9f6; --paper: #faf9f6; --panel: #eef2f3; --panel-2: #e5ecef;
  --ink: #2f4858; --ink-dim: #526775; --muted: #526775; --line: #cbd9df;
  --blue: #33658a; --cyan: #285f82; --red: #b84812; --yellow: #925718; --accent: #b84812;
  --ui: 'Space Grotesk', system-ui, sans-serif;
  --sans: 'Space Grotesk', system-ui, sans-serif;
  --pixel: 'Space Grotesk', system-ui, sans-serif;
  --display: 'Archivo Black', Impact, sans-serif;
  --mono: 'Space Grotesk', system-ui, sans-serif;
  --dither: none;
}
html { color-scheme: light; }
body { background: var(--paper); background-image: none; font-family: var(--sans); }
body::after, .hero::before { display: none; }
.unrealities-bar { min-height: 54px; font-family: var(--sans); }
.hero { background: linear-gradient(120deg, #eef2f3, #faf9f6); border-bottom: 1px solid var(--line); }
.hero-title { font-family: var(--display); font-size: clamp(32px, 4.8vw, 66px); text-shadow: none; line-height: 1.1; }
.hero-disc svg { animation: none; }
.hero-disc { opacity: .85; }
.hero-copy { background: var(--panel); }
.hero-art { background: #2f4858; }
.hero-art figcaption, .hero-art figcaption a { color: #dcebf4; }
.hero-kicker, .filters label, .stat-scope { font-size: 12px; font-weight: 700; }
.site-nav { background: var(--paper); border-bottom: 1px solid var(--line); }
.site-nav a { color: var(--ink); text-shadow: none; font-size: 13px; }
.site-nav a[aria-current="page"] { color: var(--accent); }
.btn, .btn-ghost { box-shadow: none; border-radius: 6px; font-size: 13px; border-color: var(--blue); }
.btn { background: var(--blue); color: #fff; }
.btn-ghost { background: transparent; color: var(--blue); }
input, select, textarea { border-radius: 6px; }
.stat-bar i { background: var(--blue); }
.ti-score, .d-titan > b { text-shadow: none; }
.directory-grid>a, .field-grid, .score-layout, .price-cards, .episode-link { border-radius: 10px; }
.directory-grid h3 { font-size: 22px; }
.site-footer { background: #2f4858; color: #faf9f6; }
.site-footer a { color: #faf9f6; }
.site-footer .brand b { color: #f6ae2d; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #b84812; outline-offset: 3px; }
/* Keep the interactive TV's screen legible within the shared studio frame. */
.ch-page { --ink: #f4f4f8; --ink-dim: #bfc9d4; --yellow: #f6ae2d; --cyan: #86bbd8; }
.ch-page .site-nav a, .ch-hint { color: #2f4858; }
.ch-page .site-nav a[aria-current="page"] { color: #b84812; }
@media (max-width: 760px) { .hero-title { font-size: clamp(30px, 8vw, 52px); } }

/* Readable research and touch controls throughout the public archive. */
.guide-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.toc-disclosure>summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:13px;font-weight:700}
.guide-decisions>div{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.guide-decisions p{font-size:15px;line-height:1.75}
.guide-decisions a,.decision-next a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}
@media(max-width:760px){.guide-decisions{grid-template-columns:1fr}}
.site-nav { flex-wrap:wrap;overflow:visible;gap:0 16px;padding-block:8px; }
.site-nav a { display:inline-flex;align-items:center;min-height:44px;padding-block:8px; }
.unrealities-bar a { display:inline-flex;align-items:center;min-height:44px; }
.hero-kicker { line-height:1.7; }
.hero-art>.fine,.hero-art>.fine a { color:#dcebf4;font-size:12px; }
.hero-meta,.breadcrumb,.fine,.muted { font-size:13px; }
.hero-copy>p,.copy-block p,.field-grid dd { font-size:15px;line-height:1.75; }
.field-grid dt { font-size:11px; }
.toc nav a { min-height:44px;font-size:13px;align-items:center; }
.site-header>nav a,.site-footer nav a { display:inline-flex;align-items:center;min-height:44px;font-size:13px; }
.game-search input,.version-tools input,.version-tools select,.catalog-search input,.filters select,.search input { font-size:16px;min-height:44px; }
.btn,.btn-ghost,.button,.drawer-close { min-height:44px; }
.button { font-size:14px;border-radius:6px;align-items:center; }
.hero-actions { flex-wrap:wrap;gap:12px; }
.hero-actions a { min-height:44px;display:inline-flex;align-items:center; }
.section-head h2 { font-size:clamp(25px,3vw,37px);text-transform:none; }
.section-head p,.note,.count-label,.compare-hint { font-size:13px; }
.directory-grid p { font-size:12px; }
.version-table th small,figcaption,.gallery-grid figcaption b { font-size:12px; }
table { font-size:14px; }thead { font-size:11px; }.comparison-table td { font-size:13px; }
.table-scroll { border:1px solid var(--line);border-radius:8px; }
@media(max-width:760px) {
 .site-nav { white-space:normal;display:flex;justify-content:flex-start;padding-inline:16px;gap:0 16px; }
 .site-nav a { font-size:12px; }
 .hero-disc { display:none; }
 .hero-inner { padding-block:28px; }
 .hero-kicker { max-height:3.4em;overflow:hidden; }
 .hero-lede { font-size:16px;line-height:1.7; }
 .hero h1 { font-size:clamp(34px,9vw,58px);line-height:1.08;letter-spacing:-.5px; }
 .hero-copy { padding:24px; }
 .site-header { padding:20px;gap:16px; }
 .site-header>nav { flex-wrap:wrap;gap:8px 20px; }
 .toc { padding:12px 16px; }
 .toc nav { gap:0 16px; }
 .toc nav a { padding:10px 0;font-size:13px; }
 .field-grid>div { padding:14px; }
 .version-tools,.release-picker { flex-wrap:wrap; }
 .release-picker select { width:100%;max-width:100%;min-height:44px;font-size:16px; }
 .site-footer nav { flex-wrap:wrap;gap:8px 20px; }
}