/* Bullring Boss overrides on the kit (design system, Night theme). Wall red fails as text on night and blue,
   so small labels use the highlight yellow (14.6:1 on night). */
footer.site h2, .band .eyebrow, .eyebrow { color: #FFE08A; }

/* Signs, not pills: buttons are painted plywood with a hard shadow (design system). */
.btn { border-radius: 2px; border: 3px solid #000; box-shadow: 4px 4px 0 #000; font-family: var(--font-heading); letter-spacing: .02em; }
.btn:hover { box-shadow: 4px 4px 0 #000; filter: brightness(1.08); }
.btn.big { font-size: 24px; padding: 14px 28px; }

/* Feedback form */
.narrow { max-width: 720px; }
.fb { display: grid; gap: 22px; margin-top: 28px; }
.fb .field { border: 0; margin: 0; padding: 0; display: grid; gap: 8px; }
.fb label, .fb legend { font-weight: 700; font-size: 18px; line-height: 24px; padding: 0; }
.fb .opt, .fb .hint { color: var(--muted); font-weight: 400; font-size: 15px; margin: 0; }
.fb input[type=text], .fb input[type=number], .fb textarea {
  font: inherit; color: #020E36; background: #FCFAF7; border: 2px solid #FCFAF7; border-radius: 2px; padding: 12px; width: 100%; box-sizing: border-box; min-height: 48px; }
.fb input[type=number] { max-width: 140px; }
.fb .choice { display: flex; gap: 12px; align-items: center; font-weight: 400; min-height: 44px; cursor: pointer; }
.fb .choice input { width: 22px; height: 22px; accent-color: #C8302A; margin: 0; }
.fb .bad input[type=text], .fb .bad textarea { border-color: #FF8F80; }
.fb .bad legend, .fb .bad > label { color: #FF8F80; }
.fb .err, .form-error { color: #FF8F80; font-weight: 700; margin: 0; }
.form-error { margin-top: 20px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sent { margin-top: 28px; background: var(--paper); border: 3px solid #C8302A; border-radius: 10px; box-shadow: 6px 6px 0 #000; padding: 24px; }
.sent h2 { margin-bottom: 8px; }

/* Break up the blue (2026-11-11): inner-page sections alternate night and white paper, with the wall stripe
   between them, like the home page. White-theme tokens inside white sections. */
main > section + section, main > nav + section { border-top: 10px solid transparent; border-image: repeating-linear-gradient(90deg, #C8302A 0 24px, #FCFAF7 24px 48px) 10; }
main > section:not(.band):nth-of-type(even) { background: #FCFAF7; color: #020E36; --ink: #020E36; --muted: #4A4F6A; --line: #D9D4CC; --link: #970505; --paper: #FFFFFF; }
main > section:not(.band):nth-of-type(even) a:not(.btn) { color: #970505; }
main > section:not(.band):nth-of-type(even) .eyebrow { color: #970505; }
main > section:not(.band):nth-of-type(even) .steps li { background: #FFFFFF; border-color: #D9D4CC; box-shadow: 3px 3px 0 #020E36; }
main > section:not(.band):nth-of-type(even) .steps span { color: #4A4F6A; }
main > section:not(.band):nth-of-type(even) .intro, main > section:not(.band):nth-of-type(even) p { color: #020E36; }

/* How to play: the game's tab bar as a jump menu, and real screenshots with captions. */
.gametabs { position: sticky; top: 66px; z-index: 6; background: #020E36; border-bottom: 1px solid #2E3866; }
.gametabs .wrap { display: flex; gap: 4px; overflow-x: auto; }
.gametabs a { font-weight: 700; color: #B9B3C9; text-decoration: none; padding: 12px; border-bottom: 3px solid transparent; white-space: nowrap; min-height: 44px; display: inline-flex; align-items: center; }
.gametabs a:hover { color: #FCFAF7; border-bottom-color: #C8302A; }
body:has(#racenight:target) .gametabs a[href="#racenight"], body:has(#people:target) .gametabs a[href="#people"],
body:has(#staff:target) .gametabs a[href="#staff"], body:has(#gossip:target) .gametabs a[href="#gossip"],
body:has(#thetrack:target) .gametabs a[href="#thetrack"] { color: #FCFAF7; border-bottom-color: #C8302A; }
main [id] { scroll-margin-top: 130px; }
.shotrow { display: flex; flex-wrap: wrap; gap: 24px 40px; align-items: flex-start; margin-top: 28px; }
.shottext { flex: 1 1 320px; min-width: 0; }
.shottext h3 { font-size: 24px; margin-bottom: 8px; }
.shot { flex: 0 1 360px; margin: 0; min-width: 0; }
.shot img { display: block; width: 100%; height: auto; border: 3px solid #000; border-radius: 10px; box-shadow: 6px 6px 0 #000; background: #020E36; }
.shot figcaption { font-size: 15px; line-height: 22px; margin-top: 14px; }
.shot figcaption ol { margin: 6px 0 0; padding-left: 22px; }
.shot figcaption li { margin: 3px 0; }
main > section:not(.band):nth-of-type(even) .shot figcaption, main > section:not(.band):nth-of-type(even) .shottext { color: #020E36; }