:root{
  --bg:#14110F; --bg2:#1C1714; --card:#211B17;
  --paper:#F4EEE2; --stone:#9A9088; --white:#FFFFFF;
  --red:#C8102E; --red-deep:#8E0B20; --bronze:#C9A23F; --bronze-deep:#8C6E22;
  --line:rgba(244,238,226,.10); --line2:rgba(244,238,226,.18);
  --maxw:1080px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0; background:var(--bg); color:var(--paper);
  font-family:"Inter",system-ui,sans-serif; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;}
.disp{font-family:"Cinzel",Georgia,serif; letter-spacing:.04em;}
.num{font-variant-numeric:tabular-nums;}
a{color:inherit; text-decoration:none}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
.eyebrow{font-size:12px; letter-spacing:.28em; text-transform:uppercase; color:var(--bronze); font-weight:600}
.muted{color:var(--stone)} .red{color:var(--red)}

header.site{position:sticky; top:0; z-index:60; background:rgba(20,17,15,.9);
  backdrop-filter:blur(8px); border-bottom:1px solid var(--line)}
.nav{display:flex; align-items:center; justify-content:space-between; height:66px}
.brand{display:flex; align-items:center; gap:.55rem}
.brand .crest{height:40px; width:auto; display:block}
.brand .mark{font-family:"Cinzel",serif; font-weight:700; font-size:20px; letter-spacing:.05em}
.menu{display:flex; gap:22px; align-items:center}
.menu a,.menu .drop-btn{font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--stone);
  font-weight:500; background:none; border:0; cursor:pointer; font-family:inherit}
.menu a:hover,.menu a[aria-current="page"],.menu .drop-btn:hover{color:var(--paper)}
.menu a.store{color:#221a06; background:var(--bronze); padding:8px 14px; border-radius:8px; letter-spacing:.06em}
.menu a.store:hover{background:#d9b657; color:#221a06}
.has-drop{position:relative}
.dropdown{position:absolute; top:130%; left:0; min-width:130px; background:var(--bg2);
  border:1px solid var(--line2); border-radius:10px; padding:6px; display:none; max-height:300px; overflow:auto}
.has-drop.open .dropdown{display:block}
.dropdown a{display:block; padding:8px 12px; letter-spacing:.06em; border-radius:6px}
.dropdown a:hover{background:rgba(244,238,226,.06); color:var(--paper)}
.burger{display:none; background:none; border:0; color:var(--paper); font-size:24px; cursor:pointer}

.hero{position:relative; padding:64px 0 56px; border-bottom:1px solid var(--line); text-align:center;
  background:radial-gradient(900px 380px at 50% -10%, rgba(200,16,46,.16), transparent 70%);}
.hero .hero-crest{height:160px; width:auto; margin-bottom:12px; filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}
.hero h1{font-family:"Cinzel",serif; font-weight:700; margin:.05em 0 .12em;
  font-size:clamp(40px,9vw,84px); line-height:.95; letter-spacing:.03em}
.hero .sub{font-size:clamp(14px,2.2vw,18px); color:var(--paper)}
.laurel{display:inline-block; width:120px; height:1px; background:linear-gradient(90deg,transparent,var(--bronze),transparent); margin:22px auto 0}

.section{padding:54px 0; border-bottom:1px solid var(--line)}
.section h2{font-family:"Cinzel",serif; font-weight:600; font-size:clamp(22px,4vw,30px); margin:0 0 4px}
.sec-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:24px}
.sec-head a.more{font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--bronze)}

.tablet{background:var(--card); border:1px solid var(--line2); border-radius:14px; overflow:hidden; max-width:560px; margin:0 auto}
.tablet .top{padding:13px 20px; background:var(--red); color:#fff; font-size:12px; letter-spacing:.22em; text-transform:uppercase; font-weight:600; display:flex; justify-content:space-between}
.tablet .body{padding:24px; text-align:center}
.tablet .vs{font-family:"Cinzel",serif; font-size:28px; font-weight:700; margin:2px 0 8px}
.tablet .meta{color:var(--stone); font-size:14px}
.btn{display:inline-block; margin-top:16px; padding:11px 20px; border-radius:9px; background:var(--bronze);
  color:#221a06; font-weight:600; font-size:13px; letter-spacing:.04em; cursor:pointer; border:0; font-family:inherit}
.btn:hover{background:#d9b657}
.btn.ghost{background:transparent; color:var(--paper); border:1px solid var(--line2)}
.btn.ghost:hover{border-color:var(--bronze); color:var(--bronze)}

.results{display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px}
.result{background:var(--bg2); border:1px solid var(--line); border-radius:11px; padding:13px 14px}
.result .opp{font-size:13px; color:var(--stone); margin-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.result .score{font-family:"Cinzel",serif; font-size:21px; font-weight:700}
.badge{display:inline-block; min-width:20px; text-align:center; font-size:11px; font-weight:700; padding:2px 7px; border-radius:5px; margin-right:7px}
.badge.W{background:rgba(80,160,90,.18); color:#7fd08c}
.badge.L{background:rgba(200,16,46,.18); color:#e8748a}
.badge.D{background:rgba(201,162,63,.18); color:var(--bronze)}

table{width:100%; border-collapse:collapse}
th,td{text-align:left; padding:12px 10px; border-bottom:1px solid var(--line); font-size:14.5px}
th{font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--stone); font-weight:600}
td.n,th.n{text-align:right; font-variant-numeric:tabular-nums}
tr:hover td{background:rgba(244,238,226,.03)}

.roll{list-style:none; padding:0; margin:0}
.roll li{display:grid; grid-template-columns:54px 1fr auto; align-items:center; gap:16px; padding:16px 4px; border-bottom:1px solid var(--line)}
.roll .rk{font-family:"Cinzel",serif; font-size:30px; font-weight:700; color:var(--bronze); text-align:center}
.roll li:nth-child(1) .rk{color:#e7c768}
.roll .who .nm{font-size:17px; font-weight:600}
.roll .who .sub{font-size:12.5px; color:var(--stone)}
.roll .gs{text-align:right; min-width:120px}
.roll .gs b{font-family:"Cinzel",serif; font-size:22px; font-weight:700}
.bar{height:5px; border-radius:3px; background:var(--line2); margin-top:7px; overflow:hidden}
.bar i{display:block; height:100%; background:linear-gradient(90deg,var(--red),var(--bronze))}

.recordcard{display:flex; gap:26px; align-items:baseline; flex-wrap:wrap; background:var(--card);
  border:1px solid var(--line2); border-radius:12px; padding:18px 22px; margin-bottom:22px}
.recordcard .big{font-family:"Cinzel",serif; font-size:30px; font-weight:700}
.yearselect{background:var(--bg2); color:var(--paper); border:1px solid var(--line2); border-radius:8px;
  padding:9px 12px; font-family:inherit; font-size:14px}

.video{position:relative; padding-top:56.25%; border-radius:14px; overflow:hidden; border:1px solid var(--line2); background:#000}
.video iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.note{background:var(--card); border:1px solid var(--line); border-left:3px solid var(--bronze); border-radius:0 10px 10px 0; padding:16px 18px; color:var(--stone); font-size:14px}
.empty{padding:30px; text-align:center; color:var(--stone); border:1px dashed var(--line2); border-radius:12px}

footer.site{padding:40px 0; color:var(--stone); font-size:13px; border-top:1px solid var(--line)}
.footlinks{display:flex; flex-wrap:wrap; gap:18px 24px; margin-bottom:16px}
.footlinks a{font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--stone)}
.footlinks a:hover{color:var(--paper)}
.footnote{color:var(--stone)}

@media(max-width:820px){
  .menu{display:none; position:absolute; top:66px; left:0; right:0; flex-direction:column; align-items:flex-start;
    gap:0; background:var(--bg2); border-bottom:1px solid var(--line2); padding:8px 24px}
  .menu.open{display:flex} .menu a,.menu .drop-btn{padding:14px 0; width:100%; border-bottom:1px solid var(--line)}
  .menu a.store{width:auto; margin:12px 0}
  .has-drop{width:100%} .dropdown{position:static; border:0; background:transparent; padding:0 0 8px 14px; display:block}
  .has-drop .dropdown a{border:0; padding:8px 0}
  .burger{display:block}
  .sec-head{flex-direction:column; align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}