.resultCounter{font-variant-numeric:tabular-nums;white-space:nowrap}
#matchCard.modal{inset:0;width:100%;height:100%;transform:none;display:grid;place-items:center;padding:12px}
#matchCard.modal .matchInner{width:min(620px,100%);max-height:calc(100dvh - 24px);overflow:auto}
.resultSrOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#resultSkip{background:#173b43;color:#ceeee2;border:1px solid #4a7c76}
@media(max-height:650px){#matchCard.modal #matchTitle{font-size:24px;margin:8px 0}#matchCard.modal #matchDetail{font-size:16px;margin:4px 0}#matchCard.modal #resultTabs{margin:6px 0}#matchCard.modal .reviewStamp{margin:4px 0;padding:3px 0;font-size:12px}#matchCard[data-result-page=rewards] .rewardItem{display:grid;grid-template-columns:60px 1fr;text-align:left;gap:4px}#matchCard[data-result-page=rewards] .rewardItem canvas{grid-row:1/3;width:60px!important}#matchCard[data-result-page=rewards] .rewardItem small{margin:0}}
#resultSkip[hidden]{display:none!important}
#matchCard.modal .resultActions #resultSkip{flex-basis:100%;min-height:44px}
.resultsRevealing #matchArt{animation:resultArt .65s ease-out both}
.resultsRevealing .podiumPlace{animation:resultRise .55s ease-out both}
.resultsRevealing .place3{animation-delay:.08s}
.resultsRevealing .place2{animation-delay:.2s}
.resultsRevealing .place1{animation-delay:.34s}
.resultsRevealing #myResult{animation:resultRise .5s .45s ease-out both}
.resultsRevealing #mvpResult{animation:resultRise .5s .6s ease-out both}
.rewardRevealing{animation:resultRise .45s ease-out both}
.rewardRevealing .rewardItems>span{animation:rewardPop .65s .15s ease-out both}
.rewardRevealing .rewardItems>span:nth-child(2){animation-delay:.3s}
.rewardRevealing .rewardItems>span:nth-child(n+3){animation-delay:.45s}
.scoresRevealing .scoreRow{animation:resultRise .4s ease-out both}
@keyframes resultRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes resultArt{from{opacity:0;transform:translateX(-14px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes rewardPop{0%{opacity:0;transform:translateY(7px) scale(.9)}65%{opacity:1;transform:translateY(0) scale(1.04)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.resultsRevealing *,.rewardRevealing,.rewardRevealing *,.scoresRevealing *{animation:none!important}}
#resultTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}#resultTabs button{min-height:46px;font:22px VT323,monospace;background:#16313c;color:#c4e4da;border:1px solid #426b75;padding:8px}#resultTabs button[aria-pressed=true]{background:#74dfb6;color:#102c2a}
#resultTabs[hidden],#resultPage-podium[hidden],#resultPage-rewards[hidden],#resultNext[hidden]{display:none!important}
#matchCard.modal #matchArt{height:76px;width:170px}#matchCard.modal .matchInner{padding:14px;box-sizing:border-box}#matchCard.modal #matchDetail{font:18px/1.2 VT323,monospace;margin:6px 0}
#matchCard.modal .resultActions{position:sticky;bottom:-14px;background:#071820;display:grid;grid-template-columns:1fr 1fr;padding:8px 0;gap:6px}#resultNext{grid-column:1/-1;background:#ffe09a!important;color:#183028!important}#matchCard.modal .resultActions button{min-height:46px;margin:0;font:18px VT323,monospace}#resultSkip{grid-column:1/-1}
#matchCard[data-result-page=rewards] #matchArt{display:none}#matchCard #podiumHeading{font:20px VT323,monospace;margin:8px 0}#matchCard #mvpResult{font-size:16px}#matchCard .podiumPlace{min-width:0}#matchCard .podiumPlace strong{overflow-wrap:anywhere}#matchCard .podiumPlace img{max-height:70px;object-fit:contain}#matchCard .podiumPlace small{font:16px VT323,monospace}
@media(max-height:650px){#matchCard[data-result-page=rewards] .progressionAward{padding:8px;margin:8px 0}#matchCard[data-result-page=rewards] .progressionAward h3{font-size:19px;margin:5px 0}#matchCard[data-result-page=rewards] .progressionAward>strong{font-size:32px}#matchCard[data-result-page=rewards] .progressionAward>p{margin:5px 0;font-size:17px}#matchCard[data-result-page=rewards] .rewardItem{padding:5px}#matchCard[data-result-page=rewards] .rewardItem canvas{width:80px}#matchCard[data-result-page=rewards] .rewardItem strong{font-size:20px}#matchCard[data-result-page=rewards] .rewardItems{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}#matchCard[data-result-page=rewards] .rewardItem{flex:0 0 calc(100% - 12px);box-sizing:border-box;scroll-snap-align:start}}