/* Palette verified against https://simples-project.com/css/simples2.css?v=4.5.
   Presentation layout and original game captures remain unchanged. */
:root {
  --black: #070605;
  --page: #090909;
  --panel: #0e0c0a;
  --panel-soft: #14100d;
  --red: #7e160e;
  --red-bright: #b32a16;
  --gold: #d9a548;
  --gold-light: #f4d991;
  --gold-dark: #6d4216;
  --cream: #f4ead8;
  --muted: #a69b8c;
  --line: rgba(211,145,48,.34);
}
body { background: var(--page); color: var(--cream); }
header { background: rgba(4,4,4,.97); }
nav { color: #eee5d9; }
nav a:hover { color: var(--gold-light); }
a:focus-visible { outline-color: var(--gold-light); }
.brand span, .hero em, h2 em { color: var(--gold-light); }
.site-link { color: var(--gold-light); border-color: var(--gold-dark); }
.hero { border-color: var(--line); }
.hero-image {
  background: radial-gradient(ellipse at 50% 44%,rgba(109,66,22,.24),transparent 56%),
    radial-gradient(ellipse at 50% 95%,rgba(126,22,14,.2),transparent 65%),var(--black);
}
.hero-content { width:100%; text-align:center; padding:32px 24px 85px; }
.hero h1.official-logo { margin:12px auto 8px; max-width:490px; line-height:1; }
.official-logo img { display:block; width:100%; height:auto; filter:drop-shadow(0 12px 20px #0009); }
.hero-motto { color:var(--cream); font:normal 24px/1.4 Georgia,serif; letter-spacing:2px; margin:10px 0; }
.hero .intro { margin:8px 0 24px; }
.eyebrow, .number, .feature-name, .class-list,
figcaption span:first-child, .journey figcaption span:first-child,
.equipment figcaption span:first-child, .pass-foot span { color: var(--gold); }
.intro { color: #d5c5ad; }
.hero-bottom { color: #c6bba8; }
.section-intro p, .feature-copy p, .pass-heading p,
.journey-heading p, .equipment-heading p, figcaption,
.closing p, footer > span { color: var(--muted); }
.feature-copy ul { color: #ddd3c5; }
.feature-copy li { border-color: rgba(215,155,63,.11); }
.feature-copy li:before { color: var(--gold); }
.feature-name, .class-list { border-color: var(--line); }
.button {
  color: var(--gold-light);
  background: linear-gradient(#64150f,#2d0907);
  border-color: #bd762b;
  box-shadow: inset 0 0 0 2px #2a0905, 0 5px 18px #000;
}
.button:hover {
  color: #fff;
  background: linear-gradient(var(--red-bright),#47100b);
}
.visual, .journey figure, .equipment figure {
  background: linear-gradient(var(--panel-soft),var(--panel));
  border-color: var(--line);
}
.crop { background: var(--black); }
.pass-section {
  background: radial-gradient(ellipse at 50% 70%,rgba(126,22,14,.19),transparent 66%),#0a0908;
  border-color: var(--line);
}
.pass-visual { background: var(--panel); border-color: var(--line); }
.pass-foot p { color: var(--cream); }
.journey figcaption a, .equipment figcaption a,
footer > a:last-child { color: var(--gold-light); }
.equipment {
  background: radial-gradient(ellipse at 65% 60%,rgba(126,22,14,.16),transparent 65%),#0a0908;
  border-color: var(--line);
}
.closing {
  background: radial-gradient(ellipse at 50% 90%,rgba(98,15,8,.23),transparent 65%),var(--page);
  border-color: var(--line);
}
footer { background: #060605; border-color: rgba(186,133,49,.12); }
::selection { color: var(--cream); background: var(--red); }
@media(max-width:800px) {
  .hero h1.official-logo { max-width:430px; }
  .hero-motto { font-size:20px; letter-spacing:1px; }
}