\
:root{--gold:#f5c518;--gold2:#ffd84d;--red:#e10600;--navy:#0a1628;--ink:#fff;--panel:rgba(0,0,0,.86);--card:#f7fafc}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#145c22;color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6;font-size:1.05rem}
.field{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:#145c22 url("../img/field-bg.jpg") center/cover no-repeat;background-attachment:fixed}
header,main,footer{position:relative;z-index:1}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.85rem 2rem;
  background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.95) 100%);border-bottom:5px solid var(--gold);box-shadow:0 5px 0 var(--red),0 16px 40px rgba(0,0,0,.8)}
.logo{width:128px;height:auto;filter:drop-shadow(0 0 18px rgba(245,197,24,.7))}
.sub{font-family:"Black Ops One",Anton,Impact,sans-serif;font-size:clamp(1.15rem,2.8vw,1.7rem);letter-spacing:.14em;color:#fff;
  text-shadow:0 0 12px rgba(245,197,24,.55),0 3px 0 #000}
nav{margin-left:auto;display:flex;gap:.55rem}
nav a{font-family:"Black Ops One",Anton,Impact,sans-serif;font-size:1.25rem;letter-spacing:.06em;color:#fff;text-decoration:none;
  padding:.4rem 1.15rem;border:3px solid transparent;border-radius:6px;text-transform:uppercase}
nav a:hover{border-color:var(--gold);color:var(--gold);background:rgba(245,197,24,.12);box-shadow:0 0 20px rgba(245,197,24,.55)}
main{max-width:1180px;margin:0 auto;padding:2rem 1.25rem 4rem}
a{color:var(--gold);font-weight:800}a:hover{color:#fff}
h1,h2,h3{font-family:"Black Ops One",Anton,"Bebas Neue",Impact,sans-serif;letter-spacing:.03em;line-height:.95;margin:.25em 0 .4em;text-transform:uppercase}
h2{font-size:clamp(2.2rem,4.5vw,3.2rem)}
h3{font-size:1.85rem;color:var(--gold)}
.note{font-size:1.05rem;color:#fff;background:rgba(0,0,0,.82);border-left:6px solid var(--red);padding:.85rem 1.1rem;border-radius:8px;
  box-shadow:0 8px 24px rgba(0,0,0,.45)}
/* Dark content panels */
.card{display:block;background:var(--panel);border:3px solid rgba(245,197,24,.7);border-radius:14px;
  padding:1.55rem 1.75rem;margin:1.4rem 0;color:#fff;text-decoration:none;box-shadow:0 16px 40px rgba(0,0,0,.7);transition:.18s}
.card:not(a){background:var(--panel)}
/* TEAM TILES — pop off the field */
a.card{background:var(--card)!important;color:var(--navy)!important;border:4px solid var(--gold)!important;
  box-shadow:0 0 0 3px #000,0 18px 44px rgba(0,0,0,.65)!important;transform:translateZ(0)}
a.card:hover{background:#fff!important;transform:translateY(-8px) scale(1.02);border-color:var(--gold2)!important;
  box-shadow:0 0 0 4px #000,0 0 0 8px var(--gold),0 28px 56px rgba(0,0,0,.75)!important}
a.card h3{font-family:"Black Ops One",Anton,Impact,sans-serif!important;font-size:clamp(1.85rem,3.2vw,2.55rem)!important;
  color:var(--navy)!important;letter-spacing:.02em;line-height:1.05;text-shadow:none;margin-bottom:.35rem}
a.card p{color:#243b53!important;font-weight:800;font-size:1.08rem;margin:.25rem 0}
a.card p:last-child{color:#8a6d00!important;font-family:Anton,"Bebas Neue",sans-serif;font-size:1.15rem;letter-spacing:.04em}
.hero{text-align:center;padding:3.4rem 1.5rem 3.6rem;border:4px solid var(--gold);
  background:radial-gradient(ellipse at top,rgba(245,197,24,.32),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.96),rgba(0,18,8,.92));
  position:relative;overflow:hidden;box-shadow:0 0 0 3px #000,0 20px 50px rgba(0,0,0,.75)}
.hero:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--red),var(--gold),var(--red))}
.hero h2{font-family:"Graduate","Black Ops One",Anton,serif;color:var(--gold);font-size:clamp(1.5rem,3.2vw,2.4rem);letter-spacing:.2em;
  text-shadow:0 0 18px rgba(245,197,24,.65),0 3px 0 #000}
.trophy{font-size:5rem;filter:drop-shadow(0 0 26px rgba(245,197,24,1))}
.big{font-family:"Black Ops One",Anton,Impact,sans-serif;font-size:clamp(2.8rem,7vw,4.6rem);line-height:.95;margin:.15em 0;
  background:linear-gradient(180deg,#fff7c2 0%,#f5c518 38%,#b8860b 55%,#ffe27a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 5px 0 #000)}
.hero .big{font-size:clamp(4.8rem,15vw,8rem);filter:drop-shadow(0 7px 0 #000) drop-shadow(0 0 22px rgba(245,197,24,.55));letter-spacing:.01em}
.hero p{font-size:1.2rem}
.hero a{font-size:1.25rem;font-family:"Black Ops One",Anton,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.small{font-size:1rem;color:#ccc}
/* Division titles — LOUD */
h2.div{font-family:"Black Ops One",Anton,Impact,sans-serif;font-size:clamp(3.6rem,9vw,5.6rem);margin-top:2.6rem;padding:.15rem .35rem .4rem;
  color:#fff;border-bottom:6px solid var(--gold);display:inline-block;
  text-shadow:0 4px 0 #000,0 0 28px rgba(0,0,0,.95),0 0 12px rgba(245,197,24,.45);letter-spacing:.04em}
h2.div:after{content:"";display:block;height:5px;background:var(--red);margin-top:6px;width:50%}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}
.grid .card{margin:0}
.story h2,.recap h2{color:var(--gold);font-family:"Black Ops One",Anton,sans-serif;text-shadow:0 2px 0 #000}
.story p,.recap p{font-size:1.14rem;line-height:1.65}
.recap{border-left:7px solid var(--red)}
table{width:100%;border-collapse:collapse;background:var(--panel);border:3px solid var(--gold);border-radius:12px;overflow:hidden;margin:1rem 0 2rem;
  box-shadow:0 16px 40px rgba(0,0,0,.65)}
th{font-family:"Black Ops One",Anton,sans-serif;font-size:1.25rem;letter-spacing:.06em;background:#000;color:var(--gold);text-align:left;padding:.85rem;border-bottom:4px solid var(--gold)}
td{padding:.75rem .85rem;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.05rem}
tr:hover td{background:rgba(245,197,24,.12)}
ul{padding-left:1.2rem}
.edit{border-style:dashed}
form{display:grid;gap:.8rem}
label{display:grid;gap:.3rem;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}
input,textarea{background:rgba(0,0,0,.65);color:#fff;border:1px solid #666;border-radius:6px;padding:.65rem;font:inherit}
button{font-family:"Black Ops One",Anton,sans-serif;font-size:1.35rem;letter-spacing:.08em;background:var(--gold);color:#000;border:0;border-radius:8px;padding:.75rem;opacity:.8;font-weight:700}
footer{text-align:center;padding:1.7rem;background:#000;border-top:5px solid var(--gold);font-family:"Black Ops One",Anton,sans-serif;letter-spacing:.12em;font-size:1.2rem;color:#ccc;
  box-shadow:0 -5px 0 var(--red)}
@media(max-width:640px){header{padding:.55rem 1rem}.logo{width:92px}.sub{font-size:1rem;letter-spacing:.08em}nav{margin-left:0;width:100%}a.card h3{font-size:1.7rem!important}}


/* FORCE solid pop tiles — last wins */
main .grid a.card,
main a.card.card{
  background-color:#f7fafc !important;
  background-image:none !important;
  opacity:1 !important;
  color:#0a1628 !important;
  border:5px solid #f5c518 !important;
  outline:3px solid #000 !important;
  outline-offset:0 !important;
  box-shadow:0 20px 48px rgba(0,0,0,.7) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
main .grid a.card h3,
main a.card h3{color:#0a1628 !important;background:none !important;-webkit-text-fill-color:#0a1628 !important}
main .grid a.card p{color:#243b53 !important;-webkit-text-fill-color:#243b53 !important}
main .grid a.card p:last-child{color:#8a6d00 !important;-webkit-text-fill-color:#8a6d00 !important}
main .grid a.card:hover{
  background-color:#ffffff !important;
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 0 0 4px #000,0 0 0 9px #f5c518,0 28px 56px rgba(0,0,0,.75) !important;
}

a.team-tile,a.card.team-tile{background:#f7fafc!important;background-color:#f7fafc!important;color:#0a1628!important;border:5px solid #f5c518!important;outline:3px solid #000!important}
a.team-tile h3{color:#0a1628!important;-webkit-text-fill-color:#0a1628!important;background:none!important}

a.team-tile h3,a.card.team-tile h3{overflow-wrap:anywhere;word-break:break-word;hyphens:auto;line-height:1.05!important;font-size:clamp(1.55rem,2.6vw,2.35rem)!important}


/* Champ card: solid bold panel, NOT field green */
.hero.card,.card.hero{
  background:#0a1628 !important;
  background-image:linear-gradient(180deg,#12284a 0%,#0a1628 55%,#061018 100%) !important;
  border:5px solid #f5c518 !important;
  outline:4px solid #000 !important;
  box-shadow:0 0 0 2px #e10600,0 24px 56px rgba(0,0,0,.85) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:1 !important;
}
.hero h2,.card.hero h2{color:#f5c518 !important;-webkit-text-fill-color:#f5c518 !important;text-shadow:0 3px 0 #000,0 0 18px rgba(245,197,24,.5)}
.hero p,.card.hero p{color:#fff !important;-webkit-text-fill-color:#fff !important;text-shadow:0 1px 3px #000;font-weight:700}
.hero a,.card.hero a{color:#ffd84d !important;text-shadow:0 2px 0 #000}

/* Team tiles: long names must fit */
a.team-tile,a.card.team-tile{
  min-height:168px;
  overflow:hidden;
  padding:1.15rem 1.2rem !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center;
}
a.team-tile h3,a.card.team-tile h3{
  font-size:clamp(1.25rem,2.4vw,1.85rem) !important;
  line-height:1.08 !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  max-width:100%;
  hyphens:auto;
  margin:0 0 .4rem !important;
}
a.team-tile p{font-size:.95rem !important;margin:.15rem 0 !important}
a.team-tile p:last-child{font-size:1rem !important}

/* logo accents */
.ico{width:34px;height:34px;object-fit:contain;vertical-align:middle;margin-right:.4em;filter:drop-shadow(0 0 4px rgba(245,197,24,.6))}
h2.div .ico{width:40px;height:40px}
footer .ico{width:28px;height:28px}
.peek{position:fixed;right:-70px;bottom:18vh;width:200px;height:auto;z-index:5;pointer-events:none;transform:rotate(-18deg);filter:drop-shadow(0 0 14px rgba(245,197,24,.85)) drop-shadow(0 6px 10px rgba(0,0,0,.6));animation:peek 6s ease-in-out infinite}
@keyframes peek{0%,100%{right:-110px}40%,70%{right:-60px}}
@media(max-width:600px){.peek{width:110px;bottom:10px;animation:none;right:-45px}}
@media(max-width:380px){.peek{display:none}}
@media(prefers-reduced-motion:reduce){.peek{animation:none}}
.hero{position:relative;overflow:hidden}
.wm{position:absolute;right:-20px;top:-10px;width:170px;opacity:.12;pointer-events:none}
/* race board */
.race-title{font-family:'Black Ops One',sans-serif;font-size:1.6em;text-transform:uppercase;color:#0a1628}
.leader{font-family:Anton,sans-serif;font-size:1.5em;color:#000;background:#f5c518;border:3px solid #000;padding:4px 10px;display:inline-block}
.roast{color:#243b53;font-style:italic}
table.race{width:100%;font-size:.92em;color:#0a1628}
table.race tr.r1{background:#f5c518;font-weight:800;font-size:1.08em}
.rk{display:inline-block;min-width:26px;text-align:center;border-radius:50%;font-family:Anton,sans-serif;border:2px solid #000;background:#fff}
.rk1{background:#f5c518}.rk2{background:#c0c0c0}.rk3{background:#cd7f32;color:#fff}
.live-race{font-family:'Black Ops One',sans-serif;font-size:2.4em;color:#f5c518}
.live-dot{color:#ff3b3b}

/* ===== Dial-back: contrast + mobile fit (2026-10-26) ===== */
:root{--panel:rgba(6,14,10,.94)}
body:before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);pointer-events:none;z-index:-1}
main{background:rgba(0,0,0,.72);border-radius:14px;padding:1rem clamp(.75rem,3vw,2rem);box-sizing:border-box;margin:1rem auto}
h1,h2,h3,p,td,th,li,a,.big,.sub{overflow-wrap:break-word;word-break:normal;hyphens:auto}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%;height:auto}
p,li,.story p,.recap p{color:#f2f2f2}
.card:not(a){background:#ffffff!important;color:#0a1628!important}.note,.story,.recap{background:rgba(6,14,10,.95)!important;color:#f5f5f5!important}
table{background:#0b1a12!important;color:#f5f5f5}
td{color:#f5f5f5}
.table-wrap,.board-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
h2{font-size:clamp(1.6rem,4vw,2.6rem)}
h3{font-size:clamp(1.2rem,3vw,1.6rem)}
h2.div{font-size:clamp(2rem,6vw,3.6rem)}
.big{font-size:clamp(2rem,6vw,3.6rem)}
.hero .big{font-size:clamp(2.6rem,10vw,6rem)}
a.card h3{font-size:clamp(1.3rem,2.6vw,2rem)!important}
a.team-tile h3,a.card.team-tile h3{font-size:clamp(1.15rem,2.2vw,1.8rem)!important}
nav a{font-size:clamp(.9rem,2.2vw,1.15rem)}
th{font-size:clamp(.85rem,2vw,1.1rem)}
@media(max-width:640px){
 html,body{font-size:1rem}
 main{border-radius:0;padding:.75rem}
 nav{display:flex;flex-wrap:wrap;gap:.35rem}
 nav a{font-size:.9rem;padding:.3rem .5rem}
 h2{font-size:1.6rem}
 h2.div{font-size:2rem;margin-top:1.6rem}
 .hero .big{font-size:clamp(2.2rem,11vw,3.2rem)}
 .hero h2{font-size:1.1rem;letter-spacing:.1em}
 .hero p,.hero a{font-size:1rem}
 .trophy{font-size:3rem}
 a.card h3{font-size:1.3rem!important}
 a.team-tile h3,a.card.team-tile h3{font-size:1.15rem!important}
 a.card p,a.team-tile p{font-size:.9rem!important}
 th{font-size:.8rem;padding:.5rem .4rem}
 td{font-size:.88rem;padding:.45rem .4rem}
 table:not(.race){display:block;overflow-x:auto;max-width:100%}
 .live-race{font-size:1.6em}.race-title{font-size:1.2em}.leader{font-size:1.1em}
 footer{font-size:.9rem;letter-spacing:.06em}
 button{font-size:1.05rem}
 .card{padding:.85rem!important}
}

/* Fillable historical owners on Champions Roll */
input.owner-fill{width:100%;min-width:9rem;max-width:16rem;background:#0a1628;color:#f5c518;border:2px solid #f5c518;border-radius:6px;padding:.4rem .55rem;font:inherit}
input.owner-fill::placeholder{color:#9bb0c8;opacity:1}
#rings-by-owner ol{margin:.5rem 0 0;padding-left:1.25rem}
#rings-by-owner li{margin:.25rem 0}
#rings-by-owner .muted{color:#9bb0c8;list-style:none;margin-left:-1.25rem}


/* Contrast fix: headings on green field must be light */
main h2,
main h2.div,
main > h2,
h2.div,
.live-race{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 3px #000,1px 1px 0 #000!important;
}
main h2 .ico,h2 .ico{filter:drop-shadow(0 2px 4px rgba(0,0,0,.9))}
main p.note{
  color:#f5f5f5!important;
  background:rgba(0,0,0,.62);
  border:1px solid #f5c518;
  padding:.65rem .85rem;
  border-radius:8px;
}
/* Inside light cards keep dark readable type */
.card h3{color:#0a1628}
.card:not(.hero) h2{color:#0a1628!important;-webkit-text-fill-color:#0a1628!important;text-shadow:none!important}
/* === BN DRAFT BOARD GRID === */
.draft-board{display:flex;flex-direction:column;gap:1.1rem;margin:1rem 0 2.5rem}
.draft-board .round{
  background:rgba(0,0,0,.78);
  border:3px solid #f5c518;
  border-radius:12px;
  padding:.75rem .85rem 1rem;
}
.draft-board .round-h{
  color:#f5c518!important;
  -webkit-text-fill-color:#f5c518!important;
  font-family:"Black Ops One",Anton,sans-serif;
  font-size:1.35rem;
  letter-spacing:.06em;
  margin:0 0 .65rem;
  text-shadow:0 2px 0 #000;
}
.draft-board .picks{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.55rem;
}
.draft-board .pick{
  background:#f7fafc;
  color:#0a1628;
  border:2px solid #f5c518;
  border-radius:8px;
  padding:.55rem .5rem;
  min-height:4.4rem;
  display:flex;
  flex-direction:column;
  gap:.15rem;
}
.draft-board .pick .pk{font:700 .8rem Inter,sans-serif;color:#8a6d00}
.draft-board .pick b{font-size:.95rem;line-height:1.2;color:#0a1628}
.draft-board .pick .tm{font-size:.78rem;color:#243b53;line-height:1.2}
@media(max-width:900px){
  .draft-board .picks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .draft-board .picks{grid-template-columns:1fr}
}
/* === BN RACE CARD READABILITY === */
/* Awards race cards: light panels, dark readable type */
.race-grid .card,
div.grid.race-grid > .card {
  background: #f7fafc !important;
  color: #0a1628 !important;
}
.race-grid .card h3,
.race-grid .race-title {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  text-shadow: none !important;
}
.race-grid .card p,
.race-grid .card .roast,
.race-grid .card .leader {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
.race-grid table.race {
  background: #fff !important;
  color: #0a1628 !important;
}
.race-grid table.race th {
  background: #0a1628 !important;
  color: #f5c518 !important;
  -webkit-text-fill-color: #f5c518 !important;
}
.race-grid table.race td {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
/* Yellow #1 row: dark text on gold, not white */
.race-grid table.race tr.r1,
.race-grid table.race tr.r1 td {
  background: #f5c518 !important;
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  font-weight: 800;
}
.race-grid .leader {
  background: #f5c518 !important;
  color: #0a1628 !important;
  border: 3px solid #000;
}
/* Keep race cards from overflowing weirdly */
.race-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  align-items: start;
}
.race-grid .card { overflow: hidden; max-width: 100%; }
.race-grid table.race { display: table !important; width: 100%; font-size: 0.88rem; }

/* === BN HEADING CONTRAST FORCE === */
html body main h2,
html body main h2.div,
html body h2.div,
html body main .live-race {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 12px #000, 0 0 4px #000, 1px 1px 0 #000 !important;
}
html body main p.note {
  color: #f5f5f5 !important;
  background: rgba(0,0,0,.65) !important;
  border: 1px solid #f5c518;
  padding: .65rem .85rem;
  border-radius: 8px;
}

/* === BN CONTENT CARD READABILITY (wall, standings, rings) === */
main .grid > .card:not(a):not(.hero),
main .card:not(a):not(.hero) {
  background: #f7fafc !important;
  background-image: none !important;
  color: #0a1628 !important;
}
main .card:not(a):not(.hero) h3,
main .card:not(a):not(.hero) p,
main .card:not(a):not(.hero) li,
main .card:not(a):not(.hero) small,
main .card:not(a):not(.hero) ul {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
main .card:not(a):not(.hero) p.small,
main .card:not(a):not(.hero) .muted {
  color: #243b53 !important;
  -webkit-text-fill-color: #243b53 !important;
}
main .card:not(a):not(.hero) a {
  color: #0b3d91 !important;
}
/* keep SAMPLE badge gold */
main .card span[style*="background:#f5c518"] {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

/* === BN SECTION H2 WHITE (history/awards/draft) === */
html body main > h2,
html body main h2:not(.hero):not(.div) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: 0 2px 10px #000, 0 0 3px #000, 2px 2px 0 #000 !important;
  -webkit-text-stroke: 0 !important;
  paint-order: normal !important;
  filter: none !important;
  opacity: 1 !important;
}

/* === BN GLOBAL READABILITY 2026-10-27 === */
html body main > h2,
html body main h2:not(.hero),
html body main h2.div,
html body h2.div {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: 0 2px 12px #000, 2px 2px 0 #000 !important;
}
html body main .hero h2,
html body main .card.hero h2 {
  color: #f5c518 !important;
  -webkit-text-fill-color: #f5c518 !important;
}
/* Content cards light + dark text */
html body main .card:not(a):not(.hero) {
  background: #f7fafc !important;
  background-color: #f7fafc !important;
  background-image: none !important;
  color: #0a1628 !important;
}
html body main .card:not(a):not(.hero) h3,
html body main .card:not(a):not(.hero) h3 small {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  text-shadow: none !important;
}
html body main .card:not(a):not(.hero) h3 small {
  color: #243b53 !important;
  -webkit-text-fill-color: #243b53 !important;
}
/* Draft board: light sheet so black pick text reads */
html body main .draft-board,
html body main #draft-board,
html body main .draft-wrap,
html body main .picks,
html body main .board {
  background: #f7fafc !important;
  color: #0a1628 !important;
  border: 4px solid #f5c518 !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.55) !important;
}
html body main .draft-board h3,
html body main .draft-board .round,
html body main .draft-board .rnd,
html body main h3.round,
html body main .round-title {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  text-shadow: none !important;
}
html body main .draft-board,
html body main .draft-board * {
  color: #0a1628;
}
html body main .draft-board .pick,
html body main .draft-board li,
html body main .draft-board p,
html body main .draft-board b,
html body main .draft-board span {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
html body main .draft-board .pick .tm,
html body main .draft-board .tm {
  color: #243b53 !important;
  -webkit-text-fill-color: #243b53 !important;
}
html body main .draft-board .pick .pk {
  color: #8a6d00 !important;
  -webkit-text-fill-color: #8a6d00 !important;
}

html body main .draft-board .round-h,
html body main .draft-board h3.round-h,
html body main .round-h {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  text-shadow: none !important;
  font-size: 1.35rem !important;
  margin: .75rem 0 .4rem !important;
}
html body main .draft-board .pick {
  background: #ffffff !important;
  border: 2px solid #f5c518 !important;
  border-radius: 8px !important;
  padding: .45rem .55rem !important;
}

/* === BN FORCE LIGHT PANELS EVERYWHERE === */
html body main .race-grid .card,
html body main .grid > .card:not(a):not(.hero),
html body main .card:not(a):not(.hero),
html body main .draft-board {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0a1628 !important;
}
html body main .race-grid .race-title,
html body main .race-grid .card h3,
html body main .race-grid table,
html body main .race-grid th,
html body main .race-grid td,
html body main .race-grid .roast,
html body main .race-grid .leader {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
html body main .race-grid table {
  background: #ffffff !important;
}
html body main .race-grid th {
  background: #0a1628 !important;
  color: #f5c518 !important;
  -webkit-text-fill-color: #f5c518 !important;
}
html body main > h2,
html body main h2:not(.hero) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 2px 12px #000, 2px 2px 0 #000 !important;
}
html body main .hero h2,
html body main .card.hero h2 {
  color: #f5c518 !important;
  -webkit-text-fill-color: #f5c518 !important;
}
html body main .draft-board .round-h,
html body main .draft-board .pick,
html body main .draft-board .pick b,
html body main .draft-board .pick .tm,
html body main .draft-board .pick .pk {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
html body main .draft-board .pick .pk { color: #8a6d00 !important; -webkit-text-fill-color: #8a6d00 !important; }
html body main .draft-board .pick .tm { color: #243b53 !important; -webkit-text-fill-color: #243b53 !important; }
html body main .draft-board .pick {
  background: #fff !important;
  border: 2px solid #f5c518 !important;
  border-radius: 8px !important;
  padding: .45rem .55rem !important;
}

/* === BN WALL QUOTE TEXT === */
html body main .grid > .card:not(a) p {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}

/* === FINAL race-card fit fix (2026-10-27) === */
/* auto-fill removed — 2-col below wins */
html body main .race-grid .card{overflow:hidden !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box !important;padding:.75rem !important}
html body main .race-grid table,html body main .race-grid table.race{display:table !important;width:100% !important;max-width:100% !important;table-layout:fixed !important;border-collapse:collapse !important;font-size:.78rem !important;white-space:normal !important;overflow:visible !important}
html body main .race-grid th,html body main .race-grid td{padding:.3rem .25rem !important;white-space:normal !important;overflow-wrap:anywhere !important;word-break:break-word !important;font-size:.78rem !important;line-height:1.2 !important;min-width:0 !important}
html body main .race-grid th{background:#000 !important;color:#f5c518 !important;font-weight:800 !important;text-transform:uppercase;font-size:.7rem !important;letter-spacing:.02em}
html body main .race-grid th:first-child,html body main .race-grid td:first-child{width:2em !important}
html body main .race-grid tr.r1,html body main .race-grid tr.r1 td{background:#f5c518 !important;color:#0b1a33 !important;font-weight:800 !important}
html body main .race-grid tr.r1 td *{color:#0b1a33 !important}

/* === FINAL 2-col race + light cards v2 === */
.card:not(a){background:#ffffff!important;color:#0a1628!important}
html body main div.grid.race-grid,
html body main .grid.race-grid,
html body main .race-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.25rem !important;
}
@media (max-width: 700px) {
  html body main div.grid.race-grid,
  html body main .grid.race-grid,
  html body main .race-grid {
    grid-template-columns: 1fr !important;
  }
}
html body main div.grid.race-grid > .card,
html body main .race-grid .card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #0a1628 !important;
  overflow: hidden !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html body main .race-grid .race-title,
html body main .race-grid .card h3,
html body main .race-grid .roast,
html body main .race-grid .leader,
html body main .race-grid td {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
html body main .race-grid table,
html body main .race-grid table.race {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  font-size: 0.78rem !important;
  background: #fff !important;
}
html body main .race-grid th {
  background: #000 !important;
  color: #f5c518 !important;
  -webkit-text-fill-color: #f5c518 !important;
}
html body main .race-grid tr.r1,
html body main .race-grid tr.r1 td {
  background: #f5c518 !important;
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
html body main .race-grid th,
html body main .race-grid td {
  padding: 0.3rem 0.25rem !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
}

/* === #awards-race forced 2-col === */
#awards-race,
html body main #awards-race.grid.race-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.25rem !important;
}
@media (max-width: 700px) {
  #awards-race { grid-template-columns: 1fr !important; }
}

/* === awards cards MUST be white panels === */
#awards-race .card,
html body main #awards-race .card {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0a1628 !important;
}
#awards-race .race-title,
#awards-race h3,
#awards-race .roast,
#awards-race .leader {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  text-shadow: none !important;
}
#awards-race .leader {
  background: #f5c518 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}
#awards-race table.race th {
  background: #000 !important;
  color: #f5c518 !important;
  -webkit-text-fill-color: #f5c518 !important;
}
#awards-race table.race td {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
#awards-race table.race tr.r1,
#awards-race table.race tr.r1 td,
#awards-race table.race tr.r1 td * {
  background: #f5c518 !important;
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}

/* === wall of shame cards MUST be white === */
main .grid > .card:not(a):not(.hero),
html body main .grid > .card:not(a):not(.hero) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #0a1628 !important;
}
main .grid > .card:not(a):not(.hero) p {
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
main .grid > .card:not(a):not(.hero) p:last-child,
main .grid > .card:not(a):not(.hero) p:last-child small,
main .grid > .card:not(a):not(.hero) small {
  color: #243b53 !important;
  -webkit-text-fill-color: #243b53 !important;
}