:root {
    color-scheme: light dark;
    font-family: system-ui, -apple-system, sans-serif;
}

body {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-items: center;
    background: Canvas;
    color: CanvasText;
}

main {
    max-width: 36rem;
    padding: 2rem;
    text-align: center;
}

h1 {
    font-size: clamp(2.5rem, 8vw, 4rem);
    margin: 0 0 0.5rem;
    letter-spacing: -0.02em;
}

p {
    margin: 0 0 2rem;
    opacity: 0.7;
}

.games {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.75rem;
}

.games a {
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    border-bottom: 2px solid currentColor;
}

.games a:hover {
    opacity: 0.7;
}

.games span {
    opacity: 0.6;
}