:root{
  --black:#030303; --black2:#080808; --panel:#101010; --panel2:#151515;
  --gold:#d0b676; --gold2:#9d8243; --gold3:#5e4d29;
  --white:#f4f1e9; --muted:#aaa69d; --green:#2d4f1c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; min-height:100vh; color:var(--white); font-family:Arial,Helvetica,sans-serif;
  background:
    radial-gradient(circle at 50% 0%,rgba(208,182,118,.10),transparent 28%),
    linear-gradient(#040404,#090909 42%,#030303);
}
body:before{
  content:""; position:fixed; inset:0; pointer-events:none; opacity:.12;
  background-image:radial-gradient(#d0b676 .7px,transparent .8px);
  background-size:28px 28px; mask-image:linear-gradient(to bottom,#000,transparent 66%);
}
a{color:inherit;text-decoration:none}
.shell{width:min(1440px,92vw);margin:auto}
.nav{
  min-height:88px; display:flex; align-items:center; gap:28px;
  border-bottom:1px solid #2a2418; position:relative; z-index:20;
}
.brand{margin-right:auto;display:flex;align-items:center}.brand img{width:112px;height:74px;object-fit:contain}
.navlinks{display:flex;gap:28px;align-items:center;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px}
.navlinks a{color:#ddd9d1;transition:.2s}.navlinks a:hover,.navlinks .active{color:var(--gold)}
.topbtn{border:1px solid var(--gold2);border-radius:5px;padding:13px 18px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:1.2px;font-size:13px;background:#0b0b0b}
.topbtn:hover{border-color:var(--gold)}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:350px;padding:38px 4% 28px;position:relative}
.hero:after{content:"";position:absolute;left:50%;top:45px;bottom:28px;width:1px;background:linear-gradient(transparent,var(--gold2),transparent)}
.hero-logo{text-align:center}.hero-logo img{width:min(390px,82%);filter:drop-shadow(0 0 24px rgba(0,0,0,.85))}
.hero-copy{text-align:center;padding-left:7%}.hero-copy h1{margin:0;font-size:clamp(54px,7vw,104px);letter-spacing:12px;font-weight:900;background:linear-gradient(#f0dea3,#ae8f49);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy .ff{font-size:clamp(17px,2vw,28px);letter-spacing:12px;margin-top:5px}.motto{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;color:var(--gold);letter-spacing:7px;text-transform:uppercase}.motto:before,.motto:after{content:"";height:1px;background:var(--gold2);width:135px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:6px 0 24px}
.card{min-height:360px;border:1px solid #715e32;border-radius:9px;background:linear-gradient(145deg,#131313,#080808);padding:30px 23px 22px;display:flex;flex-direction:column;text-align:center;transition:.22s}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 16px 46px #000}.icon{font-size:60px;line-height:1;margin-bottom:18px;filter:grayscale(1) sepia(1)}
.card h2{font-size:21px;line-height:1.3;letter-spacing:2px;text-transform:uppercase;margin:0 0 14px}.card p{color:#c3c0b9;line-height:1.55;margin:0 auto 24px;max-width:280px}.card .btn{margin-top:auto;border:1px solid var(--gold2);border-radius:5px;padding:15px 12px;color:var(--gold);font-weight:800;letter-spacing:1.3px;text-transform:uppercase}.card .btn.disabled{border-color:#414141;color:#777}
.strip{margin:0 0 28px;border:1px solid #5f4f2a;border-radius:9px;background:linear-gradient(90deg,#151515,#0a0a0a);padding:22px 28px;display:flex;align-items:center;gap:22px}.strip .copy{flex:1}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-weight:800;font-size:12px}.strip h3{margin:5px 0;font-size:25px;letter-spacing:3px;text-transform:uppercase}.strip p{margin:0;color:#bbb}
.footer{border-top:1px solid #282216;text-align:center;padding:21px 0 34px;color:var(--gold);letter-spacing:5px;text-transform:uppercase;font-size:11px}
.page{padding:72px 0}.page h1{font-size:clamp(36px,5vw,60px);color:var(--gold);letter-spacing:4px;text-transform:uppercase;margin-bottom:16px}.page p{font-size:18px;line-height:1.7;color:#c7c3bc;max-width:820px}.placeholder{margin-top:34px;border:1px solid #5d4d29;border-radius:10px;background:linear-gradient(145deg,#121212,#080808);padding:34px}.pill{display:inline-block;border:1px solid #594a28;border-radius:99px;color:var(--gold);padding:8px 12px;text-transform:uppercase;letter-spacing:2px;font-size:11px}
@media(max-width:980px){.navlinks{display:none}.hero{grid-template-columns:1fr}.hero:after{display:none}.hero-copy{padding:20px 0}.hero-logo img{max-width:260px}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.shell{width:min(94vw,760px)}.nav{min-height:74px}.brand img{width:92px}.topbtn{font-size:10px;padding:10px 12px}.hero{padding-top:24px}.hero-copy h1{letter-spacing:6px}.hero-copy .ff{letter-spacing:5px}.motto{letter-spacing:4px}.motto:before,.motto:after{width:38px}.cards{grid-template-columns:1fr}.card{min-height:320px}}

.searchBtn{background:none;border:1px solid #544724;color:var(--gold);border-radius:5px;padding:10px 12px;cursor:pointer}
.searchOverlay{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:999;display:none;padding:7vh 4vw;overflow:auto}
.searchOverlay.open{display:block}.searchBox{width:min(900px,100%);margin:auto}.searchBox input{width:100%;background:#0b0b0b;border:1px solid var(--gold2);border-radius:8px;padding:18px;color:#fff;font-size:20px}
.searchResult{display:block;margin-top:10px;padding:15px;border:1px solid #352e1d;border-radius:7px;background:#0b0b0b}.searchResult b{color:var(--gold)}.searchResult small{display:block;color:#888;margin-top:6px}
.histHero{text-align:center;padding:64px 0 30px}.histHero h1,.rulesHero h1{font-size:clamp(38px,6vw,70px);color:var(--gold);text-transform:uppercase;letter-spacing:5px;margin:8px}.histHero p,.rulesHero p{color:#bbb}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0 28px}.stat{border:1px solid #594a28;border-radius:8px;background:#0c0c0c;padding:20px;text-align:center}.stat strong{display:block;color:var(--gold);font-size:24px}.stat span{color:#999;font-size:11px;text-transform:uppercase;letter-spacing:1.5px}
.historyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:45px}.seasonCard{border:1px solid #594a28;border-radius:9px;background:linear-gradient(145deg,#121212,#080808);padding:23px}.seasonCard .yr{color:var(--gold);font-size:13px;letter-spacing:3px}.seasonCard h2{margin:10px 0 6px}.seasonCard p{margin:0;color:#aaa}.seasonCard.current{box-shadow:0 0 30px rgba(208,182,118,.12);border-color:var(--gold)}
.rulesLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;padding-bottom:50px}.toc{position:sticky;top:18px;align-self:start;border:1px solid #4b4025;border-radius:8px;background:#0a0a0a;padding:15px}.toc a{display:block;padding:8px;color:#aaa;font-size:12px}.toc a:hover{color:var(--gold)}
.ruleSection{scroll-margin-top:20px;border:1px solid #413820;border-radius:9px;background:linear-gradient(145deg,#101010,#080808);padding:24px;margin-bottom:14px}.ruleSection h2{color:var(--gold);text-transform:uppercase;letter-spacing:2px;margin-top:0}.ruleSection h3{margin:20px 0 8px}.ruleSection p,.ruleSection li{color:#c4c0b8;line-height:1.6}.ruleSection table{width:100%;border-collapse:collapse}.ruleSection th,.ruleSection td{padding:10px;border-bottom:1px solid #302a1c;text-align:left}.ruleSection th{color:var(--gold)}
.callout{border-left:3px solid var(--gold);background:#0b0b0b;padding:12px 14px;margin:14px 0;color:#ccc}.ruleSearch{width:100%;padding:14px;background:#080808;color:#fff;border:1px solid #5b4b29;border-radius:6px;margin:10px 0 24px}
@media(max-width:850px){.stats,.historyGrid{grid-template-columns:1fr}.rulesLayout{grid-template-columns:1fr}.toc{position:static}}
.homeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 0 24px}.homeTile{min-height:245px;border:1px solid #715e32;border-radius:9px;background:linear-gradient(145deg,#131313,#080808);padding:25px;display:grid;grid-template-columns:72px 1fr;grid-template-rows:1fr auto;gap:8px 20px;transition:.22s}.homeTile:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 42px #000}.tileIcon{font-size:48px;color:var(--gold);grid-row:1/3;align-self:start;filter:grayscale(1) sepia(1)}.homeTile h2{margin:5px 0 10px;color:#e0c77f;text-transform:uppercase;letter-spacing:2px;font-size:22px}.homeTile p{margin:0;color:#c4c0b8;line-height:1.5}.tileKicker{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.tileAction{align-self:end;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:800;font-size:12px}.tileAction.muted{color:#777}.homeTile.featured{border-color:#c5a64f;box-shadow:0 0 22px rgba(208,182,118,.12)}.homeTile.shame{background:linear-gradient(145deg,#14110d,#080808)}.commish{margin:4px 0 28px;border:1px solid #5f4f2a;border-radius:9px;background:linear-gradient(90deg,#121212,#070707);padding:18px 24px;display:flex;align-items:center;gap:20px}.gear{font-size:30px;color:var(--gold)}.commishLabel{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:2px;padding-right:20px;border-right:1px solid #5f4f2a}.commishCopy{display:flex;flex-direction:column;gap:4px;flex:1}.commishCopy strong{text-transform:uppercase;letter-spacing:1.5px}.commishCopy span{color:#aaa;font-size:13px}@media(max-width:980px){.homeGrid{grid-template-columns:1fr 1fr}.commish{flex-wrap:wrap}}@media(max-width:640px){.homeGrid{grid-template-columns:1fr}.homeTile{grid-template-columns:60px 1fr}.commishLabel{border:0}.commishCopy{flex-basis:100%}}

/* V7 visual rebuild: Champions + Toilet Bowl Hall of Shame */
.history-page{background:
radial-gradient(circle at 50% 0%,rgba(208,182,118,.11),transparent 30%),
linear-gradient(#020202,#060606 38%,#020202)}
.history-shell{width:min(1180px,94vw);margin:auto}
.hero-history{position:relative;min-height:520px;border-bottom:1px solid #3c331f;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:50px 30px}
.hero-history:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 42%,rgba(208,182,118,.18),transparent 20%),radial-gradient(circle at 22% 52%,rgba(208,182,118,.06),transparent 26%);pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero-copy .kicker{color:var(--gold);text-transform:uppercase;letter-spacing:4px;font-size:13px;font-weight:800}
.hero-copy h1{font-family:Georgia,serif;font-size:clamp(58px,8vw,112px);line-height:.9;letter-spacing:1px;text-transform:uppercase;margin:16px 0 24px;background:linear-gradient(#f4dc96,#b78527 64%,#f0cf70);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 12px 40px rgba(0,0,0,.45)}
.hero-copy .tagline{color:#ded9ce;text-transform:uppercase;letter-spacing:3px;font-size:15px}
.hero-art{position:relative;z-index:2;min-height:420px;display:grid;place-items:center}
.hero-art .trophy{font-size:250px;filter:drop-shadow(0 0 26px rgba(208,182,118,.3));transform:rotate(-4deg)}
.hero-art .toilet{font-size:250px;filter:grayscale(.35) sepia(.35) drop-shadow(0 0 22px rgba(208,182,118,.15))}
.laurel{position:absolute;top:90px;bottom:70px;width:120px;border:1px solid transparent;opacity:.42}
.laurel.left{left:5px;border-left:12px double #8c6a23;border-radius:55%}
.laurel.right{right:5px;border-right:12px double #8c6a23;border-radius:55%}
.honor-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #5b4b29;border-radius:10px;background:linear-gradient(145deg,#111,#070707);margin:20px 0 28px;overflow:hidden}
.honor-item{padding:24px;text-align:center;border-right:1px solid #41371f}.honor-item:last-child{border-right:0}.honor-item .label{font-size:11px;color:#cfc8ba;letter-spacing:1.3px;text-transform:uppercase}.honor-item strong{display:block;color:#fff;font-family:Georgia,serif;font-size:34px;margin:7px 0 3px}.honor-item .gold{color:var(--gold);font-size:26px}
.section-title{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--gold);letter-spacing:5px;text-transform:uppercase;font-family:Georgia,serif;font-size:28px;margin:28px 0 18px}.section-title:before,.section-title:after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--gold2));width:150px}.section-title:after{background:linear-gradient(90deg,var(--gold2),transparent)}
.champ-list{display:grid;gap:14px;padding-bottom:30px}
.champ-row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:center;border:1px solid #41371f;border-radius:10px;background:linear-gradient(145deg,#101010,#070707);padding:10px 14px}
.champ-row.current{box-shadow:0 0 28px rgba(208,182,118,.22),inset 0 0 22px rgba(208,182,118,.05);border-color:var(--gold)}
.year-block{padding:14px 16px;color:var(--gold);font-family:Georgia,serif;font-size:34px}.year-block small{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}
.nameplate{position:relative;background:linear-gradient(180deg,#d7ba6a,#a87e31 55%,#d0aa55);color:#080808;border:2px solid #e7ca7b;border-radius:8px;box-shadow:inset 0 0 0 1px #7a5921,0 7px 20px rgba(0,0,0,.45);padding:18px 58px 18px 28px;display:grid;grid-template-columns:1fr 220px;align-items:center;font-family:Georgia,serif}
.nameplate:before,.nameplate:after{content:"";position:absolute;top:50%;width:13px;height:13px;background:radial-gradient(circle at 35% 35%,#f7dc88,#6d4c13);border:1px solid #51350b;border-radius:50%;transform:translateY(-50%)}.nameplate:before{left:12px}.nameplate:after{right:12px}
.nameplate .team{font-size:28px;font-weight:800;border-right:2px solid #2b1c07;padding-right:24px}.nameplate .owner{font-size:24px;font-weight:800;padding-left:28px}
.quote-box{border:1px solid #4b4026;border-radius:9px;text-align:center;color:var(--gold);font-family:Georgia,serif;letter-spacing:2px;padding:22px;margin:18px 0 34px;background:#080808}
.toilet-hero{background:radial-gradient(circle at 78% 42%,rgba(153,113,41,.16),transparent 22%),linear-gradient(#090909,#050505)}
.toilet-hero .hero-copy h1{background:linear-gradient(#c2b38c,#8e7d58 70%,#b8a37c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.toilet-hero .tagline{font-family:Georgia,serif;font-size:20px;line-height:1.5;color:#c9c0ab}
.maintenance-board{border:1px solid #4f4124;border-radius:10px;background:linear-gradient(145deg,#16130f,#080807);padding:16px;margin-bottom:24px;box-shadow:inset 0 0 36px rgba(95,69,24,.09)}
.maintenance-heading{display:flex;justify-content:space-between;align-items:center;background:#b9aa83;color:#17120b;border:3px solid #44371f;padding:14px 18px;font-family:Georgia,serif;font-size:30px;font-weight:900;letter-spacing:1px;margin-bottom:14px}
.maint-card{position:relative;background:linear-gradient(#d7cbae,#c6b998);color:#1c1710;border:1px solid #6c5a37;border-radius:5px;margin:10px 0;padding:14px 16px;display:grid;grid-template-columns:115px 1fr 180px 140px;gap:16px;align-items:center;box-shadow:0 8px 18px rgba(0,0,0,.35)}
.maint-card:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:radial-gradient(#3e3527 .6px,transparent .8px);background-size:6px 6px}
.maint-card .season{font-family:Georgia,serif;font-size:34px;color:#8a2f23;font-weight:900}.maint-card .incident small,.maint-card .person small,.maint-card .status small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#3e3527}.maint-card .incident b,.maint-card .person b{font-size:16px}
.maint-card .cause{grid-column:2/4;font-size:12px;font-weight:800;text-transform:uppercase}
.stamp{display:inline-block;border:3px solid #9a3428;color:#9a3428;padding:6px 9px;transform:rotate(-4deg);font-size:24px;font-weight:900}
.reigning-tag{position:absolute;right:-20px;top:10px;background:#6e2c1e;color:#f5d8b3;padding:10px 14px;border:1px solid #a04d33;border-radius:3px;font-size:11px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:900px){.hero-history{grid-template-columns:1fr;min-height:auto}.hero-art{min-height:280px}.hero-art .trophy,.hero-art .toilet{font-size:170px}.honor-strip{grid-template-columns:1fr}.honor-item{border-right:0;border-bottom:1px solid #41371f}.champ-row{grid-template-columns:1fr}.nameplate{grid-template-columns:1fr}.nameplate .team{border-right:0;border-bottom:1px solid #2b1c07;padding-bottom:10px}.nameplate .owner{padding:10px 0 0}.maint-card{grid-template-columns:90px 1fr}.maint-card .person,.maint-card .status{grid-column:2}.maint-card .cause{grid-column:2}}