/* SimHead Sports: the site's one stylesheet. Colors follow the game's Gym palette (App/Sources/Components/Gym.swift). */
:root { --ground:#F4F1EC; --card:#FFFFFF; --ink:#1A1A1A; --body:#3A3732; --muted:#5E5A54; --rule:#E6E1D8; --accent:#D2601F; --accent-ink:#A23F12; --night:#15120E; }
@media (prefers-color-scheme: dark) {
  :root { --ground:#15120E; --card:#1F1B16; --ink:#F4F1EC; --body:#DDD7CD; --muted:#A8A29A; --rule:#332D26; --accent:#E07A3C; --accent-ink:#F09A60; }
}
* { box-sizing:border-box; }
body { margin:0; background:var(--ground); color:var(--body); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.wrap { max-width:720px; margin:0 auto; }

/* The top bar */
nav { background:var(--night); padding:14px 16px; }
nav .wrap { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
nav .brand { color:#FFFFFF; font-weight:800; letter-spacing:.02em; text-decoration:none; font-size:17px; }
nav .brand span { color:#E07A3C; }
nav .links a { color:#DDD7CD; text-decoration:none; font-size:15px; font-weight:600; margin-left:18px; }
nav .links a:first-child { margin-left:0; }
nav .links a:hover, nav .links a[aria-current] { color:#FFFFFF; }

/* The band under it */
.band { background:var(--night); color:#F4F1EC; padding:28px 16px 44px; border-bottom:4px solid #D2601F; }
.eyebrow { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#E07A3C; font-weight:700; margin:0 0 6px; }
h1 { margin:0; font-size:38px; line-height:1.1; color:#FFFFFF; }
.lead { margin:14px 0 0; font-size:19px; color:#DDD7CD; max-width:600px; }

main { padding:28px 16px 48px; }
section { background:var(--card); border:1px solid var(--rule); border-radius:14px; padding:22px 24px; margin:0 0 16px; }
h2 { margin:0 0 10px; font-size:20px; color:var(--ink); }
p, ul { margin:0 0 10px; } p:last-child, ul:last-child { margin:0; }
ul { padding-left:20px; } li { margin:0 0 6px; }
strong { color:var(--ink); }
a { color:var(--accent-ink); font-weight:600; }
.updated { color:var(--muted); font-size:14px; }

/* The four seats */
.seats { display:grid; grid-template-columns:repeat(2, 1fr); gap:10px; margin:12px 0 0; }
.seat { border:1px solid var(--rule); border-radius:10px; padding:12px 14px; }
.seat strong { display:block; }
.seat span { color:var(--muted); font-size:15px; }

/* A game's card */
.game { display:flex; gap:18px; align-items:flex-start; }
.game img { width:72px; height:72px; border-radius:16px; flex:none; }
.tag { display:inline-block; font-size:13px; font-weight:700; color:var(--accent-ink); border:1px solid var(--accent); border-radius:999px; padding:1px 10px; margin:0 0 8px; }

footer { color:var(--muted); font-size:14px; padding:0 16px 40px; }
footer a { color:var(--muted); margin-right:14px; }

@media (max-width:520px) {
  h1 { font-size:30px; }
  .seats { grid-template-columns:1fr; }
  .game { flex-direction:column; }
}