:root{--bg:#ffffff;--bg-card:#ffffff;--bg-subtle:#f6f7f9;--ink:#15171c;--ink-soft:#4a4f59;--ink-mute:#8b919c;--rule:#ececef;--rule-strong:#d9dce1;--gold:#d9a521;--display:"Anton","Oswald",system-ui,sans-serif}*{box-sizing:border-box}.hex-bg{position:absolute;top:0;left:0;width:100%;z-index:-1;overflow:hidden;pointer-events:none}.hex-bg svg{display:block;width:100%;height:100%}body,html{margin:0;padding:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;font-size:inherit;background:none;border:none;padding:0;cursor:pointer}::selection{background:var(--ink);color:var(--bg)}.matchup{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.jersey-card{position:relative;flex:1 1;min-width:0;max-width:min(520px,calc((100dvh - 160px) * .866));aspect-ratio:866/1000;cursor:pointer;transition:opacity .25s}.jersey-card:disabled{cursor:default}.hex-inner,.hex-shell{-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.hex-shell{position:absolute;inset:0;display:block;background:rgba(21,23,28,.08);transition:background-color .15s}.hex-inner{position:absolute;inset:1.2px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-card);padding:3% 10%;transition:inset .15s}.jersey-card.is-flash .hex-inner{inset:2.2px}@media (hover:hover){.jersey-card:hover:not(:disabled) .hex-inner{inset:2.2px}}.hex-inner:after{content:"";position:absolute;top:-20%;bottom:-20%;left:-65%;width:55%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.15) 35%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.15) 65%,transparent);transform:translateX(0) skewX(-12deg);opacity:0}.jersey-card.is-gleam .hex-inner:after{animation:card-gleam .5s ease-out}@keyframes card-gleam{0%{opacity:0;transform:translateX(0) skewX(-12deg)}12%{opacity:1}to{opacity:0;transform:translateX(380%) skewX(-12deg)}}.versus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;width:50px;height:24px;display:flex;align-items:center;justify-content:center;-webkit-clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);background:var(--ink);font-family:Inter,system-ui,sans-serif;font-style:italic;font-weight:700;font-size:clamp(11px,1.3vw,13px);line-height:1;letter-spacing:.3px;color:#fff}@media (max-width:760px){.matchup{flex-direction:column}.jersey-card{flex:none;width:min(100%,420px);aspect-ratio:1000/866}.hex-inner,.hex-shell{-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.hex-inner{padding:6% 15%}}.rank-head,.rank-row{display:grid;grid-template-columns:44px minmax(0,1fr) 70px;align-items:center;grid-gap:12px;gap:12px}button.rank-row{cursor:pointer;transition:background-color .15s}button.rank-row:hover{background:var(--bg-subtle)}@media (max-width:600px){.rank-head,.rank-row{grid-template-columns:30px minmax(0,1fr) 52px;gap:8px;padding-left:10px!important;padding-right:10px!important}}