:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f5;color:#141413}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* one look on purpose: a sheet of ink-and-paper comic heads; the canvas fills the page, the footer sits on it */
  :root{--paper:#eeebe3;--ink:#171614}
  html,body{margin:0;height:100%;background:var(--paper);color:var(--ink);overflow:hidden}
  canvas{display:block;width:100%;height:100%;cursor:pointer;touch-action:none}
  canvas.drag{cursor:grabbing}
  #hud{position:fixed;left:20px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));right:20px;font:italic 13px/1.7 Georgia,'Times New Roman',serif;color:var(--ink);opacity:.7;pointer-events:none;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #hud b{font-style:normal;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:11px;margin-right:10px}
  #hud kbd{font:600 10px/1 ui-monospace,Menlo,monospace;border:1px solid var(--ink);border-radius:3px;padding:1px 5px;margin:0 2px 0 8px;font-style:normal}
  #hud .snd{font-style:normal;font:600 10px/1 ui-monospace,Menlo,monospace;margin-left:10px;opacity:.8}
  @media (max-width:760px){#hud{font-size:11px;left:12px;right:12px;white-space:normal;line-height:1.5}#hud .k{display:none}}

  .page-nav{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:20px;display:flex;gap:10px;font:italic 12px Georgia,'Times New Roman',serif;opacity:.7}
  .page-nav a{color:var(--ink);text-decoration:none;padding:4px 0}
  .page-nav a[aria-current]{font-style:normal;text-decoration:underline;text-underline-offset:4px}
  .page-nav a:hover,.page-nav a:focus-visible{opacity:1;text-decoration:underline}
  .page-nav a:focus-visible{outline:1px solid var(--ink);outline-offset:4px}
  .people-page #hud{white-space:normal;overflow:visible;line-height:1.8}
  .people-page #hud kbd{white-space:nowrap}