*{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}

#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}
#overlay.goals{width:600px;min-height:0;padding:16px;background:transparent}.goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.goal-row{min-height:0;padding:var(--goal-padding-y,14px) var(--goal-padding-x,18px);display:flex;align-items:center;gap:20px;border-radius:12px;background:#19162aeb;border:1px solid #ffffff26;box-shadow:0 2px 8px #0003}.goal-amount{flex:0 0 155px;color:#f0bfff;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.goal-name{min-width:0;overflow-wrap:anywhere;color:#fff;font-size:22px;line-height:1.3}
#overlay.goals{width:var(--goal-width,600px);font-family:var(--font-family,Arial,sans-serif)}.goal-list{gap:var(--goal-gap,10px)}.goal-row{background:var(--goal-background,#19162aeb);border:0;box-shadow:none}.goal-amount{flex:0 1 auto;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere;font-weight:inherit;min-width:0}.goal-number{font-family:var(--goal-number-font,Arial,sans-serif);font-size:var(--goal-number-size,22px);color:var(--goal-number-color,#f0bfff)}.goal-icon{font-size:var(--goal-icon-size,22px);color:var(--goal-icon-color,#f0bfff);line-height:1;flex-shrink:0}.goal-name{font-size:var(--goal-text-size,22px);color:var(--goal-text-color,#fff);flex:1}.row .name{letter-spacing:inherit}.clock{letter-spacing:inherit}

.at-maximum .clock{font-size:min(20px,calc(var(--timer-font-size,42px) * 2 / 3));white-space:pre-line;overflow-wrap:anywhere;max-width:100%;line-height:1.2}.end-clock{font:14px/1.3 Arial,sans-serif;color:var(--timer-color,#eee);background:var(--timer-background,#262626);border-radius:6px;padding:2px 8px;margin:4px auto 0;width:max-content}

.timer-gift-caption{display:block;min-height:1.3em;margin-top:4px;font:800 clamp(20px,calc(var(--timer-font-size,42px) * .55),38px)/1.3 Arial,sans-serif;color:#ffe4a1;text-shadow:0 1px 2px #000,0 0 5px #000;opacity:0;transition:opacity .25s ease;white-space:nowrap}.timer-gift-caption.visible{opacity:1}@media(prefers-reduced-motion:reduce){.timer-gift-caption{transition:none}}
.at-maximum .clock{font-size:min(18px,calc(var(--timer-font-size,42px) * 2 / 3))}.at-maximum .timer-gift-caption{font-size:16px;line-height:1.2;min-height:1.2em;margin-top:1px}

#overlay.timer{display:inline-flex;align-items:flex-start;gap:14px;max-width:100%}.timer-face{min-width:0}.timer-gift-goal{display:flex;flex-direction:column;align-items:center;gap:1px;width:94px;flex:none;font:13px/1.15 Arial,sans-serif;color:var(--timer-color,#eee);text-shadow:0 1px 3px #000}.goal-progress{font-size:16px;font-variant-numeric:tabular-nums}.gift-goal-image{object-fit:contain;width:44px;height:44px}.gift-goal-name{max-width:94px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-bonus{font-size:14px;font-weight:700;color:#ffe4a1}

.with-gift-goal .timer-gift-caption{width:0;min-width:100%}

.timer-gift-goal{width:var(--gift-goal-width,94px);text-shadow:none}.gift-goal-image{width:var(--gift-image-size,44px);height:var(--gift-image-size,44px)}.goal-progress{font-family:var(--gift-progress-font,Arial,sans-serif);font-size:var(--gift-progress-size,16px);font-style:var(--gift-progress-style,normal);font-weight:var(--gift-progress-weight,700);color:var(--gift-progress-color,#eeeeee);text-shadow:var(--gift-progress-shadow,0 1px 3px #000)}.gift-goal-name{max-width:var(--gift-goal-width,94px);font-family:var(--gift-name-font,Arial,sans-serif);font-size:var(--gift-name-size,13px);font-style:var(--gift-name-style,normal);font-weight:var(--gift-name-weight,400);color:var(--gift-name-color,#eeeeee);text-shadow:var(--gift-name-shadow,0 1px 3px #000)}.goal-bonus{font-family:var(--gift-bonus-font,Arial,sans-serif);font-size:var(--gift-bonus-size,14px);font-style:var(--gift-bonus-style,normal);font-weight:var(--gift-bonus-weight,700);color:var(--gift-bonus-color,#ffe4a1);text-shadow:var(--gift-bonus-shadow,0 1px 3px #000)}

#overlay.timer{transform-origin:top left}.timer-face.clock-hidden{visibility:hidden}
#overlay.timer.with-gift-goal{width:max-content!important;max-width:none}.with-gift-goal.at-maximum .timer-face{max-width:max(180px,calc(100vw - var(--gift-goal-width,94px) - 28px))}

.likers .score{display:flex;align-items:center;gap:0}.share-stat{display:inline-flex;align-items:center;gap:6px;margin-inline-start:16px;font-variant-numeric:tabular-nums}.share-icon.symbol{display:inline-flex;min-width:0;width:1em;height:1em;flex-shrink:0}.share-icon svg{width:100%;height:100%;fill:currentColor}
