:root { color-scheme: light dark; --fg: #1d1d1f; --bg: #fdfdfb; --muted: #66665f; --accent: #6b2fa8; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e6e3; --bg: #16161a; --muted: #a3a29c; --accent: #c49bf0; } }
body { margin: 0 auto; max-width: 72rem; padding: 0 1rem 3rem; font: 16px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
header { display: flex; flex-wrap: wrap; gap: 1rem; align-items: baseline; padding: 1rem 0; border-bottom: 1px solid var(--muted); }
header .home { font-weight: 700; }
a { color: var(--accent); }
pre.dump { overflow-x: auto; padding: 1rem; border: 1px solid var(--muted); font: 14px/1.4 ui-monospace, monospace; }
dl.facts { display: grid; grid-template-columns: max-content 1fr; gap: 0.25rem 1rem; }
dl.facts dt { color: var(--muted); }
.badge { font-size: 0.8rem; padding: 0.1rem 0.4rem; border: 1px solid currentColor; border-radius: 0.3rem; }
.badge.emulator { color: #b35c00; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 0.25rem 0.5rem; border-bottom: 1px solid color-mix(in srgb, var(--muted) 40%, transparent); }
table.summary th { color: var(--muted); font-weight: normal; width: 6rem; }
ul.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr)); gap: 0.5rem; padding: 0; list-style: none; }