@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;700;800;900&family=Spectral:ital,wght@0,400;0,500;0,600;1,400;1,500&family=IBM+Plex+Mono:wght@400;500;600&display=swap');:root{--paper:#e7e2d5;--paper-2:#dcd5c3;--ink:#211a12;--ink-soft:#5b5140;--brass:#8a6a34;--brass-bright:#a97f38;--brass-text:#725626;--brass-line: rgba(138,106,52,.32);--hairline: rgba(33,26,18,.14);--shadow: 0 18px 40px -22px rgba(24,17,12,.55);--good:#3f6b3f;--good-bg: rgba(63,107,63,.12);--map-1: rgba(138,106,52,.28);--map-2: rgba(138,106,52,.55);--map-3: rgba(138,106,52,.88)} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--paper:#161009;--paper-2:#1f170e;--ink:#ece3d1;--ink-soft:#b6a98d;--brass:#cf9f52;--brass-bright:#e0b46a;--brass-text:#e0b46a;--brass-line: rgba(207,159,82,.32);--hairline: rgba(236,227,209,.14);--shadow: 0 18px 44px -20px rgba(0,0,0,.6);--good:#7fbf7f;--good-bg: rgba(127,191,127,.14);--map-1: rgba(207,159,82,.28);--map-2: rgba(207,159,82,.55);--map-3: rgba(207,159,82,.88)}} :root[data-theme="dark"]{--paper:#161009;--paper-2:#1f170e;--ink:#ece3d1;--ink-soft:#b6a98d;--brass:#cf9f52;--brass-bright:#e0b46a;--brass-text:#e0b46a;--brass-line: rgba(207,159,82,.32);--hairline: rgba(236,227,209,.14);--shadow: 0 18px 44px -20px rgba(0,0,0,.6);--good:#7fbf7f;--good-bg: rgba(127,191,127,.14);--map-1: rgba(207,159,82,.28);--map-2: rgba(207,159,82,.55);--map-3: rgba(207,159,82,.88)} *{box-sizing:border-box} body{margin:0;background:var(--paper);color:var(--ink);font-family:"Spectral",Georgia,serif;line-height:1.55;-webkit-font-smoothing:antialiased} h1,h2{text-wrap:balance} .mono{font-family:"IBM Plex Mono",ui-monospace,monospace} .display{font-family:"Big Shoulders Display","Arial Narrow",sans-serif} .tabular{font-variant-numeric:tabular-nums} a{color:inherit} .wrap{max-width:980px;margin:0 auto;padding-inline:20px} @media (min-width:760px){.wrap{padding-inline:32px}} header.site{padding-block:20px 14px;border-bottom:1px solid var(--hairline)} .back{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;color:var(--ink-soft);text-decoration:none;display:inline-flex;gap:6px} .back:hover{color:var(--ink)} .crumbTitle{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:20px;margin-top:8px} .gameMeta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin: 22px 0 6px;font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-text)} .gameMeta .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-soft)} .beltTag{background: var(--good-bg);color:var(--good);padding:3px 9px;border-radius:3px;font-weight:600} .neutralTag{background: color-mix(in srgb,var(--brass) 18%,transparent);color:var(--brass-text);padding:3px 9px;border-radius:3px;font-weight:600} h1.matchup{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:clamp(28px,4.6vw,42px);line-height:1.02;margin:6px 0 26px} h1.matchup .win{color:var(--emph)} .scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;border:1px solid var(--hairline);border-radius:8px;overflow:hidden;box-shadow:var(--shadow)} @media (max-width:640px){.scoreboard{grid-template-columns:1fr} .scoreboard .vs{display:none}} .teamLogo{object-fit:contain;flex:none;vertical-align:middle} .teamPanel{padding:26px 22px;display:flex;flex-direction:column;gap:10px} .teamPanel .panelTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .teamPanel .teamLogo{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))} .logoChip{display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35)} .logoChip .teamLogo{filter:none} .teamPanel.home{background: linear-gradient(160deg,var(--home) 0%,color-mix(in srgb,var(--home) 75%,black) 100%);color:var(--home-ink)} .teamPanel.away{background: linear-gradient(160deg,var(--away) 0%,color-mix(in srgb,var(--away) 75%,black) 100%);color:var(--away-ink)} .teamPanel .side{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;opacity:.8} .teamPanel .name{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:clamp(22px,3.6vw,30px);line-height:1.02} .teamPanel .pts{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:clamp(46px,7vw,64px);line-height:.9;margin-top:2px} .teamPanel.home .pts{color: var(--home-accent)} .teamPanel.away .pts{color: var(--away-accent)} .teamPanel .badge{align-self:flex-start;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:3px;border:1px solid currentColor;opacity:.85;margin-top:4px} .vs{display:flex;align-items:center;justify-content:center;padding:0 18px;background:var(--paper-2);font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:15px;color:var(--ink-soft)} .sectionHead{display:flex;align-items:baseline;gap:14px;margin:44px 0 16px} .sectionHead .tag{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-text);white-space:nowrap} .sectionHead .rule{height:1px;flex:1;background:var(--brass-line)} .sectionHead h2{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:clamp(20px,3vw,25px);margin:0;white-space:nowrap} .sectionHead.withTag{flex-wrap:wrap;row-gap:8px} table.lineScore{width:100%;border-collapse:collapse;font-family:"IBM Plex Mono",monospace;font-size:14px} table.lineScore th,table.lineScore td{padding:10px 12px;text-align:center;border-bottom:1px solid var(--hairline)} table.lineScore th{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;text-align:center} table.lineScore td.teamCell,table.lineScore th.teamCell{text-align:left;font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:16px;letter-spacing:.01em} table.lineScore tr.winner td.teamCell{color:var(--emph)} table.lineScore td.final{font-weight:700;font-size:16px} table.lineScore tbody tr:last-child td{border-bottom:none} .swatch{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle;border:1px solid var(--hairline)} .statCategory{margin:0 0 26px} .statCategory:last-child{margin-bottom:0} .statCategory h3{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px} table.playerStatsTable{width:100%;border-collapse:collapse;font-size:13.5px} table.playerStatsTable th{text-align:right;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;padding:7px 8px;border-bottom:1px solid var(--brass-line)} table.playerStatsTable th.teamCell{text-align:left} table.playerStatsTable td{padding:8px;border-bottom:1px solid var(--hairline);text-align:right} table.playerStatsTable td.teamCell{text-align:left;font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:14.5px;white-space:nowrap} table.playerStatsTable td.teamCell .playerTeam{font-family:"IBM Plex Mono",monospace;font-weight:400;font-size:10.5px;color:var(--ink-soft);margin-left:6px;text-transform:uppercase;letter-spacing:.04em} table.playerStatsTable tbody tr:last-child td{border-bottom:none} table.keyPlaysTable{width:100%;border-collapse:collapse;font-size:13.5px} table.keyPlaysTable th{text-align:left;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;padding:7px 8px;border-bottom:1px solid var(--brass-line)} table.keyPlaysTable td{padding:9px 8px;border-bottom:1px solid var(--hairline);vertical-align:top} table.keyPlaysTable td:first-child{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-soft);white-space:nowrap} table.keyPlaysTable td:nth-child(2){font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:14px;white-space:nowrap} table.keyPlaysTable td:nth-child(3){font-family:"IBM Plex Mono",monospace;font-size:12.5px;white-space:nowrap} table.keyPlaysTable tbody tr:last-child td{border-bottom:none} table.keyPlaysTable tr.scoring td:nth-child(2){color:var(--brass-text)} details.moreStats{margin-top:8px} details.moreStats summary{cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.04em;color:var(--brass-text);padding:8px 0;list-style:none} details.moreStats summary::-webkit-details-marker{display:none} details.moreStats summary::before{content:"+ "} details.moreStats[open] summary::before{content:"\2212 "} details.moreStats summary:hover{text-decoration:underline} details.moreStats .statCategory{margin-top:18px} .sampleTag{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background: color-mix(in srgb,var(--brass) 18%,transparent);color:var(--brass-text);padding:3px 8px;border-radius:3px;border:1px dashed var(--brass-line)} .sourceTag{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;background: var(--good-bg);color:var(--good);padding:3px 8px;border-radius:3px;border:1px solid transparent} .statGrid{display:grid;grid-template-columns:1fr auto auto;gap:0 18px} .statRow{display:contents} .statRow .label{padding:9px 0;border-bottom:1px solid var(--hairline);color:var(--ink-soft);font-size:13.5px} .statRow .val{padding:9px 0;border-bottom:1px solid var(--hairline);font-family:"IBM Plex Mono",monospace;font-size:14px;text-align:right} .statRow .val.home{color: color-mix(in srgb,var(--home) 82%,var(--ink))} .statRow .val.away{color: color-mix(in srgb,var(--away) 82%,var(--ink))} .statHead{display:contents} .statHead span{padding-bottom:8px;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px} .statHead span:first-child{text-align:left;max-width:none} .noteBox{margin-top:18px;padding:14px 16px;border-left:2px solid var(--brass);background:var(--paper-2);font-size:13px;color:var(--ink-soft);border-radius:0 4px 4px 0} .previewMeta{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-soft);margin:2px 0 6px} .kickoffLocal{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-soft);margin:0 0 30px} .kickoffLocal[hidden]{display:none} .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 8px} @media (max-width:700px){.formGrid{grid-template-columns:1fr}} .formCol h3{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:19px;margin:0 0 10px;display:flex;align-items:center;gap:8px} .formList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px} .formList li{display:flex;align-items:center;gap:10px;padding:9px 11px;background:var(--paper-2);border-radius:6px;font-size:13px} .formBadge{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:11px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0} .formBadge.w{background:#2f6b3f;color:#eafaea} .formBadge.l{background:#7a2e2e;color:#fbeaea} .formBadge.t{background:var(--ink-soft);color:var(--paper)} .formScore{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap} .formOpp{color:var(--ink-soft);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .formDate{margin-left:auto;font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--ink-soft);white-space:nowrap} .emptyNote{color:var(--ink-soft);font-size:13px} .weatherCard{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;padding:14px 18px;margin:4px 0 6px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper-2)} .weatherTemp{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:26px} .weatherCond{font-size:14.5px;color:var(--ink)} .weatherSub{font-size:13px;color:var(--ink-soft);flex-basis:100%} .h2hHeadline{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:21px;margin:0 0 16px} .aiPreviewBody p{max-width:70ch;font-size:15px} .keyMatchups{margin:14px 0 20px;padding-left:1.15em;max-width:68ch} .keyMatchups li{margin:7px 0;font-size:14.5px} .keyMatchups li::marker{color:var(--brass-text)} .bettingHead{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:20px 0 6px} .predictionCall{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:23px;margin:0 0 10px;color:var(--brass-text)} .predictionBody{margin-top:4px} .calendarLinks{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px} .calBtn{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.02em;padding:9px 14px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper-2);color:var(--ink);text-decoration:none;white-space:nowrap} .calBtn:hover{border-color:var(--brass);color:var(--brass-bright)} .feedUrlBox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 18px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:8px} .feedUrlText{font-family:"IBM Plex Mono",monospace;font-size:12.5px;word-break:break-all;color:var(--ink-soft)} .compareForm{display:flex;align-items:center;gap:14px;margin:18px 0 30px;flex-wrap:wrap} .compareForm select{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:17px;padding:10px 14px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper-2);color:var(--ink);min-width:200px;max-width:100%} .compareVs{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)} .compareStats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 30px} @media (max-width:700px){.compareStats{grid-template-columns:1fr}} .compareStatCard{padding:18px 20px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:8px} .compareStatCard h3{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:19px;margin:0 0 12px;display:flex;align-items:center;gap:8px} .compareStatRow{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--hairline);font-size:13.5px} .compareStatRow:last-child{border-bottom:none} .compareStatRow .val{font-family:"IBM Plex Mono",monospace;font-weight:600} .compareGamesHead{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:19px;margin:36px 0 4px} .compareRecord{font-size:13.5px;color:var(--ink-soft);margin:0 0 16px} .compareGameRow{display:flex;align-items:center;gap:14px;padding:11px 4px;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit;font-size:13.5px} .compareGameRow:last-child{border-bottom:none} .compareGameRow:hover .compareMatchup{text-decoration:underline;text-decoration-color:var(--brass)} .compareGameDate{font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink-soft);white-space:nowrap;width:88px;flex:none} .compareMatchup{flex:1;min-width:0} .compareScore{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap} .compareEmpty{color:var(--ink-soft);font-size:13.5px;padding:16px 0} .embedPreview{display:flex;align-items:center;gap:14px;margin:20px 0 28px;padding:18px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:8px;flex-wrap:wrap} .embedLabel{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:24px 0 8px} .embedCode{width:100%;box-sizing:border-box;font-family:"IBM Plex Mono",monospace;font-size:12.5px;padding:12px 14px;border:1px solid var(--hairline);border-radius:6px;background:var(--paper-2);color:var(--ink);resize:vertical} .journeyBar{display:flex;align-items:center;gap:10px;margin:16px 0 4px;flex-wrap:wrap} .journeyBtn{font-family:"IBM Plex Mono",monospace;font-size:12px;border:1px solid var(--hairline);background:var(--paper-2);color:var(--ink);border-radius:6px;padding:7px 13px;cursor:pointer} .journeyBtn:hover{border-color:var(--brass)} .journeySlider{flex:1;min-width:140px;accent-color:var(--brass)} .journeyLabel{font-family:"IBM Plex Mono",monospace;font-size:12.5px;color:var(--ink-soft);min-width:220px} .mapWrap.journeyMode .mapState:not(.mapState--active){opacity:.25} .mapState--active{fill:var(--brass-bright) !important;stroke:var(--ink) !important;stroke-width:2 !important} .triviaProgress{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px} .triviaQ{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:clamp(22px,3.4vw,28px);margin:0 0 22px;text-wrap:balance;max-width:640px} .triviaChoices{display:flex;flex-direction:column;gap:10px;max-width:560px} .triviaChoice{text-align:left;font-family:"Spectral",Georgia,serif;font-size:15.5px;padding:13px 16px;border:1px solid var(--hairline);border-radius:8px;background:var(--paper-2);color:var(--ink);cursor:pointer} .triviaChoice:hover:not(:disabled){border-color:var(--brass)} .triviaChoice:disabled{cursor:default} .triviaChoice--right{border-color:var(--good);background:var(--good-bg);font-weight:600} .triviaChoice--wrong{border-color:#7a2e2e;background:rgba(122,46,46,.14)} .triviaFeedback{margin-top:16px;font-size:14px;font-weight:600;min-height:1.2em} .triviaFeedback--right{color:var(--good)} .triviaFeedback--wrong{color:var(--ink-soft)} .triviaResults{max-width:560px} .triviaScore{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:56px;color:var(--brass-text);margin-bottom:6px} footer{padding-block:28px 40px;border-top:1px solid var(--hairline);margin-top:52px;font-size:12.5px;color:var(--ink-soft)} .footRow{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} .footRow nav{display:flex;gap:16px;font-family:"IBM Plex Mono",monospace} .footRow nav a{text-decoration:none;color:var(--ink-soft)} .footRow nav a:hover{color:var(--ink)} .headerRow{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 28px} .brandBlock{display:flex;flex-direction:column;gap:2px;min-width:0} .eyebrow{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-text);font-weight:600} .wordmark{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:clamp(28px,4.4vw,44px);letter-spacing:.01em;line-height:.95;margin:2px 0 0;text-wrap:balance} nav.site{display:flex;gap:22px;font-family:"IBM Plex Mono",monospace;font-size:13px;letter-spacing:.03em} nav.site a{text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;color:var(--ink-soft)} nav.site a:hover{color:var(--ink);border-color:var(--brass)} .themeToggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;margin:0 0 2px;flex:none;border:1px solid var(--hairline);border-radius:50%;background:var(--paper-2);color:var(--ink-soft);font-size:13px;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease} .themeToggle:hover{border-color:var(--brass);color:var(--ink)} .themeToggle-icon{display:block} .tagline{font-style:italic;color:var(--ink-soft);max-width:46ch;font-size:15px;margin:10px 0 16px} .hero{display:grid;grid-template-columns: 1.05fr .95fr;gap:34px;align-items:center;padding-block: 34px 30px} @media (max-width:820px){.hero{grid-template-columns:1fr}} .hero h1{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:clamp(30px,4vw,42px);line-height:1.02;margin:0 0 14px;text-wrap:balance} .hero p.lede{font-size:17px;max-width:44ch;margin:0 0 18px} .nextGame{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:0 0 22px;padding:9px 16px;background:var(--paper-2);border:1px solid var(--brass-line);border-radius:20px;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease} .nextGame:hover{border-color:var(--brass);box-shadow:0 2px 8px rgba(0,0,0,.08)} .nextGame:hover .nextGameText strong{color:var(--brass-bright)} .nextGameTag{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-text);font-weight:600;white-space:nowrap;padding-right:10px;border-right:1px solid var(--brass-line)} .nextGameText{font-size:13.5px;color:var(--ink)} .nextGameText strong{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:14.5px} @media (max-width:500px){.nextGame{white-space:normal}} .beltWatch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px;font-size:12.5px} .beltWatchLabel{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap} .watchChip{color:var(--ink-soft);white-space:nowrap} .watchChip strong{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:13.5px;color:var(--ink)} .heroFacts{display:flex;gap:26px;flex-wrap:wrap} .heroFacts div{display:flex;flex-direction:column;gap:2px} .heroFacts .n{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:26px} .heroFacts .l{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)} .plateWrap{display:flex;justify-content:center} .plate{width:100%;max-width:400px;background: linear-gradient(160deg,var(--holder) 0%,color-mix(in srgb,var(--holder) 78%,black) 100%);color:var(--holder-ink);border-radius: 130px 130px 18px 18px;padding: 46px 30px 30px;text-align:center;box-shadow: var(--shadow),inset 0 0 0 1px rgba(255,255,255,.06);position:relative;overflow:hidden} .plate::before{content:"";position:absolute;inset:10px 10px auto 10px;height:1px;background: linear-gradient(90deg,transparent,var(--holder-alt),transparent);opacity:.55} .plate .rim{position:absolute;inset:7px;border-radius:124px 124px 12px 12px;border:1.5px solid color-mix(in srgb,var(--holder-alt) 65%,transparent);pointer-events:none} .monogram{width:78px;height:78px;margin:0 auto 14px;border-radius:50%;background: color-mix(in srgb,var(--holder-alt) 22%,transparent);border:2px solid var(--holder-alt);display:flex;align-items:center;justify-content:center;font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:26px;color: var(--holder-alt)} .plate .eyebrow2{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color: color-mix(in srgb,var(--holder-ink) 78%,transparent)} .plate .holderName{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size: clamp(32px,6vw,44px);line-height:.95;margin:6px 0 4px;text-wrap:balance} .plate .holderName a{color:inherit;text-decoration:none} .plate .holderName a:hover{text-decoration:underline;text-decoration-color:currentColor} .plate .sub{font-size:13.5px;color: color-mix(in srgb,var(--holder-ink) 82%,transparent);margin-bottom:18px} .plateStats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid color-mix(in srgb,var(--holder-alt) 45%,transparent);padding-top:14px} .plateStats div{display:flex;flex-direction:column;gap:2px} .plateStats .n{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:20px} .plateStats .l{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.75} @media (prefers-reduced-motion: no-preference){.plate{animation: sheen 1.4s ease-out .1s both} @keyframes sheen{from{filter:brightness(1.28) saturate(.85)} to{filter:brightness(1) saturate(1)}}} .chain{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(148px,1fr);gap:0;overflow-x:auto;padding-bottom:6px;margin: 0 -4px;scrollbar-width:thin} @media (max-width:700px){.chain{grid-auto-flow:row;grid-auto-columns:unset}} .chainLead{display:flex;align-items:center;padding:0 14px 0 4px;font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--ink-soft);white-space:nowrap} @media (max-width:700px){.chainLead{padding:0 0 10px}} .link{position:relative;display:block;padding:16px 16px 14px;margin:0 4px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:6px;text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease} .link:hover{border-color:var(--brass);box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)} .link:hover .team{color:var(--brass-bright)} .link + .link::before{content:"";position:absolute;left:-9px;top:50%;width:10px;height:2px;background:var(--brass-line)} @media (max-width:700px){.link + .link::before{display:none}} .link .chip{width:34px;height:34px;border-radius:50%;margin-bottom:10px;display:flex;align-items:center;justify-content:center;font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:12.5px;border:1.5px solid rgba(0,0,0,.15)} .link .team{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:17px;line-height:1.05} .link .beat{font-size:12px;color:var(--ink-soft);margin:5px 0 7px} .link .meta{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:var(--ink-soft);display:flex;justify-content:space-between} .link.current{border-color: var(--brass);box-shadow: inset 0 0 0 1px var(--brass-line)} .link.current .now{position:absolute;top:12px;right:12px;font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-text);display:flex;align-items:center;gap:5px} .link.current .now::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-bright);box-shadow:0 0 0 3px color-mix(in srgb,var(--brass-bright) 25%,transparent)} .rules{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} @media (max-width:900px){.rules{grid-template-columns:repeat(2,1fr)}} @media (max-width:520px){.rules{grid-template-columns:1fr}} .rule-card{padding:18px 18px 16px;border-top:2px solid var(--brass);background:var(--paper-2);border-radius:2px 2px 6px 6px} .rule-card h3{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:17px;margin:0 0 7px} .rule-card p{margin:0;font-size:13.5px;color:var(--ink-soft)} .rulesFoot{margin-top:16px;font-size:13.5px} .rulesFoot a{text-decoration:none;border-bottom:1px solid var(--brass);color:var(--ink);font-weight:600} .otdList{display:flex;flex-direction:column;margin-top:6px} .otdRow{display:flex;align-items:center;gap:16px;padding:12px 4px;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit} .otdList a.otdRow:hover .otdMatchup{text-decoration:underline;text-decoration-color:var(--brass)} .otdRow:last-child{border-bottom:none} .otdYear{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:16px;color:var(--brass-text);width:44px;flex:none} .otdMatchup{flex:1;font-size:14.5px} .otdTag{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap} .otdTag.changed{color:var(--brass-text)} .otdRow.hiddenRow{display:none} @media (max-width:560px){.otdRow{flex-wrap:wrap} .otdTag{order:3;width:100%;padding-left:60px}} .band{background:#18110c;color:#ecdfc4;margin-block:52px 0;padding-block:34px} @media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .band{background:#0c0805}} :root[data-theme="dark"] .band{background:#0c0805} .bandGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center} @media (max-width:700px){.bandGrid{grid-template-columns:repeat(2,1fr);gap:26px 18px}} .bandGrid .n{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:clamp(30px,5vw,42px);color:#cf9f52;line-height:1} .bandGrid .l{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(236,223,196,.7);margin-top:6px} .pageTitle{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:clamp(30px,4.6vw,44px);line-height:1.02;margin:26px 0 10px;text-wrap:balance} .lede{font-size:16px;color:var(--ink-soft);max-width:62ch;margin:0 0 8px} .proseBlock{max-width:68ch} .proseBlock p{margin:0 0 14px} .ruleList{margin:10px 0 0;padding-left:1.15em;max-width:68ch} .ruleList li{margin:7px 0} .ruleList li::marker{color:var(--brass-text)} .recordsGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0 8px} @media (max-width:760px){.recordsGrid{grid-template-columns:1fr}} .recordCard{background:var(--paper-2);border:1px solid var(--hairline);border-radius:10px;padding:20px 22px 8px} .recordCard h2{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:19px;margin:0 0 2px} .recordCardSub{font-size:12.5px;color:var(--ink-soft);margin:0 0 14px} .recordList{display:flex;flex-direction:column} .recordRow{display:grid;grid-template-columns:20px 1fr auto;align-items:baseline;column-gap:10px;row-gap:2px;padding:10px 0;border-bottom:1px solid var(--hairline);text-decoration:none;color:inherit} .recordRow:last-child{border-bottom:none} a.recordRow:hover .recordMain{text-decoration:underline;text-decoration-color:var(--brass)} .recordRank{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-soft)} .recordMain{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center} .recordValue{font-size:14px;font-weight:600;color:var(--brass-text)} .recordSub{grid-column:2 / 4;font-size:12px;color:var(--ink-soft)} .currentTag{font-family:"IBM Plex Mono",monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--brass-text)} .storyGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:28px 0 8px} .storyCard{display:flex;flex-direction:column;gap:8px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:10px;padding:20px 22px;text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease} .storyCard:hover{border-color:var(--brass);transform:translateY(-1px)} .storyCard h2{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:19px;margin:0;text-wrap:balance} .storyCard p{font-size:13.5px;color:var(--ink-soft);margin:0} .storyCardLink{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.04em;color:var(--brass-text);margin-top:auto} .storyArticle{max-width:680px} .storyKicker{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-text);font-weight:600;margin:0 0 6px} .storyChapter{margin:30px 0;padding-top:22px;border-top:1px solid var(--hairline)} .storyChapter:first-of-type{margin-top:26px} .storyChapter h2{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:21px;margin:0 0 10px;text-wrap:balance} .storyChapter p{font-size:15.5px;line-height:1.6} .storyRank{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;color:var(--ink-soft);margin-right:8px} .storyStat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:10px;padding:18px 22px;margin:22px 0;font-size:14px;color:var(--ink-soft)} .storyStatN{font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:44px;color:var(--brass);line-height:1} .storyList{margin:10px 0 0;padding-left:20px;font-size:14.5px;line-height:1.8} .storyList a{color:inherit} .storyBackLink{margin-top:34px;font-size:13.5px} .teamPageHead{display:flex;align-items:center;gap:12px;border-bottom:3px solid;padding-bottom:10px;margin-top:22px} .posterLink{display:inline-block;margin-left:6px;font-size:12.5px;color:var(--brass-text);text-decoration:none;border-bottom:1px dotted var(--brass);white-space:nowrap} .posterLink:hover{border-bottom-style:solid} .teamReignList{display:flex;flex-direction:column;gap:10px;margin-top:20px} .teamReignCard{padding:14px 18px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:8px} .teamReignHead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap} .teamReignDates{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:16px} .teamReignDuration{font-size:13px;color:var(--brass-text);font-weight:600} .teamReignMeta{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px;font-size:13px;color:var(--ink-soft)} .teamReignMeta a{color:inherit;text-decoration:underline;text-decoration-color:var(--brass)} .mapWrap{margin:22px 0 6px;background:var(--paper-2);border:1px solid var(--hairline);border-radius:10px;padding:14px} .mapSvg{width:100%;height:auto;display:block} .mapState{fill:var(--paper);stroke:var(--hairline);stroke-width:1} .mapState--1{fill:var(--map-1);stroke:var(--brass-line)} .mapState--2{fill:var(--map-2);stroke:var(--brass-line)} .mapState--3{fill:var(--map-3);stroke:var(--brass-line)} .mapState:hover{stroke:var(--brass-bright);stroke-width:2} .mapLegend{display:flex;flex-direction:column;margin:18px 0 8px} .mapLegendRow{display:grid;grid-template-columns:110px auto 1fr;column-gap:14px;row-gap:2px;padding:9px 0;border-bottom:1px solid var(--hairline);font-size:13px;align-items:baseline} .mapLegendRow:last-child{border-bottom:none} .mapLegendState{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:14.5px} .mapLegendCount{color:var(--brass-text);font-weight:600;font-size:12.5px;white-space:nowrap} .mapLegendTeams{color:var(--ink-soft);grid-column:1 / 4} @media (min-width:640px){.mapLegendTeams{grid-column:3}} .historyTop{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end;justify-content:space-between;margin:24px 0 8px} .historyStats{display:flex;gap:22px;flex-wrap:wrap} .historyStats div{display:flex;flex-direction:column;gap:2px} .historyStats .n{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:22px} .historyStats .l{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)} .searchBox{position:relative} .searchBox input{font-family:"IBM Plex Mono",monospace;font-size:13px;padding:9px 14px 9px 30px;border:1px solid var(--hairline);border-radius:20px;background:var(--paper-2);color:var(--ink);width:220px;max-width:60vw} .searchBox input::placeholder{color:var(--ink-soft)} .searchBox svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.55;pointer-events:none} .controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap} .sortToggle{display:flex;border:1px solid var(--hairline);border-radius:20px;overflow:hidden;background:var(--paper-2)} .sortToggle button{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.03em;padding:8px 14px;border:none;background:transparent;color:var(--ink-soft);cursor:pointer;white-space:nowrap} .sortToggle button.active{background:var(--brass);color:var(--paper);font-weight:600} .sortToggle button:not(.active):hover{color:var(--ink)} .dateSelect{display:flex;gap:8px} .dateSelect select{font-family:"IBM Plex Mono",monospace;font-size:13px;padding:8px 12px;border:1px solid var(--hairline);border-radius:20px;background:var(--paper-2);color:var(--ink)} .todayBtn{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.03em;padding:8px 14px;border:1px solid var(--hairline);border-radius:20px;background:var(--paper-2);color:var(--ink-soft);cursor:pointer} .todayBtn:hover{color:var(--ink);border-color:var(--brass)} .records{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 34px} @media (max-width:820px){.records{grid-template-columns:1fr}} .record-card{padding:14px 16px;background:var(--paper-2);border-radius:2px 8px 8px 2px;border-left:3px solid var(--brass)} .record-card .l{font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px} .record-card .v{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:19px} .record-card .sub{font-size:12.5px;color:var(--ink-soft);margin-top:2px} .tableScroll{overflow-x:auto} table.reignsTable{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px} table.reignsTable th{text-align:left;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--brass-line);position:sticky;top:0;background:var(--paper)} table.reignsTable td{padding:10px;border-bottom:1px solid var(--hairline);vertical-align:middle} table.reignsTable td.num{font-family:"IBM Plex Mono",monospace;color:var(--ink-soft);font-size:12.5px} table.reignsTable td.teamCell{font-family:"Big Shoulders Display",sans-serif;font-weight:700;font-size:16px;white-space:nowrap} table.reignsTable td.teamCell a{text-decoration:none} table.reignsTable td.teamCell a:hover{text-decoration:underline;text-decoration-color:var(--brass)} table.reignsTable td.won a,table.reignsTable td.lost a{text-decoration:none;border-bottom:1px dotted var(--ink-soft)} table.reignsTable td.won a:hover,table.reignsTable td.lost a:hover{border-bottom-color:var(--brass);color:var(--brass-bright)} table.reignsTable td.tabular a{text-decoration:none;color:inherit;border-bottom:1px dotted var(--ink-soft)} table.reignsTable td.tabular a:hover{border-bottom-color:var(--brass);color:var(--brass-bright)} table.reignsTable td.dates,table.reignsTable td.won,table.reignsTable td.lost{font-size:12.5px;color:var(--ink-soft)} table.reignsTable td.tabular{text-align:right;font-family:"IBM Plex Mono",monospace} table.reignsTable tr.current{background: color-mix(in srgb,var(--brass) 10%,transparent)} table.reignsTable tr.current td.teamCell{color:var(--brass-text)} table.reignsTable tr.hiddenRow{display:none} .reignChip{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:9px;vertical-align:middle;border:1px solid var(--hairline)} .noResults{padding:34px 0;text-align:center;color:var(--ink-soft);font-style:italic;display:none} .gameNav{display:flex;gap:12px;margin:26px 0 0;font-family:"IBM Plex Mono",monospace;font-size:12px} .gameNav a{text-decoration:none;color:var(--ink-soft);border:1px solid var(--hairline);border-radius:20px;padding:7px 16px;flex:1} .gameNav a:hover{color:var(--ink);border-color:var(--brass)} .gameNav a.next{text-align:right} .gameNav a.disabled{opacity:.35;pointer-events:none} table.reignsTable td.matchup{font-size:13.5px} table.reignsTable td.matchup a{text-decoration:none;color:inherit} table.reignsTable td.matchup a:hover{text-decoration:underline;text-decoration-color:var(--brass)} table.reignsTable td.result{font-size:12.5px;color:var(--ink-soft);white-space:nowrap} table.reignsTable td.result .win{color:var(--brass-text);font-weight:700} table.reignsTable tr.titleChange{background: color-mix(in srgb,var(--brass) 7%,transparent)} .viewToggle{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink-soft);margin:2px 0 0} .viewToggle a{color:var(--brass-text);text-decoration:none;border-bottom:1px dotted var(--brass)} .viewToggle a:hover{border-bottom-style:solid}