.museum-page { background: #061427; }
.museum-page .site-header { grid-template-columns: minmax(164px, 218px) minmax(0, 1fr) 44px; }
.museum-page .site-header nav ul { gap: clamp(10px, 1.25vw, 22px); }
.museum-page .site-header nav a { font-size: 12px; }
.museum-notice { background: linear-gradient(90deg, #b5222a, var(--red)); }
.museum-breadcrumbs { padding: 18px 5vw; display: flex; gap: 10px; color: var(--steel); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.museum-breadcrumbs a { padding: 0; color: var(--steel); font: inherit; letter-spacing: inherit; text-decoration: none; }
.museum-hero { min-height: 680px; padding: 78px 5vw 92px; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(380px, .55fr); gap: 8vw; align-items: center; overflow: hidden; background: radial-gradient(circle at 78% 44%, rgba(224,68,74,.13), transparent 28%), linear-gradient(125deg, var(--navy), #07182e); }
.museum-hero > *, .museum-derived > *, .museum-heading > *, .ranking-row > *, .museum-game-card > *, .museum-matchup > *, .museum-method > *, .museum-sources > * { min-width: 0; }
.museum-hero h1 { margin: 0; font: 900 clamp(66px, 7.7vw, 118px)/.78 var(--display); letter-spacing: -.045em; text-transform: uppercase; overflow-wrap: anywhere; }
.museum-hero h1 em { color: var(--red); font-style: normal; }
.museum-hero__copy > p:not(.eyebrow) { max-width: 720px; margin: 34px 0; color: #c6d1df; font-size: 18px; line-height: 1.65; }
.museum-scoreboard { border: 1px solid rgba(33,212,253,.35); background: rgba(6,20,39,.88); box-shadow: 18px 18px 0 rgba(224,68,74,.1); }
.museum-scoreboard header { min-height: 48px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; color: var(--steel); border-bottom: 1px solid var(--rule); font-size: 8px; letter-spacing: .13em; }
.museum-scoreboard header span { color: var(--cyan); font-weight: 900; }
.museum-scoreboard header i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); }
.museum-ball { width: min(290px, 76%); aspect-ratio: 1.7; margin: 52px auto; display: grid; place-content: center; text-align: center; border: 4px solid var(--red); border-radius: 50%; transform: rotate(-5deg); box-shadow: inset 0 0 0 2px var(--white), 0 0 38px rgba(33,212,253,.08); background: linear-gradient(120deg, #0b2343, #061427); }
.museum-ball::before { content: ""; width: 90px; height: 9px; margin: 0 auto 14px; border-block: 2px solid var(--white); background: repeating-linear-gradient(90deg, transparent 0 9px, var(--white) 9px 14px); }
.museum-ball span { color: var(--white); font: 900 35px/.9 var(--display); letter-spacing: -.04em; }
.museum-ball span span { color: var(--cyan); }
.museum-ball b { margin-top: 7px; color: var(--steel); font: 900 8px var(--display); letter-spacing: .45em; }
.museum-scoreboard dl { margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--rule); }
.museum-scoreboard dl div { padding: 18px; border-right: 1px solid var(--rule); }
.museum-scoreboard dl div:last-child { border-right: 0; }
.museum-scoreboard dt { color: var(--white); font: 900 28px var(--display); }
.museum-scoreboard dd { margin: 3px 0 0; color: var(--steel); font-size: 8px; text-transform: uppercase; }
.museum-derived { display: grid; grid-template-columns: repeat(3, 1fr); border-block: 1px solid var(--rule); background: #030e1b; }
.museum-derived article { min-height: 180px; padding: 30px 4vw; border-right: 1px solid var(--rule); }
.museum-derived article:last-child { border-right: 0; }
.museum-derived small { color: var(--cyan); font: 900 8px var(--display); letter-spacing: .13em; }
.museum-derived strong { display: block; margin: 22px 0 7px; color: var(--white); font: 900 42px/1 var(--display); }
.museum-derived p { margin: 0; color: var(--steel); font-size: 11px; line-height: 1.55; overflow-wrap: anywhere; }
.museum-ranking { padding: 100px 5vw; background: var(--white); color: var(--navy); }
.museum-heading { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 7vw; align-items: end; }
.museum-heading h2 { margin: 0; font: 900 clamp(51px, 6vw, 87px)/.84 var(--display); letter-spacing: -.03em; text-transform: uppercase; overflow-wrap: anywhere; }
.museum-heading > p { margin: 0; padding-left: 18px; border-left: 3px solid var(--red); color: #596b80; font-size: 12px; line-height: 1.65; }
.title-ranking { margin-top: 48px; border-top: 1px solid #d7dee7; }
.ranking-row { min-height: 74px; padding: 13px 16px; display: grid; grid-template-columns: 44px minmax(170px, 1fr) 120px minmax(130px, .6fr) 48px; gap: 15px; align-items: center; border-bottom: 1px solid #d7dee7; }
.ranking-row > b { color: var(--red); font: 900 10px var(--display); }
.ranking-row > strong { font: 900 19px var(--display); text-transform: uppercase; overflow-wrap: anywhere; }
.ranking-row > span { color: #68798d; font-size: 10px; text-transform: uppercase; }
.ranking-row > em { color: var(--navy); font: 900 35px var(--display); font-style: normal; text-align: right; }
.ranking-trophies { display: flex; flex-wrap: wrap; gap: 5px; color: var(--red); }
.ranking-trophies i { font-size: 14px; font-style: normal; }
.no-title-panel { margin-top: 70px; padding: 42px; display: grid; grid-template-columns: .55fr 1.2fr; gap: 6vw; background: var(--navy); color: var(--white); }
.no-title-panel h3 { margin: 10px 0 0; font: 900 42px/.92 var(--display); text-transform: uppercase; }
.no-title-list { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid var(--rule); }
.no-title-list a { padding: 14px 16px; display: flex; justify-content: space-between; gap: 12px; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); color: var(--white); text-decoration: none; }
.no-title-list a:nth-child(2n) { border-right: 0; }
.no-title-list strong { font-size: 10px; text-transform: uppercase; }
.no-title-list span { color: var(--steel); font-size: 9px; text-align: right; }
.museum-archive { padding: 100px 5vw; background: #07172b; }
.museum-heading--dark h2 { color: var(--white); }
.museum-heading--dark > p { color: var(--steel); }
.museum-toolbar { margin: 48px 0 22px; padding: 18px; display: grid; grid-template-columns: minmax(240px, 1fr) 160px 220px auto auto; gap: 12px; align-items: end; background: #0d2748; border: 1px solid var(--rule); }
.museum-toolbar label { color: var(--steel); font: 900 8px var(--display); text-transform: uppercase; letter-spacing: .1em; }
.museum-toolbar input, .museum-toolbar select, .museum-toolbar button { width: 100%; height: 44px; margin-top: 7px; padding: 0 12px; border: 1px solid #315070; background: #061427; color: var(--white); }
.museum-toolbar button { margin-top: 0; color: var(--cyan); font: 900 8px var(--display); text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.museum-toolbar output { padding: 14px 0; color: var(--red); font: 900 9px var(--display); white-space: nowrap; }
.museum-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.museum-game-card { min-height: 350px; padding: 26px; border: 1px solid var(--rule); background: #061427; overflow-wrap: anywhere; }
.museum-game-card header { display: flex; justify-content: space-between; gap: 16px; color: var(--cyan); font: 900 9px var(--display); letter-spacing: .1em; }
.museum-game-card header time { color: var(--steel); font-weight: 400; letter-spacing: .04em; }
.museum-matchup { margin: 32px 0 24px; display: grid; grid-template-columns: minmax(0, 1fr) 45px minmax(0, 1fr); gap: 12px; align-items: center; }
.museum-team { min-height: 118px; display: grid; grid-template-columns: 1fr auto; gap: 7px 12px; align-content: center; }
.museum-team small { grid-column: 1 / -1; color: var(--steel); font: 900 7px var(--display); letter-spacing: .13em; }
.museum-team strong { font: 900 20px/.98 var(--display); text-transform: uppercase; }
.museum-team b { color: var(--steel); font: 900 38px/1 var(--display); }
.museum-team--champion strong, .museum-team--champion b { color: var(--white); }
.museum-team--champion small { color: var(--red); }
.museum-final-state { color: var(--cyan); font: 900 8px var(--display); text-align: center; }
.museum-game-card dl { margin: 0; border-top: 1px solid var(--rule); }
.museum-game-card dl div { padding: 11px 0; display: grid; grid-template-columns: 86px 1fr; gap: 12px; border-bottom: 1px solid var(--rule); }
.museum-game-card dt { color: var(--red); font: 900 7px var(--display); letter-spacing: .1em; }
.museum-game-card dd { margin: 0; color: #b5c2d1; font-size: 10px; line-height: 1.45; }
.museum-state { padding: 30px; border: 1px solid var(--rule); color: var(--steel); }
.museum-state button { margin-left: 9px; padding: 8px 11px; border: 0; background: var(--red); color: var(--white); }
.museum-state--error { color: #ff8d92; }
.museum-method { padding: 96px 5vw; display: grid; grid-template-columns: .65fr 1.35fr; gap: 7vw; background: var(--red); }
.museum-method h2 { margin: 0; font: 900 clamp(48px, 5.5vw, 82px)/.86 var(--display); text-transform: uppercase; }
.museum-method h2 em { color: var(--navy); font-style: normal; }
.museum-method .eyebrow { color: var(--navy); }
.museum-method ol { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.4); }
.museum-method li { padding: 20px 0; display: grid; grid-template-columns: 42px 170px 1fr; gap: 15px; border-bottom: 1px solid rgba(255,255,255,.4); }
.museum-method li b { color: var(--navy); font: 900 10px var(--display); }
.museum-method li strong { font: 900 16px var(--display); text-transform: uppercase; }
.museum-method li p { margin: 0; font-size: 11px; line-height: 1.55; }
.museum-sources { padding: 96px 5vw; display: grid; grid-template-columns: .7fr 1.3fr; gap: 7vw; background: #020b15; }
.museum-sources h2 { margin: 0; font: 900 clamp(48px, 5vw, 76px)/.87 var(--display); text-transform: uppercase; }
.museum-sources > div > p { color: var(--steel); font-size: 12px; line-height: 1.65; }
#museum-source-links { margin-top: 25px; }
#museum-source-links a { padding: 14px 0; display: grid; grid-template-columns: 155px 1fr; gap: 18px; border-bottom: 1px solid var(--rule); color: var(--white); text-decoration: none; }
#museum-source-links strong { color: var(--cyan); font-size: 10px; }
#museum-source-links span { color: var(--steel); font-size: 10px; line-height: 1.5; }
.museum-loading { padding: 25px; color: var(--steel); }

@media (max-width: 1180px) {
  .museum-page .menu-toggle { display: block; margin-left: auto; }
  .museum-page nav { position: relative; }
  .museum-page .site-header nav ul { display: none; position: absolute; z-index: 6; top: 35px; right: 0; width: 235px; padding: 15px; flex-direction: column; gap: 0; background: var(--blue); border: 1px solid var(--rule); }
  .museum-page .site-header nav ul.open { display: flex; }
  .museum-page .site-header nav a { display: block; padding: 12px; }
  .museum-hero { grid-template-columns: 1fr; }
  .museum-scoreboard { max-width: 640px; }
  .museum-toolbar { grid-template-columns: minmax(240px, 1fr) 160px 220px; }
  .museum-toolbar output { text-align: right; }
}
@media (max-width: 820px) {
  .museum-derived { grid-template-columns: 1fr; }
  .museum-derived article { border-right: 0; border-bottom: 1px solid var(--rule); }
  .museum-heading, .no-title-panel, .museum-method, .museum-sources { grid-template-columns: 1fr; }
  .ranking-row { grid-template-columns: 35px minmax(0, 1fr) 55px; }
  .ranking-row > span { grid-column: 2; }
  .ranking-trophies { grid-column: 2; }
  .ranking-row > em { grid-column: 3; grid-row: 1 / span 3; }
  .museum-grid { grid-template-columns: 1fr; }
  .museum-method li { grid-template-columns: 35px 145px 1fr; }
}
@media (max-width: 600px) {
  .museum-page .site-header { grid-template-columns: 170px 1fr; }
  .museum-breadcrumbs, .museum-hero, .museum-ranking, .museum-archive, .museum-method, .museum-sources { padding-left: 18px; padding-right: 18px; }
  .museum-hero { min-height: 0; padding-top: 70px; padding-bottom: 70px; }
  .museum-hero h1 { font-size: clamp(52px, 18vw, 67px); }
  .museum-scoreboard dl { grid-template-columns: 1fr; }
  .museum-scoreboard dl div { border-right: 0; border-bottom: 1px solid var(--rule); }
  .museum-scoreboard dl div:last-child { border-bottom: 0; }
  .no-title-panel { padding: 28px 20px; }
  .no-title-list { grid-template-columns: 1fr; }
  .no-title-list a { border-right: 0; }
  .museum-toolbar { grid-template-columns: 1fr; }
  .museum-search { grid-column: auto; }
  .museum-toolbar output { text-align: left; }
  .museum-matchup { grid-template-columns: 1fr; }
  .museum-final-state { text-align: left; }
  .museum-team { min-height: 90px; }
  .museum-game-card header { flex-direction: column; }
  .museum-method li { grid-template-columns: 32px 1fr; }
  .museum-method li p { grid-column: 2; }
  #museum-source-links a { grid-template-columns: 1fr; }
}