@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#f1eef5;--muted:#9993a4;--panel:#111119;--panel2:#171620;--line:#2c2937;--violet:#ab91d8;--cyan:#82cad1;--rose:#c9899f;--gold:#d7ba79;--mono:"DM Mono",monospace;--serif:"Fraunces",serif}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;color:var(--ink);background:#08080d;font-family:Inter,system-ui,sans-serif}.stars{position:fixed;inset:0;pointer-events:none;opacity:.42;background-image:radial-gradient(circle at 20% 12%,#a98cd8 0 1px,transparent 1.5px),radial-gradient(circle at 76% 8%,#7bc9d2 0 1px,transparent 1.5px),radial-gradient(circle at 56% 36%,#fff 0 1px,transparent 1.5px);background-size:210px 170px,270px 220px,320px 260px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}a{color:inherit}.topbar{position:sticky;top:0;z-index:5;min-height:76px;padding:12px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#08080dea;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:70px;height:32px;object-fit:cover;object-position:center}.brand b,.brand small{display:block}.brand b{letter-spacing:.12em}.brand small{color:var(--muted);font:10px var(--mono);letter-spacing:.08em}.topbar nav{display:flex;gap:20px}.topbar nav a{color:var(--cyan);font:12px var(--mono);text-decoration:none}.topbar nav a:hover{text-decoration:underline}main{position:relative;width:min(1180px,calc(100% - 36px));margin:auto;padding:76px 0 54px}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;margin-bottom:34px}.hero>div:first-child{max-width:680px}.eyebrow,.board-title p{margin:0;color:var(--violet);font:11px var(--mono);letter-spacing:.16em}.hero h1{margin:8px 0 12px;font:clamp(56px,9vw,112px)/.9 var(--serif);letter-spacing:-.055em}.hero h1 em{color:var(--cyan);font-weight:600}.hero>div>p:last-child{max-width:610px;margin:0;color:#b9b4c0;font-size:16px;line-height:1.7}.periods{display:flex;padding:5px;border:1px solid var(--line);border-radius:999px;background:#0d0d13}.periods button{border:0;border-radius:999px;padding:11px 15px;color:var(--muted);background:transparent;font:11px var(--mono);cursor:pointer}.periods button.active{color:#09090f;background:var(--cyan)}.periods button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.status{margin:0 0 14px;color:var(--muted);font:11px var(--mono);letter-spacing:.08em}.status.error{color:#e39aad}.summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#14131d,#0e0e15);overflow:hidden}.summary article{min-height:106px;padding:24px;border-right:1px solid var(--line)}.summary article:last-child{border-right:0}.summary span{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.12em}.summary strong{display:block;margin-top:10px;color:var(--gold);font:30px var(--serif)}.boards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.board{min-width:0;padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#15141e,#0e0e14);box-shadow:0 18px 50px #0002}.board.featured{border-color:#3b354d}.board.loss{border-color:#422d38}.board-title{display:flex;align-items:center;gap:13px;min-height:52px}.board-title>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #403951;border-radius:12px;color:var(--cyan);background:#191724;font-size:19px}.board-title h2{margin:3px 0 0;font:21px/1.1 var(--serif)}.board ol{list-style:none;margin:18px 0 0;padding:0}.board li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;border-top:1px solid #25232e}.board li:first-child{border-top-color:#3a3547}.board .rank{color:#6e6878;font:10px var(--mono)}.board li:nth-child(1) .rank{color:var(--gold)}.board li:nth-child(2) .rank{color:#c4c6ce}.board li:nth-child(3) .rank{color:#b88869}.board li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.board li em{color:var(--cyan);font:11px var(--mono);font-style:normal;text-align:right}.board.loss li em{color:var(--rose)}.board li.empty{display:block;padding:17px 0;color:#777180;font:12px/1.5 var(--mono)}.method-note{margin-top:16px;padding:23px 26px;border:1px solid var(--line);border-radius:18px;background:#0d0d13;color:var(--muted);font:12px/1.7 var(--mono)}.method-note p{margin:0}.method-note p+p{margin-top:5px}.method-note b{color:var(--ink)}body.loading .boards{opacity:.58}footer{display:flex;justify-content:space-between;gap:20px;width:min(1180px,calc(100% - 36px));margin:auto;padding:28px 0 38px;border-top:1px solid var(--line);color:#77717f;font:10px var(--mono);letter-spacing:.06em}
.metrics-disclosure{margin:-10px 0 20px;padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:#15131c;color:var(--ink);font-size:16px;line-height:1.55}.metrics-disclosure b{display:block;margin-bottom:4px;color:var(--gold);font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}.metrics-disclosure p{margin:0}
@media(max-width:900px){.hero{align-items:flex-start;flex-direction:column}.boards{grid-template-columns:repeat(2,1fr)}.summary{grid-template-columns:repeat(2,1fr)}.summary article:nth-child(2){border-right:0}.summary article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}.topbar nav{width:100%;justify-content:space-between}.brand small{display:none}main{padding-top:52px}.hero h1{font-size:64px}.periods{width:100%}.periods button{flex:1}.boards{grid-template-columns:1fr}.summary article{padding:19px}.summary strong{font-size:24px}.board{padding:20px}footer{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* M&F After Dark — automatically active September 20 through November 15 (Pacific Time). */
.seasonal-ribbon{display:none}.season-halloween{--ink:#f1e4d3;--muted:#b8a794;--panel:#15100f;--panel2:#211612;--line:#49352b;--violet:#a34d5c;--cyan:#e9893d;--rose:#b74f5d;--gold:#efbd6a}.season-halloween body{background:radial-gradient(circle at 84% 0,#35160d 0,transparent 30%),radial-gradient(circle at 5% 42%,#28111b 0,transparent 28%),#090706}.season-halloween .stars{opacity:.5;background-image:radial-gradient(circle at 20% 12%,#efbd6a 0 1px,transparent 1.5px),radial-gradient(circle at 76% 8%,#a34d5c 0 1px,transparent 1.5px),radial-gradient(circle at 56% 36%,#e9893d 0 1px,transparent 1.5px)}.season-halloween .topbar{background:#090706ef;border-color:#3d2a22}.season-halloween .seasonal-ribbon{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:14px;min-height:34px;padding:7px 16px;border-bottom:1px solid #674126;color:#efbd6a;background:linear-gradient(90deg,#160b09,#28110b,#160b09);font:500 11px var(--mono);letter-spacing:.14em;text-align:center}.season-halloween .seasonal-ribbon span{color:#e9893d;font-size:15px}.season-halloween .seasonal-ribbon i{color:#b8a794;font-style:normal}.season-halloween .hero{position:relative}.season-halloween .hero h1 em{color:#e9893d}.season-halloween .periods{border-color:#59402f;background:#130e0d}.season-halloween .periods button.active{color:#120b07;background:#efbd6a}.season-halloween .summary,.season-halloween .board{background:linear-gradient(155deg,#1b1311,#100c0b)}.season-halloween .board.featured{border-color:#674431}.season-halloween .board.loss{border-color:#653340}.season-halloween .board-title>span{border-color:#65432f;color:#efbd6a;background:#211511}.season-halloween .board li{border-color:#34251f}.season-halloween .method-note{background:#110d0c}.season-halloween .summary strong{color:#efbd6a}
.season-halloween .metrics-disclosure{border-color:#674126;border-left-color:#efbd6a;background:#17100e}
@media(max-width:620px){.season-halloween .seasonal-ribbon{font-size:9px;letter-spacing:.08em}.season-halloween .seasonal-ribbon i{display:none}}

/* The hand-drawn Halloween face replaces the previous moon decoration. */
.season-halloween .hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: clamp(190px, 24vw, 330px);
  aspect-ratio: 1;
  right: 1%;
  top: -36px;
  background: url("../assets/halloween-face.png") center / contain no-repeat;
  opacity: .17;
  filter: saturate(.8) drop-shadow(0 0 28px #e85c2122);
  pointer-events: none;
}
@media(max-width:620px){.season-halloween .hero::after{width:185px;right:-44px;top:-12px;opacity:.1}}