.bell-page {
  --bg: #0d1010;
  --fg: #bcbbae;
  --bright: #e2ddc8;
  --accent: #d6b675;
  --ember: #a65f47;
  max-width: 78ch;
}

.bell-page main { padding-bottom: 1rem; }
.bell-page .game-kicker {
  font-size: .75rem;
  letter-spacing: .09em;
  color: #a29d86;
}

.bell-page figure { margin: 1.5rem 0; }
.bell-page pre,
.bell-page pre.art {
  color: #b6b7a0;
  font-family: "Iosevka", "JetBrains Mono", "Fira Mono", ui-monospace, monospace;
  font-size: 13px;
  font-variant-ligatures: none;
  line-height: 1.16;
  tab-size: 4;
}

.bell-page .scene-art pre,
.bell-page .map-art pre {
  background: transparent;
  border: 0;
  padding: 0;
}

.bell-page .status-art pre {
  color: #d6b675;
  background: #131816;
  border: 1px solid #30382e;
}

.bell-page .map-art pre { color: #999e88; font-size: 12px; }
.bell-page .game-intent { color: #e0a080; letter-spacing: .07em; font-size: .9rem; }
.bell-page .game-hint { font-size: .85rem; color: #a6aa97; }
.bell-page .game-choice { margin: .65rem 0; }
.bell-page .game-choice a {
  display: block;
  padding: .7rem .9rem;
  border: 1px solid #3d4032;
  border-left: 3px solid #a18b53;
  background: #151a16;
  line-height: 1.5;
}

.bell-page a:hover { color: #f6e3b2; }
.bell-page .game-choice a:hover { background: #20261c; text-decoration: none; }
.bell-page a:focus-visible { outline: 2px solid #e5c988; outline-offset: 4px; }
.bell-page .game-relic { font-size: .85rem; margin: .5rem 0; }
.bell-page .game-inventory { color: #a6aa97; font-size: .85rem; }
.bell-page .game-utility { font-size: .8rem; margin: .65rem 0; }
.bell-page h1 { font-size: 1.4rem; }
.bell-page blockquote { color: #b5ae99; }
.bell-page footer { border-top: 1px solid #30382e; padding-top: 1rem; }

@media (max-width: 480px) {
  .bell-page { padding: 1rem .8rem 2rem; }
  .bell-page pre, .bell-page pre.art { font-size: 11px; }
  .bell-page .status-art pre { padding: .35rem; }
  .bell-page .map-art pre { font-size: 10px; }
}