:root { --paper:#fbfaf6; --navy:#171b1e; --blue:#174799; --red:#db3c2b; --muted:#5e666c; --line:#d2d3cf; }
body { background:var(--paper); color:var(--navy); font-family:Arial,Helvetica,sans-serif; }
.shell { width:min(1216px,calc(100% - 48px)); }
.masthead { background:var(--paper); color:var(--navy); border-bottom:3px solid var(--navy); }
.masthead .shell { min-height:105px; padding-block:18px; }
.brand { gap:16px; }
.brand img { width:60px; height:66px; }
.brand b { font:700 30px/1 'Roboto Condensed','Arial Narrow',Arial,sans-serif; text-transform:uppercase; letter-spacing:-.5px; }
.brand span { color:var(--blue); font-size:12px; margin-top:5px; font-weight:700; }
.series { color:var(--muted); flex-wrap:wrap; justify-content:flex-end; }
.series::before { display:none; }
.series .hst-back-link { color:var(--blue); text-decoration:none; border-bottom:1px solid var(--blue); padding-bottom:3px; margin-right:12px; }
h1 { font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif; font-weight:700; letter-spacing:-.045em; }
h1 em { color:var(--blue); }
.hero { padding-block:30px 25px; }
.hero .lede { font:17px/1.65 Georgia,serif; color:var(--muted); }
.kicker { color:var(--red); }
.hero .hero-image { border-radius:0; }
.lineup { border-top:1px solid var(--line); padding-top:14px; }
.lineup h2, .board-heading h2, .race-brief h2, .course-profile h2, .test-panel h2 { font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif; font-weight:700; letter-spacing:-.035em; }
.avatar-option { border-radius:0; box-shadow:none; background:transparent; border-color:var(--line); }
.avatar-option[aria-pressed="true"] { border-color:var(--blue); background:#edf2fa; outline-color:var(--blue); }
.avatar-option strong { color:var(--navy); }
.track,.panel { border-radius:0; box-shadow:none; }
.panel { border:1px solid var(--line); background:transparent; }
.bib-bar { background:#edf1f7; }
.panel-main { background:transparent; }
.race-brief>p:not(.eyebrow) { color:var(--muted); }
.race-brief h2 { font-size:33px; }
.button { border-radius:2px; }
.race-screen { border-radius:4px; box-shadow:0 10px 26px #10233a30; }
.race-screen h2 { font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif; font-weight:700; letter-spacing:-.025em; }
.race-screen .primary { background:#174799; border-color:#4675c3; }
.rival-choice, .rival-buttons button, .board-period button, .board-refresh, .publish-form { border-radius:0; }
.rival-buttons button[aria-pressed="true"] { background:#eaf0fa; color:#12396e; border-color:#eaf0fa; }
.leaderboard { border:0; border-top:3px solid var(--navy); border-radius:0; background:transparent; padding:23px 0 0; margin-top:36px; }
.board-heading h2 { font-size:42px; }
.board-heading .eyebrow { color:var(--red); }
.board-intro { color:var(--muted); }
.board-refresh, .board-period button { background:transparent; color:var(--blue); border-color:var(--line); }
.board-period button[aria-pressed="true"] { background:var(--navy); border-color:var(--navy); }
.board-table th, .board-table td { border-color:var(--line); }
.board-table th, .board-table td small, .board-privacy { color:var(--muted); }
.board-status { color:var(--muted); }
.publish-form { background:#edf1f7; border-color:#b6c3d8; }
.publish-actions .primary { background:var(--blue); border-color:var(--blue); }
.course-profile { border-radius:0; background:transparent; border-color:var(--line); border-top:3px solid var(--navy); }
footer { background:transparent; border-top:3px solid var(--navy); color:var(--muted); padding-top:20px; }
.embed-back { display:none; }
.hud #mode { flex:1; }
html.hst-embedded .masthead, html.hst-embedded footer>p { display:none; }
html.hst-embedded footer { margin-top:10px; border:0; padding-top:0; }
html.hst-embedded .shell { width:min(1216px,calc(100% - 8px)); }
html.hst-embedded .hero { padding-top:22px; }
html.hst-embedded body.racing .embed-back { display:inline-block; color:white; }
html.hst-embedded body.racing .hero,html.hst-embedded body.racing .lineup,
html.hst-embedded body.racing .rival-choice,html.hst-embedded body.racing .leaderboard,
html.hst-embedded body.racing .course-profile,html.hst-embedded body.racing .test-panel { display:none; }
html.hst-embedded body.racing footer { display:none; }
html.hst-embedded body.racing .game { margin-top:0; }
@media(max-width:760px) {
 .shell { width:calc(100% - 32px); }
 .masthead .shell { padding-block:14px; min-height:82px; gap:10px; }
 .brand { gap:10px; }
 .brand img { width:40px; height:48px; }
 .brand b { max-width:180px; font-size:23px; }
 .brand span { font-size:10px; }
 .series { font-size:8px; gap:5px; max-width:104px; }
 .series .hst-back-link { margin:0 0 3px; }
 .hero { padding-block:22px 20px; }
 .hero .lede { font-size:15px; line-height:1.6; }
 .leaderboard { padding-top:17px; margin-top:26px; }
 .board-heading h2 { font-size:34px; }
 .race-screen h2 { font-size:30px; }
 html.hst-embedded body.racing main { width:100%; }
}

.game-site-nav{display:flex;gap:24px;flex-wrap:wrap;padding-block:14px;border-bottom:1px solid var(--line);font-size:12px;font-weight:700}
.game-site-nav a{color:var(--blue);text-decoration:none}.game-site-nav [aria-current]{color:var(--red)}
.game-site-nav a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
html.hst-embedded .game-site-nav{display:none}
@media(max-width:760px){.game-site-nav{gap:15px;font-size:11px;padding-block:12px}}