.tp{--tp-ink:#10082e;--tp-gold:#ffd84a;flex-direction:column;gap:14px;width:100%;min-width:0;display:flex}.tp-note{text-align:center;font-family:var(--font-display);color:#fff;text-shadow:0 2px 0 var(--tp-ink);padding:32px 0;font-weight:900}.tp-podium{border-bottom:5px solid var(--tp-ink);background:radial-gradient(60% 75% at 50% 70%,#ffec96bf 0%,#0000 70%);border-radius:0 0 6px 6px;grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:8px;padding:12px 4px 0;display:grid}.tp-step{flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.tp-crown{width:40px;margin-bottom:-6px;animation:2.4s ease-in-out infinite tp-bob}@keyframes tp-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-4px)rotate(4deg)}}.tp-step-look{place-items:center;margin-bottom:-6px;display:grid}.tp-step-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-display);color:#fff;text-shadow:-1.5px 0 var(--tp-ink), 1.5px 0 var(--tp-ink), 0 -1.5px var(--tp-ink), 0 1.5px var(--tp-ink), -1px -1px var(--tp-ink), 1px -1px var(--tp-ink), -1px 1px var(--tp-ink), 1px 1px var(--tp-ink), 0 2.5px 0 var(--tp-ink);padding:0 4px 6px;font-size:14px;line-height:1.2;overflow:hidden}.tp-step--1 .tp-step-name{font-size:16px}.tp-step-block{width:100%;box-shadow:0 0 0 3px var(--tp-ink), inset 0 3px 0 #ffffff8c;border-radius:14px 14px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding-top:6px;display:flex}.tp-step--1 .tp-step-block{background:linear-gradient(#fff3a6, var(--tp-gold) 45%, #e9a514);height:92px}.tp-step--2 .tp-step-block{background:linear-gradient(#fff,#d6dff0 45%,#9aa9c4);height:70px}.tp-step--3 .tp-step-block{background:linear-gradient(#ffd6ad,#f39a52 45%,#c46525);height:56px}.tp-step-rank{font-family:var(--font-display);color:#fff;-webkit-text-stroke:.14em var(--tp-ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--tp-ink);font-size:30px;line-height:1}.tp-step--1 .tp-step-rank{font-size:38px}.tp-step.is-me .tp-step-name{color:#b6ff8a}.tp-list{flex-direction:column;gap:9px;margin:0;padding:0 0 6px;list-style:none;display:flex}.tp-row{color:#fff;min-width:0;min-height:52px;box-shadow:0 0 0 3px var(--tp-ink), 0 5px 0 3px var(--tp-ink);background:repeating-linear-gradient(-28deg,#ffffff12 0 18px,#0000 18px 44px),radial-gradient(130% 100% at 85% 0,#9ff3ff 0%,#45bcff 38%,#1f66e0 100%);border-radius:20px;align-items:center;gap:8px;padding:3px 10px 3px 6px;display:flex}.tp-row.is-me{background:repeating-linear-gradient(-28deg,#ffffff17 0 18px,#0000 18px 44px),radial-gradient(130% 100% at 85% 0,#d8ff9a 0%,#5fd65a 40%,#149a52 100%)}.tp-row-rank{width:34px;height:34px;font-family:var(--font-display);color:var(--tp-ink);box-shadow:0 0 0 2.5px var(--tp-ink), 0 3px 0 2.5px var(--tp-ink);background:linear-gradient(#fff,#dfe6ff);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.tp-row-look{flex:none;place-items:center;width:46px;height:46px;display:grid}.tp-row-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-display);color:#fff;text-shadow:-1.5px 0 var(--tp-ink), 1.5px 0 var(--tp-ink), 0 -1.5px var(--tp-ink), 0 1.5px var(--tp-ink), -1px -1px var(--tp-ink), 1px -1px var(--tp-ink), -1px 1px var(--tp-ink), 1px 1px var(--tp-ink), 0 2.5px 0 var(--tp-ink);flex:1;font-size:15px;overflow:hidden}.tp-you{font-family:var(--font-display);color:var(--tp-ink);box-shadow:0 0 0 2px var(--tp-ink);background:#fff;border-radius:999px;flex:none;padding:2px 8px;font-size:11px}.tp-level{font-family:var(--font-display);white-space:nowrap;color:var(--tp-ink);background:linear-gradient(#fff3a6, var(--tp-gold) 55%, #f2b51c);box-shadow:0 0 0 2.5px var(--tp-ink), 0 3px 0 2.5px var(--tp-ink);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;line-height:1.2}.tp-step-block .tp-level{padding:2px 8px;font-size:11px}@media (prefers-reduced-motion:reduce){.tp-crown{animation:none}}