.ranking-jump{display:block;width:fit-content;margin-top:22px;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none;border-bottom:2px solid var(--orange);padding:5px 0;transition:transform .2s}.ranking-jump:hover{transform:translateX(4px)}
.ranking{position:relative;max-width:1180px;margin:64px auto 0;padding:42px;background:var(--ink);color:var(--paper,#f5f0e6);border-radius:32px;box-shadow:7px 8px 0 var(--lilac);overflow:hidden;scroll-margin-top:25px}.ranking-header{display:flex;align-items:center;justify-content:space-between;gap:25px}.ranking-header .eyebrow{color:var(--lilac);margin-bottom:14px}.ranking h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:clamp(30px,4vw,46px);line-height:1.25;margin:0;letter-spacing:-.04em}.ranking h2>span{font-size:.64em;letter-spacing:0}.ranking h2 i{display:inline-block;color:var(--orange);font-style:normal;font-size:1.25em;transform:rotate(-12deg)}.ranking-header p{font-size:14px;margin:16px 0 0}.ranking-tally{flex:0 0 auto;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center;max-width:260px;padding:18px 24px;background:var(--yellow);border-radius:24px 24px 24px 3px;color:var(--ink);transform:rotate(3deg);box-shadow:4px 5px 0 #0003}.ranking-tally>span:first-child{flex-basis:100%;text-align:center;font-size:10px;font-weight:800;letter-spacing:.1em}.ranking-tally>strong{font-size:clamp(29px,4vw,46px);font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere;max-width:100%}.ranking-tally>span:last-child{font-size:13px;font-weight:800}.ranking-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:30px 0 15px;color:#c5d8df;font-size:11px}.ranking #ranking-status{font-size:13px;line-height:1.8}.ranking #ranking-status:empty{display:none}#ranking-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}#ranking-list[hidden],#ranking-list li[hidden]{display:none}.ranking-link{display:grid;grid-template-columns:54px 86px 1fr auto 20px;align-items:center;gap:16px;min-height:117px;padding:18px 21px;background:#f5f0e6;border:2px solid #f5f0e6;border-radius:20px;text-decoration:none;color:var(--ink);box-shadow:0 4px 0 #081821;transition:transform .23s cubic-bezier(.2,.8,.2,1),box-shadow .23s,background .23s}.ranking-link:hover{transform:translateY(-3px) rotate(-.3deg);background:#fffaf0;box-shadow:0 7px 0 #081821}.ranking-link:active{transform:translateY(2px);box-shadow:0 2px 0 #081821}.ranking-position{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;font-size:19px;font-weight:900;background:#d8cee9;white-space:nowrap;border:2px solid var(--ink);transform:rotate(-8deg)}[data-place="1"] .ranking-position{background:var(--yellow);border-radius:15px 50% 50%;box-shadow:3px 3px 0 var(--orange)}.ranking-art{display:block;width:86px;aspect-ratio:1;border-radius:50%;background:#e8e3d7;overflow:hidden}.ranking-art .space-art{height:100%;width:100%;transform:scale(1.2);transition:transform .35s}.ranking-link:hover .space-art{transform:scale(1.28) rotate(8deg)}.ranking-copy>span{display:block;font-size:10px;letter-spacing:.07em;margin-bottom:5px}.ranking-copy>strong{display:block;font-size:18px;line-height:1.65}.ranking-score{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:190px}.ranking-score strong{font-variant-numeric:tabular-nums;font-size:31px;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:100%}.ranking-score small{font-size:10px;font-weight:800}.ranking-arrow{font-size:22px}.ranking-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}.ranking-actions button{background:var(--lilac);color:var(--ink);border-color:transparent;font-size:12px}.ranking-actions button[hidden]{display:none}.ranking .ranking-note{font-size:10px;line-height:1.8;color:#c5d8df;text-align:center;margin:20px 0 0}#ranking-empty{padding:30px 20px;background:#ffffff0b;border:1px dashed #b5ccd4;border-radius:18px;text-align:center}#ranking-empty[hidden]{display:none}#ranking-empty strong{font-size:18px}#ranking-empty p{font-size:13px;line-height:1.8}#ranking-empty .pill{color:var(--ink);background:var(--yellow);font-size:12px;margin-top:12px}.ranking :focus-visible{outline:3px solid var(--orange);outline-offset:5px}.settings{flex-wrap:wrap}.settings #haptics:disabled{opacity:.6;cursor:default}
@media(max-width:1250px){.ranking{margin-left:40px;margin-right:40px}}@media(max-width:800px){.ranking{padding:30px}.ranking-link{grid-template-columns:44px 60px 1fr auto;gap:12px;padding:15px}.ranking-position{width:42px;height:42px;font-size:16px}.ranking-art{width:60px}.ranking-copy>strong{font-size:15px}.ranking-arrow{display:none}.ranking-score{max-width:100px}.ranking-score strong{font-size:26px}}
@media(max-width:650px){.ranking{margin:40px 24px 0;padding:26px 18px;border-radius:25px;box-shadow:4px 5px 0 var(--lilac)}.ranking-header{gap:20px;align-items:flex-start;flex-wrap:wrap}.ranking h2{font-size:33px;gap:7px}.ranking-header p{font-size:13px;line-height:1.7}.ranking-tally{padding:10px 15px;gap:7px;width:100%;max-width:none;flex-wrap:nowrap;transform:rotate(-1deg);border-radius:16px}.ranking-tally>span:first-child{flex-basis:auto;font-size:9px}.ranking-tally>strong{font-size:31px}.ranking-meta{margin-top:23px;font-size:9px}.ranking-link{grid-template-columns:36px 1fr auto;gap:8px 10px;padding:15px 11px;min-height:113px;border-radius:16px}.ranking-position{width:34px;height:34px;font-size:13px}.ranking-art{grid-row:2;grid-column:1;width:36px}.ranking-copy{grid-row:1 / span 2;grid-column:2}.ranking-copy>strong{font-size:13px;line-height:1.7}.ranking-copy>span{font-size:8px}.ranking-score{grid-column:3;grid-row:1 / span 2;max-width:80px;min-width:37px;flex-direction:column;align-items:center;gap:0}.ranking-score strong{font-size:25px}.ranking-score small{font-size:9px}.ranking .ranking-note{font-size:9px;text-align:left}.ranking-actions button{font-size:11px;padding:11px 12px}.ranking-jump{font-size:12px}#ranking-empty{padding:25px 15px}#ranking-empty strong{font-size:16px}}