.ty-ranked-list{gap:28px}
.ty-score-card{position:relative;display:block;overflow:hidden;padding:0;border:1px solid var(--ty-line);border-radius:0;background:transparent}
.ty-score-card::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;opacity:0}
.ty-score-card.is-celebrating::after{animation:ty-rank-blinker .3s linear 3}
@keyframes ty-rank-blinker{20%{background:#04e762;opacity:.4}40%{background:#f5b700;opacity:.1}60%{background:#dc0073;opacity:.4}80%{background:#008bf8;opacity:.1}100%{background:#89fc00;opacity:.4}}
.ty-rank-ribbon,.ty-personal-rank{position:absolute;z-index:4;top:82px;left:12px;border-radius:999px;background:#17141f;color:#fff;padding:8px 12px;font-weight:900}.score-is-open .ty-rank-ribbon{top:115px}
.ty-personal-rank{left:auto;right:12px;top:65px;background:#dc0073}
.ty-score-toggle{display:block;width:100%;min-height:61px;border:0;background:transparent;color:var(--ty-ink);padding:14px 20px;text-align:right;font:700 18px/1 'Oswald',sans-serif;cursor:pointer}.ty-score-toggle .ty-topyou-count{font:700 18px/1 'Oswald',sans-serif}
.ty-score-details{position:absolute;z-index:12;top:0;left:0;width:100%;min-height:61px;display:flex;align-items:center;justify-content:space-around;gap:18px;padding:14px 48px 14px 24px;background:#fff;font:400 18px/1.2 Georgia,serif;transform:translateX(110%);transition:transform .5s ease}.ty-score-details>span{white-space:nowrap}.score-is-open .ty-score-details{transform:translateX(0)}.score-is-open .ty-score-toggle{visibility:hidden}
.ty-score-close,.ty-share-close,.ty-top10-close{border:0!important;background:transparent!important;color:#17141f!important;font:400 40px/1 Arial,sans-serif!important;padding:0!important;cursor:pointer}
.ty-score-card .ty-ranked-image{display:block;width:min(100% - 40px,760px);margin:0 auto;aspect-ratio:auto;border-radius:0;background:#eee}
.ty-score-card .ty-ranked-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.ty-score-card .ty-ranked-copy{padding:16px 24px 0;text-align:center}.ty-score-card .ty-ranked-copy h2{margin:5px 0 0;font-size:clamp(24px,3vw,38px)}
.ty-rank-actions{display:grid;grid-template-columns:repeat(5,minmax(54px,1fr));align-items:center;gap:18px;padding:22px 24px}
.ty-rank-action{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;min-height:49px;color:#000;font:900 21px/1 Arial,sans-serif;text-decoration:none;cursor:pointer}
.ty-rank-actions .ty-rank-action,.ty-rank-actions .ty-rank-action:hover,.ty-rank-actions .ty-rank-action:focus{box-sizing:border-box!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#000!important;outline:0!important}.ty-rank-actions .ty-rank-action:hover,.ty-rank-actions .ty-rank-action:focus{color:#dc0073!important}.ty-rank-actions .ty-rank-action:hover svg,.ty-rank-actions .ty-rank-action:focus svg{fill:#dc0073!important}.ty-rank-actions .ty-rank-action.is-triggered{color:#dc0073!important}.ty-rank-actions .ty-rank-action.ty-info,.ty-rank-actions .ty-rank-action.ty-info:hover,.ty-rank-actions .ty-rank-action.ty-info:focus{width:41px!important;height:41px!important;min-height:41px!important;border:3px solid currentColor!important;border-radius:50%!important}
.ty-rank-action span{font-size:41px;line-height:1}.ty-rank-action.ty-top10{font-family:Impact,Oswald,sans-serif;font-size:29px}.ty-rank-action.ty-info{width:41px;height:41px;min-height:41px;justify-self:end;border:3px solid #000;border-radius:50%;font-family:Georgia,serif;font-size:29px}.ty-download svg,.ty-share-toggle svg{display:block;width:46px;height:46px;fill:#000}.ty-download.is-triggered svg,.ty-share-toggle.is-triggered svg{fill:#dc0073}
.ty-rank-action.is-triggered{color:#dc0073}.ty-rank-action i{position:absolute;left:50%;top:0;opacity:0;color:#04e762;font-style:normal;font-size:18px;pointer-events:none}.is-celebrating .ty-rank-action.is-triggered i{animation:ty-one-up .9s ease-out}@keyframes ty-one-up{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-70px)}}
.ty-share-panel{position:absolute;z-index:40;left:0;right:0;bottom:0;height:102px;display:flex;align-items:center;justify-content:center;gap:22px;padding:18px 70px 18px 24px;background:#fff;transform:translateX(105%);opacity:0;pointer-events:none;transition:transform .42s ease,opacity .2s ease}.share-is-open .ty-share-panel{transform:translateX(0);opacity:1;pointer-events:auto}.ty-social-icon{display:block;width:58px;height:58px;opacity:0;transform:translateY(18px) scale(.65)}.ty-social-icon svg{display:block;width:100%;height:100%}.share-is-open .ty-social-icon{animation:ty-share-icon-in .36s cubic-bezier(.2,.9,.3,1.25) forwards}.share-is-open .ty-social-icon:nth-child(1){animation-delay:.18s}.share-is-open .ty-social-icon:nth-child(2){animation-delay:.24s}.share-is-open .ty-social-icon:nth-child(3){animation-delay:.30s}.share-is-open .ty-social-icon:nth-child(4){animation-delay:.36s}.share-is-open .ty-social-icon:nth-child(5){animation-delay:.42s}@keyframes ty-share-icon-in{to{opacity:1;transform:translateY(0) scale(1)}}.ty-social-icon:hover circle,.ty-social-icon:hover path{fill:#dc0073}.ty-share-panel .ty-share-close{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.ty-top10-panel{position:absolute;z-index:30;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;background:rgba(0,0,0,.94);opacity:0;pointer-events:none;transition:.25s opacity}.top10-is-open .ty-top10-panel{opacity:1;pointer-events:auto}.ty-top10-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 0 18px;padding:0 54px}.ty-top10-header p{margin:0;color:#fff;text-align:center;font-size:20px;font-weight:900}.ty-top10-close{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%);color:#fff!important}.ty-top10-pyramid{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.ty-top10-choice{display:block;height:38px;border:2px solid #89fc00;background:#fff;color:#17141f;font-weight:900;cursor:pointer;opacity:0;transform:translateY(70px) scaleX(.7)}.top10-is-open .ty-top10-choice{animation:ty-stack-up .22s cubic-bezier(.2,.9,.3,1.15) forwards}.top10-is-open .ty-top10-choice:nth-child(10){animation-delay:.02s}.top10-is-open .ty-top10-choice:nth-child(9){animation-delay:.06s}.top10-is-open .ty-top10-choice:nth-child(8){animation-delay:.10s}.top10-is-open .ty-top10-choice:nth-child(7){animation-delay:.14s}.top10-is-open .ty-top10-choice:nth-child(6){animation-delay:.18s}.top10-is-open .ty-top10-choice:nth-child(5){animation-delay:.22s}.top10-is-open .ty-top10-choice:nth-child(4){animation-delay:.26s}.top10-is-open .ty-top10-choice:nth-child(3){animation-delay:.30s}.top10-is-open .ty-top10-choice:nth-child(2){animation-delay:.34s}.top10-is-open .ty-top10-choice:nth-child(1){animation-delay:.38s}@keyframes ty-stack-up{to{opacity:1;transform:translateY(0) scaleX(1)}}.ty-top10-choice:nth-child(1){width:20%}.ty-top10-choice:nth-child(2){width:28%}.ty-top10-choice:nth-child(3){width:36%}.ty-top10-choice:nth-child(4){width:44%}.ty-top10-choice:nth-child(5){width:52%}.ty-top10-choice:nth-child(6){width:60%}.ty-top10-choice:nth-child(7){width:68%}.ty-top10-choice:nth-child(8){width:76%}.ty-top10-choice:nth-child(9){width:84%}.ty-top10-choice:nth-child(10){width:92%}.ty-top10-choice:hover,.ty-top10-choice.is-selected{background:#89fc00}.ty-top10-choice.is-occupied{border-color:#777;background:#555;color:#ddd;cursor:not-allowed}
.ty-one-up{position:absolute;z-index:25;left:50%;top:50%;opacity:0;color:#04e762;font:900 70px/1 Impact,sans-serif;pointer-events:none}.is-celebrating>.ty-one-up{animation:ty-card-one-up .9s ease-out}@keyframes ty-card-one-up{0%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-120px)}}
@media(max-width:700px){.ty-score-details{grid-template-columns:1fr;gap:8px}.ty-score-close{position:absolute;right:18px;top:15px}.ty-score-card .ty-ranked-image{width:100%}.ty-rank-actions{gap:5px;padding:15px 10px}.ty-rank-action span{font-size:30px}.ty-rank-action.ty-top10{font-size:21px}.ty-rank-action.ty-info{width:34px;height:34px;min-height:34px;font-size:24px}.ty-rank-actions .ty-rank-action.ty-info,.ty-rank-actions .ty-rank-action.ty-info:hover,.ty-rank-actions .ty-rank-action.ty-info:focus{width:34px!important;height:34px!important;min-height:34px!important}.ty-download svg,.ty-share-toggle svg{width:39px;height:39px}.ty-share-panel{height:88px;gap:10px;padding:14px 54px 14px 12px}.ty-social-icon{width:42px;height:42px}.ty-score-card .ty-ranked-copy{text-align:left;padding-inline:15px}}
.ty-social-icon{width:44px;height:44px}
.ty-social-icon:hover circle,.ty-social-icon:focus-visible circle{fill:#000!important}.ty-social-icon:hover path,.ty-social-icon:focus-visible path{fill:#fff!important}
@media(max-width:700px){.ty-social-icon{width:32px;height:32px}}