/* Ink, white paper, and screentone: the shared manga theme. */
:root {
  --accent: #fff;
  --ink: #0c0c0c;
  --paper: #fff;
  --muted: #bdbdbd;
  --line: #555;
}
.scene { filter: none; }
.scene-shade {
  background: linear-gradient(90deg, #0006, transparent 58%),
    linear-gradient(0deg, #000b, transparent 42%, #0000000a);
}
.phone-home { filter: grayscale(1); }
.post img, .photo-tile img, .photo-full, .book-photo {
  filter: grayscale(1);
}
.topbar, .bottom-bar { background: #0c0c0c; }
.topbar { border-bottom-color: #777; }
.dialogue { background: #101010f5; border: 1px solid #aaa; }
.dialogue-main { border-right-color: #666; }
.speaker-name, .affinity { color: #fff; }
.choice { background: #171717; border-color: #777; }
.choice:first-child { background: #f8f8f8; color: #111; border-color: #fff; }
.choice:first-child .choice-number, .choice:first-child svg { color: #111; }
.choice:hover { background: #fff; color: #111; border-color: #fff; }
.choice:hover .choice-number, .choice:hover svg { color: #111; }
.hotspot-label { background: #080808ed; border-color: #bdbdbd; }
.target { background: #080808e8; border-color: #fff; }
.notification { background: #fff; color: #000; }
.room-title { text-shadow: 0 2px 12px #0009; }
.app-icon, .phone-shell, .phone-status, .app-header { background-color: #fff; }
.app-button:first-child .app-icon { background: #fff; }
.feed-label { background: #eee; }
.like.liked { color: #000; font-weight: 700; }
.like.liked svg { fill: #000; }
.chart-line { stroke: #111; }
.demo-badge { background: #e5e5e5; color: #222; border: 1px solid #999; }
.reply-button { background: #fff; color: #111; border-color: #333; }
.reply-button:hover { background: #ddd; }
.book-dialog { background: #fff; color: #161616; }
.book-page { background: repeating-linear-gradient(transparent 0, transparent 29px, #0000000d 30px); }
.book-date, .book-nav button { color: #444; }
.book-nav button:disabled { color: #999; cursor: default; }
.settings-dialog { background: #111; border-color: #aaa; }
.reset-button { background: #fff; color: #111; border-color: #fff; }
.put-down { background: #111; color: #fff; border-color: #ddd; }
.toast { background: #fff; color: #111; border: 1px solid #111; }
@media (max-width: 640px) {
  .scene-shade { background: linear-gradient(0deg, #080808, #0000000a 65%), linear-gradient(90deg, #0005, transparent 85%); }
}