/* 1999 called. A few modern courtesies only: a skip link, readable links
   on the light panels, fonts that exist, and no motion if you asked for none. */
body { margin: 0; padding: 12px 0; font-family: "Times New Roman", Times, serif; }
font[face="Comic Sans MS"], h1, h2 { font-family: "Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive; }
.skip { position: absolute; left: 8px; top: -60px; background: #ffff00; color: #000; padding: 6px 10px; }
.skip:focus { top: 8px; }
.panel a:link { color: #0000ee; }
.panel a:visited { color: #551a8b; }
.panel a:active { color: #ee0000; }
.panel li { margin: 4px 0; }
.thumb { object-fit: cover; }
img { max-width: 100%; height: auto; }
.counter img { display: inline; vertical-align: middle; }
.copy {
  font: bold 16px "Comic Sans MS", "Comic Neue", cursive;
  padding: 6px 14px;
  background: #c0c0c0;
  color: #000;
  border: 3px outset #ffffff;
  cursor: pointer;
}
.copy:active { border-style: inset; }
.toast { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); background: #ffff00; color: #000; font: bold 16px "Comic Sans MS", cursive; padding: 6px 12px; border: 3px outset #fff; opacity: 0; pointer-events: none; }
.toast[data-on] { opacity: 1; }
:focus-visible { outline: 3px dotted #ffff00; outline-offset: 2px; }
/* quirks mode: tables don't inherit the panel's ink */
.panel td, .panel th { color: #000; }
.panel th { background: #cccccc; }
/* the ticker, done the way a marquee should have been: pausable, and still if you asked */
.ticker { overflow: hidden; white-space: nowrap; padding: 4px 0; }
.ticker span { display: inline-block; padding-left: 100%; animation: tick 28s linear infinite; }
.ticker:hover span { animation-play-state: paused; }
@keyframes tick { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .ticker span { animation: none; padding-left: 0; } }
/* the page table stays 780 wide whatever the ticker says */
body > center > table { table-layout: fixed; width: 780px; }
.ticker { width: 780px; max-width: 100%; }
.panel td { overflow-wrap: anywhere; }