:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color-scheme:light dark;--border: color-mix(in srgb, currentColor 25%, transparent);--muted: color-mix(in srgb, currentColor 55%, transparent)}body{margin:0;padding:2rem 1.25rem;line-height:1.45}main{max-width:720px;margin-inline:auto}header h1{margin:0 0 .25rem;font-weight:600}.status{margin:0 0 1.5rem;font-size:.9rem;color:var(--muted)}.status.err{color:#c53030}section.games h2{margin:0 0 .75rem;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}section.games ul{list-style:none;padding:0;margin:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}section.games li{padding:1rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,currentColor 4%,transparent)}section.games li.soon{opacity:.6}section.games a.game-link{display:block;color:inherit;text-decoration:none}section.games a.game-link:hover{text-decoration:none}section.games li:has(a.game-link:hover){background:color-mix(in srgb,currentColor 8%,transparent)}section.games li h3{margin:0 0 .35rem;font-size:1.05rem}section.games li p{margin:0;font-size:.9rem;color:var(--muted)}.badge{display:inline-block;margin-top:.75rem;font-size:.7rem;padding:.1rem .5rem;border:1px solid var(--border);border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.account-bar{position:absolute;top:.5rem;right:1.25rem;display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--muted)}.account-bar[hidden]{display:none}.account-signout{appearance:none;background:none;border:1px solid var(--border);border-radius:6px;color:inherit;font:inherit;padding:.15rem .6rem;cursor:pointer}.account-signout:hover:not(:disabled){background:color-mix(in srgb,currentColor 8%,transparent)}.login{max-width:22rem;margin:4rem auto 0}.login h1{margin:0 0 1.5rem;font-weight:600;text-align:center}.login-form{display:grid;gap:.9rem;padding:1.5rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,currentColor 4%,transparent)}.login-form label{display:grid;gap:.3rem;font-size:.9rem;color:var(--muted)}.login-form input{font:inherit;color:inherit;background:transparent;border:1px solid var(--border);border-radius:6px;padding:.5rem .7rem}.login-form input:focus{outline:none;border-color:color-mix(in srgb,currentColor 70%,blue 30%)}.login-error{margin:0;min-height:1.2em;font-size:.9rem;color:#c53030}.login-form button{font:inherit;padding:.55rem;border:none;border-radius:6px;background:#3b5bdb;color:#fff;cursor:pointer}.login-form button:disabled{opacity:.6;cursor:progress}