* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #0d1117; color: #e6edf3; }
a { text-decoration: none; }
.ac-topbar { display: flex; align-items: center; gap: 12px; padding: 12px 18px; background: linear-gradient(135deg, #0d1b2a 0%, #1a3a5c 60%, #0d1b2a 100%); border-bottom: 1px solid #0d1b2a; position: sticky; top: 0; z-index: 20; }
.ac-topbar img.logo { height: 30px; }
.ac-brand { font-weight: 800; color: #fff; font-size: 1.05rem; }
.ac-brand .accent { color: #35d07f; }
.ac-back { margin-left: auto; color: #cde3ff; font-weight: 700; font-size: 0.85rem; }
.ac-wrap { max-width: 860px; margin: 0 auto; padding: 22px 16px 50px; }

.ac-hero { text-align: center; margin-bottom: 26px; }
.ac-hero h1 { font-size: 1.5rem; color: #fff; margin: 0 0 6px; }
.ac-hero p { color: #8b949e; font-size: 0.9rem; margin: 0; }

.ac-headline { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; margin-bottom: 26px; }
.ac-big { background: linear-gradient(135deg, #161b22, #1a2230); border: 1px solid #21262d; border-radius: 16px; padding: 22px 30px; text-align: center; min-width: 160px; }
.ac-big .v { font-size: 2.6rem; font-weight: 900; line-height: 1; color: #fff; }
.ac-big .l { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.06em; color: #8b949e; margin-top: 8px; }
.ac-grade { font-size: 1.6rem; font-weight: 900; }

.ac-section-title { font-size: 1.05rem; font-weight: 800; color: #fff; margin: 26px 0 14px; }
.ac-outcomes { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.ac-out { background: #161b22; border: 1px solid #21262d; border-radius: 12px; padding: 16px; }
.ac-out .ot { font-size: 0.8rem; color: #8b949e; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 8px; }
.ac-out .ov { font-size: 1.5rem; font-weight: 900; color: #fff; }
.ac-out .obar { height: 6px; border-radius: 3px; background: #21262d; overflow: hidden; margin-top: 10px; }
.ac-out .ofill { height: 100%; background: linear-gradient(90deg,#238636,#3fb950); }
.ac-out .osub { font-size: 0.72rem; color: #8b949e; margin-top: 6px; }

.ac-hits { display: flex; flex-direction: column; gap: 8px; }
.ac-hit { display: flex; align-items: center; gap: 12px; background: #161b22; border: 1px solid #21262d; border-radius: 10px; padding: 11px 14px; }
.ac-hit .chk { color: #3fb950; font-size: 1.1rem; flex-shrink: 0; }
.ac-hit .teams { flex: 1; font-size: 0.88rem; color: #e6edf3; min-width: 0; }
.ac-hit .teams b { color: #fff; }
.ac-hit .sc { font-weight: 800; color: #fff; background: #0d1117; border-radius: 6px; padding: 3px 9px; font-size: 0.82rem; }
.ac-hit .dt { font-size: 0.72rem; color: #8b949e; width: 70px; text-align: right; flex-shrink: 0; }

.ac-empty { text-align: center; padding: 50px 20px; color: #8b949e; }
.ac-empty i { font-size: 2.8rem; color: #35d07f; display: block; margin-bottom: 14px; }
.ac-note { font-size: 0.74rem; color: #6e7681; margin-top: 26px; text-align: center; line-height: 1.6; }
.ac-footer { text-align: center; padding: 20px; font-size: 0.78rem; color: #8b949e; border-top: 1px solid #21262d; }
.ac-footer a { color: #58a6ff; }

@media (max-width: 576px) {
    .ac-big { padding: 18px 22px; min-width: 130px; }
    .ac-big .v { font-size: 2rem; }
    .ac-hit .dt { display: none; }
}