/* Charcoal glass with a restrained, brushed-bronze accent. */
:root {
  --bg: #101010;
  --panel: #1c1c1c;
  --ink: #eeece8;
  --muted: #aca6a0;
  --line: #34312e;
  --accent: #c7976b;
  --steel: #bcb6b0;
  --glass-edge: rgba(199,151,107,.19);
  --glass-shadow: 0 16px 45px #0004, inset 0 1px 0 #ffffff0d;
}
body {
  background-color: var(--bg);
  background-image: radial-gradient(ellipse at 8% 30%, #8d634c09, transparent 42%), radial-gradient(ellipse at 94% 70%, #b48b6107, transparent 40%);
}
.header { background: linear-gradient(135deg,#292929cc,#171717e0); border-color: #c7976b26; }
.header nav a:hover,.header nav a[aria-current] { background: #c7976b0e; color: var(--accent); }
.motion-toggle { color: #d2cbc4; border-color: #c7976b33; background: linear-gradient(135deg,#ffffff0b,#ffffff03); }
.motion-toggle:hover { background: #c7976b10; border-color: #c7976b75; }
.reading-progress { box-shadow: 0 0 12px #c7976b55; }
.cinematic-hero { background: #101010; }
.scene-image { filter: saturate(.48); }
.scene-shade { background: linear-gradient(90deg,#101010d1 0%,#10101070 48%,#10101038 100%),linear-gradient(0deg,#101010 0%,#101010c2 16%,transparent 58%,#10101055 100%); }
.hero-top .eyebrow { color: #e3ded8; }
.hero-top .edition,.scene-caption,.art-caption { color: #bdb6af; }
.hero-description>p { color: #d4cec8; }
.scroll-cue { border-color: #c7976b66; }
.mist { background: radial-gradient(ellipse at 45% 55%,#c7b9a83d 0%,#b9b0a721 30%,transparent 66%); }
.mist-two { background: radial-gradient(ellipse at 60% 50%,#d0c6b930,transparent 65%); }
.explore-button {
  color: #17120e;
  background: linear-gradient(135deg,#d1ad87,#bd8e63 70%,#ae7b51);
  border-color: #d5af8980;
  box-shadow: inset 0 1px 0 #f2dec54d,0 8px 26px #9d6e3f1a;
}
.explore-button:hover,.explore-button:focus-visible { background: linear-gradient(135deg,#dfbd97,#c79a72 75%); box-shadow: inset 0 1px #f2dec570,0 11px 34px #9d6e3f2b; }
.explore-button:active { background: #b98a60; }
.topic-strip { background: linear-gradient(120deg,#272421,#1c1b1a); color: #cba27e; border-top: 1px solid #c7976b59; border-bottom: 1px solid #c7976b26; }
.outline-word { color: #b0a79f; }
.project-directory { background: linear-gradient(130deg,#2a282566,#1c1c1c99); border-color: var(--glass-edge); }
.project-directory>a { border-color: #c7976b21; }
.project-directory>a:hover,.project-directory>a:focus-visible { background: #c7976b0e; }
.directory-number,.project-directory .directory-arrow { color: #a5998e; }
.dossier { background: #1b1b1bd9; border-color: #c7976b33; }
.dossier:hover,.dossier:focus-within { border-color: #c7976b70; }
.dossier-body { background: linear-gradient(145deg,#ffffff04,#18181830); }
.project-grid-v3 .dossier-body { border-color: #c7976b21; }
.dossier-visual { background: #191919; }
.dossier-visual>img { filter: saturate(.66); }
.dossier-visual:after { background: linear-gradient(180deg,#10101070,transparent 28%,transparent 60%,#10101099); }
.game-visual:after { background: linear-gradient(90deg,#101010a8,transparent 80%),linear-gradient(0deg,#101010ad,transparent 70%); }
.turi-image-visual { background: #191919!important; color: var(--ink); }
.turi-image-visual:after { background: linear-gradient(0deg,#101010d6,transparent 64%),linear-gradient(90deg,#10101059,transparent 80%); }
.project-emblem,.turi-image-visual .project-emblem { color: #dfb78f; background: linear-gradient(145deg,#67523e50,#201d19b3); border-color: #d0a57e70; }
.project-stage,.turi-image-visual .project-stage { color: #e8e1da; background: #171717bf; border-color: #c7976b59; }
.visual-caption,.turi-art-title>span { color: #d1c6ba; }
.game-wordmark,.turi-art-title strong { color: #eeece8; }
.dossier-kicker { color: #b2a69a; }
.tool-inline { color: #c9c0b7; }
.tool-inline .icon { color: var(--accent); }
.project-lede,.detail-body>p { color: #c2bbb5; }
.focus-line>span { color: #b2a294; }
.focus-line>p { color: #e3dcd5; }
.detail-body>.detail-aside { color: #a99c91; }
.project-detail>summary { color: #d6cec6; border-color: #c7976b30; background: linear-gradient(120deg,#c7976b0d,#ffffff03); }
.project-detail>summary:hover,.project-detail[open]>summary { color: #dfb78f; border-color: #c7976b66; background: #c7976b0f; }
.tool-group-title { color: #b4a496; }
.tool-card { background: linear-gradient(130deg,#292725b8,#1c1c1cc9); }
.tool-card:hover,.tool-card:focus-visible { background: linear-gradient(130deg,#36302bcc,#242221e0); border-color: #c7976b66!important; }
.tool-card .tool-badge { background: linear-gradient(135deg,#372d25,#272320); color: #d6ae88; border-color: #c7976b47; }
.tool-category,.tool-description { color: #b5a99e; }
.tool-copy strong { color: #eeece8; }
.tool-arrow { color: #b29a85; }
.note-row { background: linear-gradient(120deg,#27252399,#1b1b1b80); }
.note-row:hover { background: #2b272399; border-color: #c7976b66; }
.card-glow { background: radial-gradient(480px circle at var(--glow-x,50%) var(--glow-y,50%),#c7976b14,transparent 65%); }
@media(max-width:600px) {
  .scene-shade { background: linear-gradient(90deg,#101010ca,#10101060),linear-gradient(0deg,#101010 1%,#10101099 45%,transparent 90%); }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .header,.dossier,.tool-card,.project-directory,.note-row { background: #202020; }
}