.h2hPage{color:#183126;background:#f4f1e8;min-height:100vh;padding:0 22px 48px;font-family:Arial,sans-serif}.h2hPage.demo{color:#112a46;background:#eef3f9}.h2hNav{border-bottom:1px solid #00000024;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:22px 0;display:flex}.h2hNav a{color:inherit;font-weight:700;text-decoration:none}.h2hNav strong{letter-spacing:.16em}.h2hHero{max-width:1180px;margin:44px auto 24px}.h2hHero p{letter-spacing:.18em;opacity:.65;font-size:12px;font-weight:800}.h2hHero h1{margin:8px 0;font-size:56px;line-height:1}.h2hHero span{opacity:.75;font-size:18px}.selectors{background:#fff;border-radius:20px;grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;max-width:900px;margin:32px auto;padding:24px;display:grid;box-shadow:0 12px 30px #00000014}.selectors label{letter-spacing:.08em;gap:8px;font-size:12px;font-weight:800;display:grid}.selectors select{background:#fff;border:1px solid #ccd3d0;border-radius:12px;width:100%;padding:14px 12px;font-size:16px}.selectors b{opacity:.5;padding-bottom:14px}.scoreboard{color:#fff;background:#173c2f;border-radius:24px;grid-template-columns:1fr 150px 1fr;max-width:900px;margin:0 auto 26px;display:grid;overflow:hidden}.demo .scoreboard{background:#143c67}.scoreboard>div{text-align:center;gap:6px;padding:28px;display:grid}.scoreboard strong{font-size:64px}.scoreboard small{font-size:18px;font-weight:800}.scoreboard span{opacity:.75}.scoreboard .middle{background:#ffffff14;align-content:center}.scoreboard .middle b{font-size:34px}.scoreboard .middle em{opacity:.65;font-size:12px;font-style:normal}.rivalGrid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1180px;margin:0 auto;display:grid}.rivalGrid article,.receipt{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 24px #0000000f}.rivalGrid span{letter-spacing:.12em;opacity:.55;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.rivalGrid strong{font-size:24px}.rivalGrid p,.receipt p{opacity:.75;line-height:1.5}.receipt{max-width:1136px;margin:18px auto 0}.receipt h2{margin:0 0 8px}.h2hNote,.h2hError{background:#ffffffb3;border-radius:12px;max-width:1136px;margin:18px auto;padding:14px 18px}@media (max-width:760px){.h2hHero h1{font-size:42px}.selectors{grid-template-columns:1fr}.selectors b{text-align:center;padding:0}.scoreboard{grid-template-columns:1fr 90px 1fr}.scoreboard>div{padding:20px 10px}.scoreboard strong{font-size:46px}.rivalGrid{grid-template-columns:1fr 1fr}.h2hNav strong{display:none}}
