body.theme-gameboy        { --bg:#0f380f; --detail1:#306230; --detail2:#8bac0f; --fg:#9bbc0f; }
body.theme-gameboy-pocket { --bg:#1a1a18; --detail1:#4a4a44; --detail2:#8b8b85; --fg:#c8c8be; }
body.theme-bbc-micro      { --bg:#000000; --detail1:#ff0000; --detail2:#00ff00; --fg:#ffffff; }
body.theme-pico-8         { --bg:#000000; --detail1:#ff004d; --detail2:#00e436; --fg:#29adff; }
body.theme-cga            { --bg:#000000; --detail1:#ff55ff; --detail2:#55ffff; --fg:#ffffff; }
body.theme-nes            { --bg:#000000; --detail1:#0078f8; --detail2:#f83800; --fg:#fcfcfc; }
body.theme-minerva        { --bg:#000000; --detail1:#4a3f5c; --detail2:#7a6e8a; --fg:#e8e8d0; }
body.theme-c64            { --bg:#000000; --detail1:#6c5eb5; --detail2:#a1683c; --fg:#ffffff; }
body.theme-zx-spectrum    { --bg:#000000; --detail1:#0000ff; --detail2:#ff0000; --fg:#ffffff; }

body { font-family: system-ui, sans-serif; max-width: 900px; margin: 1em auto; padding: 0 1em; }
nav { font-family: monospace, monospace; border-bottom: 1px solid #000; padding-bottom: 0.5em; margin-bottom: 1em; }
.nav-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.3em; }
.nav-top .site-title { font-weight: bold; font-size: 1.1em; }
.nav-menu a { margin-right: 1em; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #888; padding: 4px 8px; text-align: left; }
th { background: #eee; }
.err { color: #a00; }
form { margin: 0; }
input[type=text], input[type=password] { width: 20em; }
.announce-url { background: #eee; padding: 0.5em; word-break: break-all; }
time[title] { cursor: help; }
time[title]:hover { text-decoration: underline dotted; text-underline-offset: 4px; }

.stat-strip { display: flex; flex-wrap: wrap; gap: 0; list-style: none; padding: 0; margin: 1.5em 0; border: 1px solid #888; }
.stat-strip li { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; padding: 0.6em 0.4em; border-right: 1px solid #888; text-align: center; min-width: 0; }
.stat-strip li:last-child { border-right: none; }
.stat-strip .stat-num { font-family: monospace, monospace; font-size: 1.5em; font-weight: bold; }
.stat-strip .stat-label { font-size: 0.85em; opacity: 0.8; margin-top: 0.15em; }