style.css

:root { --bg: #070b10; --text: #e2e8f0; --muted: #94a3b8; --gpu: #a78bfa; --bank: #34d399; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; padding: 0 16px; background: radial-gradient(circle at 50% 0%, #1b1530 0%, var(--bg) 62%) fixed;
  color: var(--text); font: 15px/1.55 system-ui, -apple-system, Segoe UI, sans-serif; }
.top { max-width: 780px; margin: 0 auto; padding: 16vh 0 0; text-align: center; }
h1 { margin: 0; font-size: 2.2rem; letter-spacing: .4px; }
h1 span { color: var(--gpu); }
.lede { margin: .5rem 0 .3rem; }
.gpu, .engines { margin: .1rem 0; font-size: .82rem; color: var(--muted); }
.gpu.ok { color: var(--gpu); }
.gpu.no { color: #fca5a5; }
.foot { position: fixed; left: 0; right: 0; bottom: 6px; text-align: center; font-size: .7rem; color: #64748b; pointer-events: none; }
body.uif-popout .top, body.uif-popout .foot { display: none; }
@media (max-width: 640px) { .top { padding-top: 9vh; } h1 { font-size: 1.7rem; } }