:root{--ground:#f4f2ec;--surface:#fff;--ink:#16201a;--ink-muted:#5b635d;--line:#e4e0d6;--brand:#1f7a3d;--brand-ink:#fff;--chip:#efece4;--font-display:"Barlow Condensed", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--ground:#0f1511;--surface:#19211c;--ink:#eef0ea;--ink-muted:#a3aba4;--line:#2a342d;--chip:#242e27}}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--font-body);margin:0}a{color:inherit}.shell{flex-direction:column;gap:16px;max-width:480px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.topbar{align-items:center;min-height:44px;display:flex}.logo{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1;text-decoration:none}.logo__dot{color:var(--brand)}main{flex:1}.footer{text-align:center;color:var(--ink-muted);padding:8px 0;font-size:12px}.muted{color:var(--ink-muted)}.intro__title{font-family:var(--font-display);margin:0 0 8px;font-size:40px}.match-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.match-card__hero{background:var(--brand);color:var(--brand-ink);flex-direction:column;gap:4px;padding:16px 20px 20px;display:flex}.match-card__tags{gap:6px;margin-bottom:8px;display:flex}.tag{color:#165c2d;background:#fff;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.tag--dark{color:#fff;background:#16201a}.match-card__date{opacity:.9;margin:0;font-size:13px}.match-card__time{font-family:var(--font-display);white-space:nowrap;margin:0;font-size:clamp(32px,11vw,48px);font-weight:700;line-height:1}.match-card__venue{margin:0;font-size:18px;font-weight:600}.match-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:16px 20px;display:grid}.match-card__stats div{background:var(--chip);border-radius:10px;padding:8px 10px}.match-card__stats dt{color:var(--ink-muted);font-size:11px}.match-card__stats dd{margin:0;font-size:15px;font-weight:700}.footer__links{justify-content:center;gap:16px;margin-top:6px;display:flex}.footer__links a{align-items:center;min-height:44px;display:inline-flex}.legal{line-height:1.6}.legal__title{font-family:var(--font-display);margin:0 0 4px;font-size:36px}.legal__heading{margin:24px 0 4px;font-size:17px}.legal__contact{margin-top:24px;font-weight:600}.legal__contact a{align-items:center;min-height:44px;display:inline-flex}
