@import url('https://fonts.googleapis.com/css2?family=Georgia&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --green-deep:#0f2e1f;
  --green:#1b4332;
  --gold:#c9a227;
  --gold-bright:#e3bf3f;
  --cream:#f3ecd8;
  --ink:#0b1a12;
  --line: rgba(243,236,216,0.14);
  --paper:#faf6ea;
  --paper-line: rgba(15,46,31,0.12);
  --paper-text:#1c2b21;
  --paper-sub: rgba(28,43,33,0.65);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--paper); color:var(--paper-text); font-family:'Inter', Arial, sans-serif; line-height:1.55;}
h1,h2,h3,.display{font-family:Georgia, 'Times New Roman', serif; font-weight:700;}
.mono{font-family:'Inter', Arial, sans-serif;}
a{color:inherit;}
img{max-width:100%; display:block;}

header{position:sticky; top:0; z-index:50; background:rgba(11,26,18,0.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
.nav-wrap{max-width:1300px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:14px 20px; gap:16px;}
.brand{display:flex; align-items:center; gap:10px; font-family:Georgia, serif; font-weight:700; font-size:1.15rem; color:#faf6ea; text-decoration:none;}
nav ul{list-style:none; display:flex; gap:12px; flex-wrap:wrap;}
nav a{font-size:0.78rem; text-transform:uppercase; letter-spacing:0.02em; text-decoration:none; color:var(--cream); opacity:0.85; padding:6px 0; border-bottom:2px solid transparent; transition:all .2s ease; white-space:nowrap;}
nav a:hover, nav a.active{opacity:1; border-color:var(--gold);}
.nav-toggle{display:none;}

.page-hero{background:var(--ink); padding:44px 24px; text-align:left;}
.page-hero-inner{max-width:1200px; margin:0 auto;}
.page-hero .eyebrow{font-family:'Inter', Arial, sans-serif; font-size:0.7rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); margin-bottom:8px;}
.page-hero h1{color:var(--cream); font-size:clamp(1.8rem,4vw,2.6rem);}
.page-hero p{color:rgba(243,236,216,0.85); margin-top:8px; max-width:600px;}

.ticker-wrap{border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--green-deep); overflow:hidden; white-space:nowrap; padding:12px 0;}
.ticker{display:inline-block; animation:scroll 38s linear infinite; font-family:'Inter', Arial, sans-serif; font-size:0.82rem;}
.ticker span{margin:0 70px; color:rgba(243,236,216,0.85);}
.ticker span b{color:var(--gold-bright);}
.ticker span i{color:rgba(243,236,216,0.5); font-style:normal; margin:0 8px;}
@keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}
@media (prefers-reduced-motion: reduce){.ticker{animation:none;}}

.banner-section-outer{background:var(--ink);}
.banner-section{padding:50px 24px 20px; max-width:1200px; margin:0 auto; position:relative;}
.banner-rod{height:8px; background:linear-gradient(180deg, #8a5a2e, #5c3a1c); border-radius:2px; box-shadow:0 2px 6px rgba(0,0,0,0.4); margin-bottom:0;}
.banner-section .sec-head p{color:rgba(243,236,216,0.9);}
.banner-row{display:flex; gap:16px; overflow-x:auto; padding:30px 4px 30px; scrollbar-width:thin;}
.banner{flex:0 0 140px; background:linear-gradient(180deg, var(--green) 0%, var(--green-deep) 100%); border:1px solid var(--gold); border-top:4px solid var(--gold); border-bottom:none; padding:18px 12px 32px; text-align:center; position:relative; transform-origin:top center; animation:sway 4.5s ease-in-out infinite; clip-path:polygon(0 0, 100% 0, 100% 82%, 50% 100%, 0 82%);}
.banner:nth-child(2n){animation-duration:5.2s; animation-delay:-1.1s;}
.banner:nth-child(3n){animation-duration:3.9s; animation-delay:-2.3s;}
.banner:nth-child(4n){animation-duration:4.8s; animation-delay:-0.6s;}
@keyframes sway{
  0%{transform:rotate(-1.5deg);}
  50%{transform:rotate(1.5deg);}
  100%{transform:rotate(-1.5deg);}
}
@media (prefers-reduced-motion: reduce){.banner{animation:none;}}
.banner:before{content:""; position:absolute; top:-16px; left:50%; transform:translateX(-50%); width:2px; height:16px; background:var(--gold);}
.banner .yr{font-family:Georgia, serif; font-weight:900; font-size:1.4rem; color:var(--gold-bright);}
.banner .tm{font-size:0.82rem; font-weight:600; margin-top:8px; color:#ffffff;}
.banner .mg{font-size:0.7rem; color:rgba(243,236,216,0.85); margin-top:4px;}
.banner .rec{font-family:'Inter', Arial, sans-serif; font-size:0.7rem; color:var(--gold); margin-top:8px;}
.banner.open{border-style:dashed; border-color:rgba(243,236,216,0.35); background:transparent; display:flex; align-items:center; justify-content:center;}
.banner.open .tm{color:rgba(243,236,216,0.65); font-style:italic; font-size:0.8rem;}
.champ-callout{margin-top:16px; background:rgba(201,162,39,0.1); border:1px solid var(--gold); padding:14px 18px; font-size:0.85rem; color:var(--cream);}
.champ-callout b{color:var(--gold-bright);}

.wall-callout{background:linear-gradient(180deg, #2a1010, #1a0808); border:1px solid #6b2323; padding:20px 24px; margin-top:20px;}
.wall-callout .label{font-family:'Inter', Arial, sans-serif; font-size:0.68rem; letter-spacing:0.15em; text-transform:uppercase; color:#e0736b; margin-bottom:8px;}
.wall-callout h3{color:#fff; font-size:1.3rem; margin-bottom:4px;}
.wall-callout .meta{color:rgba(255,255,255,0.6); font-size:0.85rem;}

.week-tag{font-family:'Inter', Arial, sans-serif; font-size:0.65rem; text-transform:uppercase; letter-spacing:0.05em; padding:3px 10px; border-radius:12px; display:inline-block;}
.week-tag.conference{background:rgba(27,67,50,0.12); color:var(--green);}
.week-tag.rivalry{background:rgba(201,162,39,0.15); color:#a3801c;}
.week-tag.wager{background:rgba(180,50,50,0.1); color:#a33030;}
.week-tag.bracket{background:rgba(90,60,150,0.1); color:#6a4a9a;}
.week-tag.randomized{background:rgba(15,46,31,0.06); color:var(--paper-sub);}
.matchup-row{display:grid; grid-template-columns:1fr 50px 1fr; align-items:center; padding:10px 16px; border-bottom:1px solid var(--paper-line); font-size:0.88rem;}
.matchup-row:last-child{border-bottom:none;}
.matchup-row .team-a{text-align:right;}
.matchup-row .team-b{text-align:left;}
.matchup-row .vs-mid{text-align:center; color:var(--paper-sub); font-family:'Inter', Arial, sans-serif; font-size:0.75rem;}
.week-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:16px;}
@media (max-width:900px){.week-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.week-grid{grid-template-columns:1fr;}}
.week-block{border:1px solid var(--paper-line); background:#fff; margin-bottom:0;}
.week-block-head{display:flex; justify-content:space-between; align-items:center; padding:10px 12px; border-bottom:1px solid var(--paper-line); background:rgba(15,46,31,0.03);}
.week-block-head h3{font-size:0.85rem;}
.matchup-row{font-size:0.72rem; padding:6px 10px;}
.week-tag{font-size:0.55rem; padding:2px 6px;}

section{padding:60px 24px; max-width:1200px; margin:0 auto;}
.eyebrow{font-family:'Inter', Arial, sans-serif; font-size:0.72rem; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); margin-bottom:10px;}
.sec-head{margin-bottom:36px;}
.sec-head h2{font-size:clamp(1.7rem,3.6vw,2.4rem);}
.sec-head p{color:var(--paper-sub); max-width:600px; margin-top:10px;}
.subhead{font-family:Georgia, serif; font-size:1.25rem; margin:44px 0 16px; color:var(--green);}
.subhead:first-child{margin-top:0;}

.glance-wrap{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.super-wrap{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:20px;}
@media (max-width:900px){.glance-wrap{grid-template-columns:1fr;} .super-wrap{grid-template-columns:1fr;}}
@media (max-width:900px){
  .grid[style*="repeat(3"]{grid-template-columns:1fr 1fr !important;}
  div[style*="repeat(4, 1fr)"]{grid-template-columns:1fr 1fr !important;}
}
@media (max-width:600px){
  .grid[style*="repeat(3"]{grid-template-columns:1fr !important;}
  div[style*="repeat(4, 1fr)"]{grid-template-columns:1fr !important;}
}
.glance-box{border:1px solid var(--paper-line); background:#ffffff; display:flex; flex-direction:column; position:relative;}
.glance-box:has(.row):before{content:""; position:absolute; top:0; bottom:0; left:150px; width:1px; background:var(--paper-line); pointer-events:none;}
.glance-box .row{display:flex; justify-content:space-between; gap:12px; padding:9px 18px; border-bottom:1px solid var(--paper-line); font-size:0.85rem;}
.glance-box .row:nth-child(even){background:rgba(15,46,31,0.035);}
.glance-box .row .k{padding-right:14px; flex-shrink:0; width:136px;}
.glance-box .row:last-child{border-bottom:none;}
.glance-box .row .k{color:var(--paper-sub); font-family:'Inter', Arial, sans-serif; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.05em;}
.glance-box .row .v{text-align:right; font-weight:600; color:var(--paper-text);}
.glance-box .head{padding:13px 18px; border-bottom:1px solid var(--paper-line); font-family:Georgia, serif; font-weight:700; color:var(--paper-text);}

table{width:100%; border-collapse:collapse; font-size:0.88rem;}
table th{text-align:left; padding:11px 14px; font-family:'Inter', Arial, sans-serif; font-size:0.68rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold-bright); background:var(--green-deep); border-bottom:1px solid var(--paper-line); border-right:1px solid rgba(243,236,216,0.15);}
table th:last-child{border-right:none;}
table td{padding:12px 14px; border-bottom:1px solid var(--paper-line); border-right:1px solid var(--paper-line); color:var(--paper-text);}
table td:last-child{border-right:none;}
table tbody tr:nth-child(even) td{background:rgba(15,46,31,0.035);}
table tbody tr:nth-child(odd) td{background:#ffffff;}
tr:hover td{background:rgba(201,162,39,0.08) !important;}
.table-wrap{overflow-x:auto; border:1px solid var(--paper-line); background:#ffffff;}
.state-tag{font-family:'Inter', Arial, sans-serif; font-size:0.65rem; padding:2px 7px; border-radius:10px; margin-left:8px; border:1px solid var(--paper-line);}
.state-tag.afc{color:#a3801c; border-color:rgba(201,162,39,0.5); background:rgba(201,162,39,0.08);}
.state-tag.nfc{color:#2f5a44; border-color:rgba(27,67,50,0.4); background:rgba(27,67,50,0.06);}
.yr-cell{font-family:Georgia, serif; font-weight:700; color:var(--green);}

.grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:20px;}
.card{background:#ffffff; border:1px solid var(--paper-line); padding:26px;}
.card h3{font-size:1.1rem; margin-bottom:8px; color:var(--paper-text);}
.card .meta{font-family:'Inter', Arial, sans-serif; font-size:0.7rem; color:var(--green); margin-bottom:12px; text-transform:uppercase; letter-spacing:0.06em;}
.card p{color:var(--paper-sub); font-size:0.92rem;}
.pill{display:inline-block; background:rgba(201,162,39,0.12); color:#a3801c; font-family:'Inter', Arial, sans-serif; font-size:0.65rem; text-transform:uppercase; letter-spacing:0.06em; padding:4px 10px; border-radius:20px; margin-bottom:10px;}

.rules-grid{display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--paper-line); background:#ffffff;}
.rules-grid div{padding:11px 20px; border-bottom:1px solid var(--paper-line); font-size:0.88rem; color:var(--paper-text);}
.rules-grid div:nth-child(odd){border-right:1px solid var(--paper-line); font-family:'Inter', Arial, sans-serif; font-size:0.72rem; color:var(--green); text-transform:uppercase; letter-spacing:0.05em;}
.rules-grid div:nth-child(4n+1), .rules-grid div:nth-child(4n+2){background:#ffffff;}
.rules-grid div:nth-child(4n+3), .rules-grid div:nth-child(4n){background:rgba(15,46,31,0.035);}

.mgr-card{display:flex; gap:16px; align-items:flex-start;}
.mgr-avatar{width:52px; height:52px; border-radius:50%; flex-shrink:0; background:linear-gradient(135deg, var(--gold), var(--green)); display:flex; align-items:center; justify-content:center; font-family:Georgia, serif; font-weight:700; color:#fff; font-size:1.1rem;}
.trophy-case{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0;}
.trophy-chip{font-family:'Inter', Arial, sans-serif; font-size:0.68rem; padding:4px 10px 10px; background:var(--gold-bright); color:var(--ink); font-weight:700; clip-path:polygon(0 0, 100% 0, 100% 65%, 50% 100%, 0 65%);}
.trophy-chip.div{background:rgba(243,236,216,0.18); color:#f3ecd8; border:1px solid rgba(243,236,216,0.4); padding:4px 10px; clip-path:none;}
.trophy-case-rows{display:flex; flex-direction:column; gap:8px;}
.trophy-case-row{display:flex; flex-wrap:wrap; gap:6px;}
.mgr-stats{display:grid; grid-template-columns:1fr 1fr; gap:6px 18px; margin-top:12px; font-size:0.82rem;}
.mgr-stats .k{color:var(--paper-sub); font-family:'Inter', Arial, sans-serif; font-size:0.68rem; text-transform:uppercase;}
.mgr-stats .v{font-weight:600;}

.countdown{display:flex; gap:14px; flex-wrap:wrap; margin:20px 0 36px;}
.countdown .box{background:var(--green-deep); color:var(--cream); padding:18px 24px; text-align:center; min-width:90px; border:1px solid var(--gold);}
.countdown .box .num{font-family:Georgia, serif; font-weight:900; font-size:2rem; color:var(--gold-bright);}
.countdown .box .lbl{font-family:'Inter', Arial, sans-serif; font-size:0.65rem; text-transform:uppercase; letter-spacing:0.1em; margin-top:4px; color:rgba(243,236,216,0.7);}

.quote-card{border-left:3px solid var(--gold); background:#fff; border:1px solid var(--paper-line); border-left:3px solid var(--gold); padding:16px 18px;}
.quote-card p{font-style:italic; color:var(--paper-text); font-size:0.9rem;}
.quote-card .who{font-family:'Inter', Arial, sans-serif; font-size:0.7rem; color:var(--paper-sub); margin-top:8px;}

.recap-item{border:1px solid var(--paper-line); background:#fff; margin-bottom:10px;}
.recap-item summary{padding:16px 20px; cursor:pointer; font-family:Georgia, serif; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center;}
.recap-item summary::-webkit-details-marker{display:none;}
.recap-item summary:after{content:"+"; color:var(--gold); font-size:1.3rem;}
.recap-item[open] summary:after{content:"–";}
.recap-item .body{padding:0 20px 20px; color:var(--paper-sub); font-size:0.9rem;}
.recap-item .kicker{font-family:'Inter', Arial, sans-serif; font-size:0.68rem; color:var(--green); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:8px;}

footer{border-top:1px solid var(--paper-line); padding:40px 24px; text-align:center; color:var(--paper-sub); font-size:0.82rem;}

@media (max-width:760px){
  nav ul{position:fixed; top:64px; left:0; right:0; bottom:0; background:var(--ink); flex-direction:column; padding:30px 24px; transform:translateX(100%); transition:transform .25s ease; overflow-y:auto;}
  nav ul.open{transform:translateX(0);}
  .nav-toggle{display:block; background:none; border:1px solid var(--line); color:var(--cream); padding:8px 12px; font-size:1.1rem;}
  .rules-grid, .mgr-stats{grid-template-columns:1fr;}
  .rules-grid div:nth-child(odd){border-right:none;}
}