.pixel-race{--page-background: transparent;--card-gap-x: 35.93px;--card-gap-y: 35.93px}.pixel-race *,.pixel-race *::before,.pixel-race *::after{box-sizing:border-box}.pixel-race [hidden]{display:none!important}.pixel-race{width:100%;display:grid;grid-template-rows:auto auto;align-content:start;justify-items:center;gap:26.95px;padding:0;color:#fff;background:var(--page-background);container-type:inline-size}.race-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);column-gap:var(--card-gap-x);row-gap:var(--card-gap-y)}@container (max-width: 1392.28px){.race-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,auto)}}.player-card{--player-offset-x: 0px;--player-offset-y: 0px;--player-scale: 1;position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;width:97%;justify-self:center;border:1px solid var(--line, rgba(203,190,255,.13));border-radius:26.95px;background:var(--panel, #1d1730);padding-bottom:0;transform:translate(var(--player-offset-x),var(--player-offset-y)) scale(var(--player-scale));transform-origin:center}.pb-head{display:flex;flex-direction:column;gap:4.49px;padding:13.47px 17.96px;min-width:0;overflow:hidden;border-bottom:1px solid var(--line, rgba(203,190,255,.13));background:linear-gradient(90deg,rgba(124,58,237,.18),rgba(124,58,237,.04))}.pb-top{display:flex;align-items:center;gap:13.47px;min-width:0}.pb-sub{display:flex;align-items:baseline;justify-content:space-between;gap:13.47px;min-width:0}.pb-logo{flex:0 0 auto;display:flex;align-items:center;line-height:0}.pb-logo img,.pb-logo .badge{width:60.63px!important;height:60.63px!important;border-radius:13.47px;font-size:25.4px!important}.scene{position:relative;z-index:0;width:100%;margin:0;aspect-ratio:40 / 33;container-type:inline-size;overflow:hidden;border-radius:0 0 24.7px 24.7px;background:#4aa9e6}.scene-canvas{display:block;width:100%;height:100%;border-radius:inherit;image-rendering:pixelated;image-rendering:crisp-edges}.pb-name{flex:1 1 auto;min-width:0;font-size:35.93px;font-weight:var(--fw-title);line-height:1.25;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-hr{flex:0 0 auto;font-size:29.19px;font-weight:var(--fw-section);line-height:1.3;color:#ffd23f;font-variant-numeric:tabular-nums}.pb-out{flex:0 0 auto;font-size:29.19px;font-weight:var(--fw-section);line-height:1.3;color:var(--dim, #9aa0b5);font-variant-numeric:tabular-nums}.player-card[data-eliminated=true] .pb-out{color:#ff8a9a}.player-card[data-eliminated=true] .pb-name{color:#ffffff}.result-banner{position:absolute;z-index:9;left:50%;top:61%;min-width:40%;padding:clamp(11.23px,2cqi,22.46px) clamp(22.46px,4cqi,44.91px);border:4.49px solid #ffffff;background:rgba(7,13,22,0.9);text-align:center;transform:translate(-50%,-50%);animation:result-pop 320ms steps(5,end) both}.result-banner strong{display:block;color:#ffffff;font-size:clamp(26.95px,5.4cqi,60.63px);font-weight:var(--fw-title);line-height:1}.result-banner small{display:block;margin-top:clamp(6.74px,1.2cqi,13.47px);color:#ffe1de;font-size:clamp(15.72px,2.4cqi,26.95px);font-weight:var(--fw-section);line-height:1;white-space:nowrap}.player-card[data-outcome=HOME_RUN] .result-banner{border-color:#fff0a8;background:rgba(215,126,10,0.94)}.player-card[data-outcome=SWING_MISS] .result-banner,.player-card[data-outcome=FLY_OUT] .result-banner{border-color:#ffc0bd;background:rgba(176,32,42,0.94)}.eliminated-panel{position:absolute;z-index:10;inset:0;display:grid;place-content:center;gap:clamp(11.23px,2cqi,22.46px);color:#ffffff;background:rgba(3,7,13,0.78);text-align:center}.eliminated-panel strong{font-size:clamp(49.4px,10cqi,112.28px);font-weight:var(--fw-section);line-height:0.9}.eliminated-panel small{color:#ffaaa5;font-size:clamp(15.72px,2.2cqi,24.7px);font-weight:var(--fw-section)}.eliminated-panel span{color:#ffe1aa;font-size:clamp(20.21px,3cqi,31.44px);font-weight:var(--fw-section)}.player-card.is-eliminated .scene-canvas{filter:grayscale(0.8) brightness(0.5)}.control-dock{display:block;margin:0;padding:0;background:transparent}.pitch-button{min-width:314.39px;padding:22.46px 49.4px;border:1px solid #767676;border-radius:8.98px;color:#111111;background:#f2f2f2;cursor:pointer}.pitch-button:disabled{cursor:default}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes result-pop{from{opacity:0;transform:translate(-50%,-43%) scale(0.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-height:620px){.pixel-race{--card-gap-x: 29.19px;--card-gap-y: 29.19px}.pixel-race{gap:22.46px;padding:17.96px}.race-grid{width:100%}.pitch-button{padding:15.72px 40.42px}}@media(max-width:720px){.pixel-race{--card-gap-x: 22.46px;--card-gap-y: 22.46px}.pixel-race{padding-inline:11.23px}.race-grid{width:100%}}@media(prefers-reduced-motion:reduce){.result-banner{animation-duration:1ms!important;animation-iteration-count:1!important}}.race-grid{position:relative}.pb-crown{position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22.46px;text-align:center;border-radius:26.95px;background:rgba(8,6,16,.82);animation:pb-crown-in .45s ease both}.pb-crown .lb{font-size:26.95px;font-weight:var(--fw-section);letter-spacing:4.49px;color:#b6a7f5}.pb-crown .ttl{font-size:44.91px;font-weight:var(--fw-title);letter-spacing:.5px;color:#ffd23f;line-height:1.35}.pb-crown .who{display:inline-flex;align-items:center;justify-content:center;gap:31.44px;margin-top:13.47px;padding:26.95px 58.39px;border:4.49px solid #ffd23f;border-radius:31.44px;background:rgba(255,210,63,.10);box-shadow:0 0 0 8.98px rgba(255,210,63,.10),0 17.96px 58.39px rgba(0,0,0,.45)}.pb-crown .who .nm{font-size:67.37px;font-weight:var(--fw-title);color:#fff;letter-spacing:.5px}.pb-crown .who img{flex:0 0 auto}.pb-crown .hr{font-size:33.68px;font-weight:var(--fw-section);color:#ffd23f;font-variant-numeric:tabular-nums}@keyframes pb-crown-in{from{opacity:0}to{opacity:1}}@keyframes pb-crown-pop{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.pb-crown .who{animation:pb-crown-pop .45s cubic-bezier(.2,.9,.3,1.3) both .1s}@media(max-width:720px){.pb-crown .ttl{font-size:33.68px}.pb-crown .who .nm{font-size:44.91px}}
