/* phylactery -- the site themed for a game's release: Phylactery (2026-10-20). A game theme
   changes the field, the accents, the title face, and puts the game's art in the masthead.
   The reading text stays the site's own (Arial at the same size), so posts read as they did. */
@font-face { font-family: 'Cascadia Code'; src: url('../../assets/fonts/CascadiaCode-Regular.woff') format('woff'); font-display: swap; }
@font-face { font-family: 'Phylactery Serif'; src: url('fonts/PhylacterySerif-Regular.ttf') format('truetype'); font-display: swap; }

:root {
  color-scheme: dark;
  --track-title: 0px; --track-heading: 0px;
  --bg: #0D0907; --panel: #18110C; --recess: #080504; --off: rgba(233, 224, 207, 0.05);
  --text: #E9E0CF; --text-2: rgba(233, 224, 207, 0.66); --text-3: rgba(233, 224, 207, 0.46);
  --link: #E2AE62; --link-hover: #F3D197;
  --mark: #C8623A; --mark-wash: rgba(200, 98, 58, 0.18);
  --rule: rgba(233, 224, 207, 0.09); --rule-2: rgba(233, 224, 207, 0.18);
  --quote: #C4B9A4;
  --owner: #8CB4FF; --claude: #D97757; --openai: #4AD0A8; --made: #FFCB5C;
  --release: #F5C86E; --release-deep: #C68E3C; --release-shine: #FFF7E0; --release-glow: rgba(245, 200, 110, 0.38);   /* a game's row: the theme's gold, brightened to shine */
  --proto: #D5DCE4; --proto-deep: #8F98A3; --proto-shine: #FFFFFF; --proto-glow: rgba(213, 220, 228, 0.28);   /* a prototype's row: silver */
  --add: #8FC37A; --del: #E0705E;
  --spoiler-bg: #E9E0CF; --spoiler-text: #0D0907;

  --font-body: Arial, Arimo, 'Liberation Sans', Helvetica, sans-serif;
  --font-title: 'Phylactery Serif', 'IM Fell English', Georgia, serif;
  --font-ui: Arial, Arimo, 'Liberation Sans', Helvetica, sans-serif;
  --font-mono: 'Cascadia Code', 'Cascadia Mono', Consolas, monospace;

  --size-body: 16px; --line: 1.5;
  --col-text: 704px; --col-log: 930px; --col-list: 704px;
  --size-title: 2.5rem; --size-h1: 2.125rem; --size-h2: 1.625rem; --size-h3: 1.1875rem; --weight-title: 400;
}

/* the light of the game's cave, falling from above the page */
body { background: radial-gradient(ellipse 90% 520px at 50% -80px, #3A2412 0%, rgba(58, 36, 18, 0) 100%) no-repeat, var(--bg); }
.title, .h1, .h2, .h3, .log-section-title { font-weight: 400; letter-spacing: 0.01em; }
.entry-title { font-size: 1.125rem; font-weight: 400; }
.top-nav { font-family: var(--font-title); font-size: 0.9375rem; letter-spacing: 0.14em; text-transform: uppercase; }
.top-nav a.current { color: var(--link); }
.entry { min-height: 44px; }
.chip { background: none; }

/* the masthead: the game's art, leading to the game */
.masthead { display: block; max-width: 1100px; margin: 26px auto 0; padding: 0 20px; }
.masthead:hover { text-decoration: none; }
.masthead img { display: block; width: 100%; height: auto; border: 1px solid var(--rule-2); }
/* the line under it: the artifacts page's caption under the same banner (site.css .work-caption / .work-meta) */
.masthead-line { display: flex; justify-content: space-between; font-family: var(--font-ui); font-size: 0.75rem; color: var(--text-2); margin-top: 6px; }
.masthead-act { color: var(--link); }
.masthead:hover .masthead-act { color: var(--link-hover); }
html:not([data-page="index"]) .masthead { display: none; }
html[data-page="index"] .page { margin-top: 34px; }
@media (max-width: 767px) { .masthead { padding: 0 16px; margin-top: 16px; } }