\
: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}