*{box-sizing:border-box}html,body{margin:0;background:transparent!important;overflow:hidden}
body{font-family:Arial,sans-serif;color:#d2d2d2}
#overlay{position:relative;min-height:var(--list-height,610px);width:var(--list-width,500px);background:var(--list-background,transparent)}
.row{position:absolute;left:14px;top:0;height:var(--row-height,62px);width:calc(100% - 28px);display:flex;align-items:center;gap:14px;transition:transform .35s ease,opacity .25s ease;will-change:transform;font-family:var(--font-family,Arial,sans-serif);animation:arrive .25s ease}
.rank{position:relative;width:max(22px,var(--rank-size,22px));text-align:center;font-size:var(--rank-size,22px);flex-shrink:0}
.avatar{position:relative;width:var(--avatar-size,48px);height:var(--avatar-size,48px);flex-shrink:0}
.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.row[data-rank="1"] .avatar img{border:3px solid #ffbf00}.row[data-rank="2"] .avatar img{border:3px solid #c4c4c4}.row[data-rank="3"] .avatar img{border:3px solid #d98b24}
.crown{display:none;position:absolute;width:44px;height:30px;bottom:calc(100% - 8px * var(--avatar-scale,1));left:50%;font-size:0;z-index:1;transform:translateX(-50%) scale(var(--avatar-scale,1));transform-origin:center bottom}
.crown:before{content:"";display:block;width:42px;height:27px;background:#090909;clip-path:polygon(0 0,28% 31%,50% 0,72% 31%,100% 0,90% 100%,10% 100%)}
.crown:after{content:"";position:absolute;left:3px;top:4px;width:36px;height:21px;background:#ffdf00;clip-path:polygon(0 0,28% 31%,50% 0,72% 31%,100% 0,90% 100%,10% 100%)}
.row[data-rank="1"] .crown{display:block}#overlay.no-crown .crown{display:none}
.info{min-width:0;flex:1}.name{font-size:var(--name-size,15px);letter-spacing:.3px;line-height:1.6;color:var(--name-color,#2ca4df);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.score{font-size:var(--score-size,15px);line-height:1.466667;color:var(--score-color,#d2d2d2);white-space:nowrap}
.symbol{display:inline-block;min-width:max(20px,calc(var(--icon-size,15px) * 1.3));font-size:var(--icon-size,15px);color:var(--icon-color,#ff2034);line-height:1.2}
.givers{--font-family:'Luckiest Guy',Arial,sans-serif;--score-color:#ffe000;--icon-color:#ffe000;--row-height:64px}.givers .name{text-transform:uppercase;letter-spacing:0}
.timer{width:auto!important;min-height:0!important;padding:7px;text-align:center;display:inline-block;background:transparent!important}
.clock{font-family:var(--font-family,Arial,sans-serif);font-size:var(--timer-font-size,42px);letter-spacing:5px;font-variant-numeric:tabular-nums;display:inline-block;border-radius:9px;background:var(--timer-background,#262626);color:var(--timer-color,#eee);padding:2px 13px}
.expiry{font-size:calc(var(--timer-font-size,42px) * 2 / 3);letter-spacing:0}
.hidden,[hidden]{display:none!important}
#connection{position:fixed;bottom:0;margin:0;color:#e6ac55;background:#202020d9;font:12px Arial,sans-serif;padding:4px;display:none}#connection.visible{display:block}
@font-face{font-family:'Luckiest Guy';src:url('/luckiest-guy.ttf') format('truetype');font-display:swap}
#overlay:not(.plain-ranks) .row[data-rank="1"] .rank,#overlay:not(.plain-ranks) .row[data-rank="2"] .rank,#overlay:not(.plain-ranks) .row[data-rank="3"] .rank{height:calc(30px * var(--rank-scale,1));font:700 calc(12px * var(--rank-scale,1))/calc(22px * var(--rank-scale,1)) Arial,sans-serif;color:white;z-index:0;--medal:#ffbb00;--rim:#ffe78b}
.row[data-rank="2"] .rank{--medal:#a1a1a1!important;--rim:#ddd!important}.row[data-rank="3"] .rank{--medal:#ff931b!important;--rim:#ffd386!important}
#overlay:not(.plain-ranks) .row:is([data-rank="1"],[data-rank="2"],[data-rank="3"]) .rank:before{content:"";position:absolute;left:calc(2px * var(--rank-scale,1));top:calc(1px * var(--rank-scale,1));width:calc(18px * var(--rank-scale,1));height:calc(18px * var(--rank-scale,1));background:var(--medal);border:2px solid var(--rim);border-radius:50%;z-index:-1}
#overlay:not(.plain-ranks) .row:is([data-rank="1"],[data-rank="2"],[data-rank="3"]) .rank:after{content:"";position:absolute;left:calc(1px * var(--rank-scale,1));top:calc(13px * var(--rank-scale,1));width:calc(20px * var(--rank-scale,1));height:calc(15px * var(--rank-scale,1));background:var(--medal);clip-path:polygon(20% 0,80% 0,100% 90%,65% 72%,50% 100%,35% 72%,0 90%);z-index:-2}
@keyframes arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.row{transition:none;animation:none;will-change:auto}}
html.preview,html.preview body{background:#202020!important}