:root { --brand: #e4572e; }
* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, sans-serif; background: #f4f4f6; color: #222; }
header { background: var(--brand); color: #fff; padding: 1.5rem 2rem; }
header h1 { margin: 0; font-size: 2rem; }
header p { margin: .25rem 0 0; opacity: .9; }
main { max-width: 960px; margin: 1.5rem auto; padding: 0 1rem; }
.games { display: flex; gap: 1rem; margin-bottom: 1rem; }
.tile { display: block; padding: 1rem 1.5rem; border-radius: .5rem; background: #fff;
        color: var(--brand); font-weight: 600; text-decoration: none; box-shadow: 0 1px 3px #0002; }
iframe { width: 100%; height: 620px; border: 0; border-radius: .5rem; background: #fff; box-shadow: 0 1px 3px #0002; }
footer { text-align: center; font-size: .8rem; color: #888; padding: 1rem; }