.score-performance{position:fixed;inset:0;z-index:1238;pointer-events:none;overflow:hidden;contain:layout paint}
.score-flight{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:2px 3px 0 var(--violet)}
.score-receipt{position:absolute;color:var(--paper);background:var(--violet);padding:3px 8px;border-radius:3px;font:700 clamp(16px,2vw,24px) Georgia,serif;white-space:nowrap;font-variant-numeric:tabular-nums}
.score-receipt[data-tier="3"]{color:var(--night);background:var(--gold);box-shadow:3px 4px 0 var(--violet);font-size:clamp(22px,3vw,32px)}
.score-receipt[data-tier="0"]{background:var(--red,#d34235)}
.staple-contact{position:absolute;width:52px;height:36px;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);pointer-events:none;z-index:9}
.staple-contact i{position:absolute;left:50%;top:50%;width:3px;height:10px;background:var(--paper);transform-origin:50% 22px;rotate:calc(var(--i)*60deg)}
.pan-glass-glint{position:absolute;inset:0;pointer-events:none;clip-path:polygon(35% 15%,63% 15%,60% 68%,40% 68%)}
.pan-glass-glint:after{content:'';position:absolute;inset:0 38%;background:#fff8e8;opacity:.7;transform:skewX(-18deg);animation:glass-contact 700ms ease-out both}
@keyframes glass-contact{0%{translate:-100px 0;opacity:0}30%{opacity:.7}100%{translate:100px 0;opacity:0}}
html[data-motion=reduced] .score-performance,html[data-motion=reduced] .pan-glass-glint{display:none}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full]) .score-performance,html:not([data-motion=full]) .pan-glass-glint{display:none}}
