.hall-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:30px}.hall-intro>p{max-width:640px;margin:0;font-size:15px}.hall-total{display:flex;align-items:center;gap:15px;flex-shrink:0;border-left:1px solid #496175;padding-left:28px}.hall-total strong{font-family:var(--display);font-size:44px;font-weight:400;color:#b6dce8}.hall-total span{font-size:9px;line-height:1.9;letter-spacing:1.2px;color:#a0b1c0}.champions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.champion-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:348px;padding:30px 18px 0;border:1px solid #2e3e51;background:radial-gradient(ellipse at 50% 25%,#18304488,transparent 65%),linear-gradient(145deg,#111d2b,#0b131f);transition:border-color .25s,background .25s;overflow:hidden;color:#e8edf2}.champion-card.champion-leader{border-color:#7c7450;background:radial-gradient(ellipse at 50% 25%,#67572c33,transparent 65%),linear-gradient(145deg,#1b212b,#0b131f)}.champion-order{position:absolute;top:18px;left:18px;font-size:10px;letter-spacing:2px;color:#637e94}.champion-leader .champion-order{color:#c3ae72}.champion-logo{height:133px;width:210px;max-width:100%;display:grid;place-items:center;margin-bottom:14px}.champion-logo img{width:100%;height:133px;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 6px 12px #0008);transition:transform .3s}.champion-name{font-family:var(--display);font-size:27px;font-weight:400;line-height:1.3}.champion-tally{font-size:10px;letter-spacing:1.5px;color:#a9c5d6;display:flex;align-items:center;gap:9px;margin:9px 0}.champion-tally b{font-family:var(--display);font-size:29px;font-weight:400;color:#d5edf5}.champion-leader .champion-tally b{color:#d8c38d}.champion-years{font-size:10px;color:#8fa3b6;letter-spacing:1.7px}.champion-recreation{font-size:8px;letter-spacing:1.1px;color:#8399a8;min-height:12px;margin:9px 0 17px}.champion-link{margin-top:auto;align-self:stretch;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;border-top:1px solid #2a3b4a;padding:17px 3px;color:#a3d3e2}.champion-link>span{font-size:16px}.champion-card:hover,.champion-card:focus-visible{border-color:#a3d3e2;background-color:#1d3040}.champion-card:hover .champion-logo img{transform:translateY(-4px)}.champion-card:focus-visible,.champion-close:focus-visible{outline:2px solid #b1e7fa;outline-offset:4px}.hall-source{font-size:11px;line-height:1.8;color:#8a9ead;margin-top:22px;max-width:860px}
dialog.champion-dialog{width:calc(100% - 32px);max-width:760px;max-height:85dvh;border:1px solid #5c7486;padding:0;color:#e8edf2;background:linear-gradient(140deg,#172638,#0b131f);overflow:auto}dialog.champion-dialog::backdrop{background:#02050bdb;backdrop-filter:blur(5px)}.champion-close{position:absolute;top:18px;right:18px;background:#0b1724;border:1px solid #506576;width:40px;height:40px;border-radius:50%;z-index:1}.champion-dialog-heading{display:flex;align-items:center;gap:25px;padding:30px 70px 25px 30px;border-bottom:1px solid #31485b}.champion-dialog-heading>img{width:130px;height:130px;object-fit:contain;mix-blend-mode:screen;flex-shrink:0}.champion-dialog-heading h2{font-size:34px;margin:12px 0 6px}.champion-dialog-heading p{margin:0;color:#b1cedc}.champion-timeline{padding:10px 30px}.champion-year{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #2b3f50}.champion-year h3{font-size:26px;color:#a6d5e7;margin:0}.champion-year ul{list-style:none;padding:0;margin:0}.champion-year li{display:flex;align-items:center;gap:12px;padding:7px 0;line-height:1.5;font-size:14px}.champion-trophy{color:#d8c38d}.champion-year small{margin-left:auto;color:#b7a879;font-size:8px;letter-spacing:1px}.champion-dialog-note{margin:0;padding:18px 30px 27px;font-size:11px;line-height:1.8;color:#92a8b9}
@media(max-width:800px){.hall-intro{align-items:flex-start;flex-direction:column;gap:18px}.hall-intro>p{font-size:13px}.hall-total{padding-left:15px;gap:12px}.hall-total strong{font-size:32px}.hall-total span{font-size:8px}.champions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.champion-card{min-height:290px;padding:25px 12px 0}.champion-logo{height:100px;width:140px;margin-bottom:10px}.champion-logo img{height:100px}.champion-order{left:12px;top:12px;font-size:8px}.champion-name{font-size:20px}.champion-tally{font-size:8px;letter-spacing:1px;gap:6px}.champion-tally b{font-size:24px}.champion-years{font-size:8px}.champion-recreation{font-size:7px;letter-spacing:.4px;margin:8px 0 12px}.champion-link{font-size:8px;letter-spacing:.5px;padding:13px 0}.hall-source{font-size:10px}.champion-dialog-heading{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 24px}.champion-dialog-heading>img{width:110px;height:95px}.champion-dialog-heading h2{font-size:28px;padding-right:0}.champion-dialog-heading .eyebrow{font-size:8px}.champion-dialog-heading p{font-size:13px}.champion-timeline{padding:8px 24px}.champion-year{grid-template-columns:48px 1fr;gap:12px;padding:16px 0}.champion-year h3{font-size:22px}.champion-year li{font-size:12px;flex-wrap:wrap;gap:5px 8px}.champion-year li>span:nth-child(2){flex:1}.champion-year small{flex-basis:100%;padding-left:18px}.champion-dialog-note{padding:16px 24px 22px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.champion-card,.champion-logo img{transition:none}.champion-card:hover .champion-logo img{transform:none}}