/* Shared club typography and controls. Board geometry remains page-owned. */
:root { color-scheme: dark; --club-ink: #eee7dc; --club-muted: #a49d91; --club-rule: #342b20; }
body { line-height: 1.55; }
::selection { background: #d4a24c; color: #0b0906; }
.site-header { min-height: 64px; }
.club-hero { min-height: min(740px, calc(100svh - 64px)); }
.receipt-filters a { min-height: 40px; display: flex; align-items: center; font-size: 11px; border-right: 1px solid #ffffff12; }
@media (max-width: 420px) {
  .receipt-filters a { white-space: normal; line-height: 1.15; text-align: center; justify-content: center; }
}
.site-nav a { font-family: 'Hanken Grotesk', sans-serif; font-size: 13px; padding: 10px; border-radius: 0; }
.site-nav a[aria-current] { color: #e8c27e; background: transparent; box-shadow: inset 0 -2px #d4a24c; }
#mobile-nav a { min-height: 44px; }
#main-content h1 { color: var(--club-ink); text-wrap: balance; line-height: 1.12; }
#main-content h1:not(.font-display) { font-weight: 650; letter-spacing: -.035em; }
#main-content p { line-height: 1.65; }
#main-content p[class*="text-[8px]"],
#main-content p[class*="text-[9px]"],
#main-content p[class*="text-[10px]"],
#main-content label[class*="text-[10px]"] { font-size: 12px; }
#main-content :is(p,label).text-slate-600,
#main-content :is(p,label).text-slate-500,
#main-content :is(p,label).text-slate-700,
#main-content :is(p,label).text-zinc-600,
#main-content :is(p,label).text-zinc-500 { color: var(--club-muted); }
#main-content p[class*="text-[#4a4d58]"] { color: var(--club-muted); }
#main-content :is(p,label).uppercase { text-transform: none; letter-spacing: .025em; }
#main-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { font-size: 14px; line-height: 1.5; }
#main-content :is(input:not([type=checkbox]):not([type=radio]),select) { min-height: 42px; }
#main-content input::placeholder, #main-content textarea::placeholder { color: #928a7f; }
#main-content :is(input,select,textarea):focus-visible { outline: 2px solid #d4a24c; outline-offset: 3px; }
a,button,input,select,textarea { transition-property: color,background-color,border-color,opacity; }
footer p, footer a { font-size: 12px !important; color: #a49d91 !important; }
footer a:hover { color: #e8c27e !important; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 200; background: #d4a24c; color: #0b0906; padding: 12px 18px; }
.skip-link:focus { top: 8px; }
/* Keep the club seal still and make content available immediately on navigation. */
header svg circle { animation: none !important; }
html.reveal-ready .reveal { opacity: 1; transform: none; transition: none; }
.war-player { display: block; min-width: 0; min-height: 122px; padding: 14px 16px; }
.war-player > div:first-child { margin-bottom: 10px; }
.war-player > div:first-child span:last-child { font-size: 14px; min-width: 0; flex: 1; }
.war-record { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 8px 0 0 28px; border-top: 1px solid #ffffff0d; font: 12px 'IBM Plex Mono',monospace; }
.war-record > span { display: flex; flex-direction: column; gap: 4px; color: #ddd5c8; }
.war-record b { font-size: 10px; color: #a49d91; font-weight: 400; }
.war-record > span:first-child { color: #e8c27e; }
.war-record small { color: #a49d91; font-size: 10px; }
#main-content .pro-feature { border-top: 2px solid #8a6c36; padding: 26px; }
#main-content .pro-feature h3 { font-family: 'Hanken Grotesk',sans-serif; font-size: 20px; font-style: normal; }
#main-content .pro-feature p { font-size: 14px; }
#main-content .pro-hero { padding-top: 64px; }
#main-content .pro-hero h1 { font-size: 48px; }
#main-content .pro-support { background: #100c07; }
@media (max-width: 639px) {
  .site-header { padding-inline: 16px; }
  #main-content > .px-6 { padding-inline: 16px; }
  #main-content h1 { overflow-wrap: anywhere; }
  #main-content .pro-hero { padding-top: 32px; }
  #bug-modal textarea, #bug-modal input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
