/* Same palette as the game. */
:root{ --bg:#26212E; --ink:#F3EDE6; --ink-2:#A79DB3; --cell:#352D3D; --link:#5EB8F5; }
@media (prefers-color-scheme: light){ :root{ --bg:#F4EFE8; --ink:#2A2430; --ink-2:#6E6479; --cell:#E4DCD3; --link:#1F6FB0; } }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 ui-rounded, "SF Pro Rounded", "Nunito", "Segoe UI", Roboto, system-ui, sans-serif; }
main{ max-width:680px; margin:0 auto; padding:48px 22px 80px; }
h1{ font-size:32px; line-height:1.15; letter-spacing:-0.02em; margin:0 0 6px; }
h2{ font-size:20px; margin:36px 0 8px; }
p, li{ color:var(--ink); } .meta{ color:var(--ink-2); font-size:14px; margin:0 0 28px; }
a{ color:var(--link); }
ul, ol{ padding-left:22px; } li{ margin:6px 0; }
.logo{ display:inline-grid; grid-template-columns:repeat(3,18px); gap:3px; margin:0 0 20px; }
.logo i{ width:18px; height:18px; border-radius:5px; background:var(--cell); }
.logo .a{ background:#FF7B6B } .logo .b{ background:#FFC64A } .logo .c{ background:#5CD9A8 } .logo .d{ background:#5EB8F5 } .logo .e{ background:#B590F5 }