/* built to the pattern of a 2003 anime shrine: one fixed width table
   centred on the page, every section its own bordered cell, arial, bold
   links without underlines, a nav row of slashes. only the palette is
   different, because the subject is things going dark. */
body { background:#0f1012; color:#c3c9ce; font-family:arial, helvetica, sans-serif;
  font-size:12px; margin:14px 0 40px; }
img { vertical-align:bottom; }
table.container { text-align:center; margin-left:auto; margin-right:auto; }
table.main { width:769px; max-width:96vw; text-align:center;
  border-collapse:separate; border-spacing:0 8px; }
td.title { border:1px solid #3c4249; background:#16181b; padding:26px 10px; }
td.title h1 { margin:0; font-size:30px; font-weight:400; letter-spacing:.34em;
  color:#e9eef2; text-indent:.34em; }
td.title h1 a { color:#e9eef2; font-weight:400; }
td.title .en { font-size:12px; color:#98a2aa; margin-top:10px; font-style:italic; }
td.nav { border:1px solid #3c4249; background:#16181b; padding:10px;
  font-family:arial; font-size:10px; color:#4b5359; }
td.nav a[aria-current] { color:#6fb7ff; }
td.dotted { border:1px solid #3c4249; background:#121416; padding:10px;
  font-family:arial; font-size:14px; text-align:left; }
a:link, a:visited { color:#dfe6eb; background:transparent; text-decoration:none; font-weight:bold; }
a:hover { color:#6fb7ff; }
h2 { font-size:15px; margin:0 0 8px; color:#e9eef2; font-weight:bold; text-align:center; }
h2 span { font-size:11px; font-weight:normal; color:#7f8992; }
p { margin:0 0 10px; line-height:1.6; }
.intro { text-align:justify; color:#b3bbc1; }
.count { font-family:"Courier New", monospace; font-size:13px; color:#86d39a; font-weight:bold; }
.count.bad { color:#e0687a; }
table.recs { width:100%; border-collapse:collapse; text-align:left; font-size:12px; }
table.recs td { padding:7px 6px; border-bottom:1px dotted #2c3238; vertical-align:top; }
table.recs tr:last-child td { border-bottom:0; }
td.st { width:8.5em; text-align:right; white-space:nowrap; font-size:11px; }
.alive { color:#86d39a; font-weight:bold; }
.dead { color:#e0687a; font-weight:bold; }
.unknown { color:#6d767d; font-weight:bold; }
.note { color:#98a2aa; font-size:12px; margin-top:2px; }
.small { color:#6d767d; font-size:10px; text-transform:uppercase; letter-spacing:.08em;
  margin-top:3px; }
.new { background:#86d39a; color:#0f1012; font-size:9px; padding:0 3px; margin-left:5px;
  font-weight:bold; }
dl.log { margin:0; font-size:12px; text-align:left; }
dl.log dt { float:left; clear:left; width:80px; color:#6fb7ff; font-weight:bold; }
dl.log dd { margin:0 0 4px 86px; color:#98a2aa; }
dl.faq { text-align:left; margin:0; }
dl.faq dt { color:#e9eef2; font-weight:bold; margin:14px 0 3px; }
dl.faq dd { margin:0; color:#b3bbc1; }
audio { width:100%; height:30px; margin:7px 0 0; filter:invert(90%) hue-rotate(180deg) saturate(.45); }
label { display:block; text-align:left; font-size:12px; color:#98a2aa; margin:12px 0 3px; }
input[type=text], textarea, select { width:100%; background:#0c0e10; color:#c3c9ce;
  border:1px solid #3c4249; font:inherit; font-size:13px; padding:6px 8px; }
input:focus, textarea:focus, select:focus { outline:1px solid #6fb7ff; }
textarea { min-height:5em; resize:vertical; }
button { margin-top:14px; background:#1b1f23; color:#dfe6eb; border:1px solid #3c4249;
  font:inherit; font-size:12px; font-weight:bold; padding:6px 20px; cursor:pointer; }
button:hover { border-color:#6fb7ff; color:#6fb7ff; }
.hp { position:absolute; left:-9999px; }
.notice { border:1px solid #e0687a; background:#1a1416; padding:8px 10px; margin:0 0 10px;
  font-size:13px; }
.foot { font-size:11px; color:#6d767d; padding:6px 10px; }
.foot a { color:#8b949b; }