:root{--overlay-scale: 1;--bronze-top: #ffe2a3;--bronze-mid: #d28a35;--bronze-bottom: #7a3e17;--outline: #120905;background:transparent}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}body{font-family:Impact,Haettenschweiler,Arial Black,system-ui,sans-serif}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:transparent}.readout{position:absolute;top:calc(8px * var(--overlay-scale));min-width:calc(120px * var(--overlay-scale));font-size:calc(58px * var(--overlay-scale));line-height:.9;font-weight:900;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap}.readout--rank{left:calc(8px * var(--overlay-scale));text-align:left}.readout--diff{right:calc(12px * var(--overlay-scale));text-align:right}.gradient-text{display:inline-block;position:relative;color:var(--bronze-mid);background:linear-gradient(180deg,var(--bronze-top) 0%,var(--bronze-mid) 48%,var(--bronze-bottom) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;paint-order:stroke fill;-webkit-text-stroke:calc(2px * var(--overlay-scale)) var(--outline)}.gradient-text.is-sliding{overflow:hidden;vertical-align:top}.slide-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:var(--bronze-mid);background:linear-gradient(180deg,var(--bronze-top) 0%,var(--bronze-mid) 48%,var(--bronze-bottom) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;paint-order:stroke fill;-webkit-text-stroke:calc(2px * var(--overlay-scale)) var(--outline);will-change:transform,opacity}.slide-layer--old{animation:slide-old-down .76s cubic-bezier(.22,.61,.36,1) both}.slide-layer--new{animation:slide-new-from-top .76s cubic-bezier(.22,.61,.36,1) both}@keyframes slide-old-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(115%)}}@keyframes slide-new-from-top{0%{opacity:0;transform:translateY(-115%)}to{opacity:1;transform:translateY(0)}}