/* Palette and components mirror daily.ericsquiz.com (frontend/src/daily.css). */
:root { font-family: system-ui, sans-serif; color: #654a4e; background: #e6ddde; font-synthesis: none; line-height: 1.55; color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; background: #e6ddde; }
a { color: inherit; }
a:focus-visible { outline: 3px solid #866226; outline-offset: 3px; }
main { max-width: 760px; margin: auto; padding: 0 20px; }
header { text-align: center; padding: 26px 0 22px; border-bottom: 1px solid #654a4e30; }
h1, h2 { font-family: 'Libre Baskerville', Georgia, serif; line-height: 1.4; }
h1 { margin: 0; font-size: clamp(25px, 6vw, 34px); }
header img { display: block; margin: 16px auto 0; width: 120px; max-width: 40%; height: auto; }
.games { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 20px; margin: 30px 0; }
.card { display: flex; flex-direction: column; gap: 12px; padding: 26px 26px 28px; background: #fffaf6; border: 1px solid #654a4e22; border-radius: 20px; box-shadow: 0 8px 28px #654a4e09; }
.card h2 { margin: 0; font-size: 22px; }
.card p { margin: 0; }
.badge { align-self: flex-start; margin-bottom: 2px; padding: 3px 11px; border: 1px solid #654a4e; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.badge-public { color: #fff; background: #654a4e; }
.button { display: flex; align-items: center; justify-content: center; margin-top: auto; min-height: 44px; padding: 9px 16px; border: 1px solid #654a4e55; border-radius: 10px; font-weight: 600; text-align: center; text-decoration: none; }
.card p:not(.badge) + .button { margin-top: 10px; }
.primary { color: #fff; background: #654a4e; border-color: #654a4e; }
.primary:hover { background: #4e373a; }
.secondary { background: #fff8; }
.secondary:hover { background: #fff; }
footer { margin: 30px 0; padding-top: 22px; border-top: 1px solid #654a4e30; text-align: center; font-size: 12px; }
footer p { margin: 7px 0; }