.rank-filters{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.rank-filters label{display:grid;gap:8px;font-weight:600}.rank-filters select{font:inherit;padding:12px;border:1px solid #b8bbc5;border-radius:10px;background:#fff;color:#171a24;min-width:150px}.rank-table-wrap{overflow-x:auto}.rank-table{width:100%;border-collapse:collapse;white-space:nowrap}.rank-table caption{text-align:left;font-size:1.2rem;font-weight:700;padding:24px 0 16px}.rank-table th,.rank-table td{text-align:left;padding:16px 10px;border-bottom:1px solid #e4e5ea}.rank-table th{color:#515464;font-size:.88rem}.rank-rules{margin-top:32px;max-width:850px}.rank-rules summary{cursor:pointer;font-weight:600}.rank-rules p{line-height:1.8}.rank-filters button:focus-visible,.rank-filters select:focus-visible{outline:3px solid #6d4cf0;outline-offset:3px}@media(max-width:480px){.rank-filters{gap:12px}.rank-filters label{flex:1;min-width:130px}.rank-filters select{width:100%;min-width:0}.rank-table th,.rank-table td{padding:12px 6px;font-size:.85rem}}
.rankers-page{--rk-navy:#061942;--rk-blue:#174aa4;--rk-gold:#ffd54a;--rk-ink:#12203e}.rankers-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 72% 15%,#1d58bc 0%,#102c70 42%,var(--rk-navy) 85%);color:#fff;padding:62px 0 74px}.rankers-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;position:relative;align-items:center;gap:28px}.rankers-hero .eyebrow{color:#b5cbfa;letter-spacing:.18em}.rankers-hero h1.rankers-wordmark{position:relative;display:inline-block;margin:24px 0 8px;font-size:clamp(56px,8.5vw,114px);font-weight:900;letter-spacing:-.065em;line-height:1;background:linear-gradient(180deg,#fff 25%,#cbddff 77%);color:#eaf2ff;text-shadow:0 5px 0 #092154,0 12px 30px #020b2b55;animation:rk-enter .65s ease-out both}.rankers-wordmark span{position:absolute;right:-34px;top:-14px;font-size:36px;color:var(--rk-gold);text-shadow:0 3px 0 #6b441b;animation:rk-star 6s ease-in-out infinite}.rankers-motto{font-size:13px;font-weight:800;letter-spacing:.26em;color:var(--rk-gold);margin-bottom:26px}.rankers-hero .rank-subtitle{font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.03em}.rankers-hero .lead{font-size:17px;line-height:1.75;max-width:470px;color:#d1dffb;margin:16px 0 20px}.rankers-category-pills{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 28px}.rankers-category-pills span{padding:7px 12px;border:1px solid #ffffff30;border-radius:999px;color:#d4e4ff;font-size:12px;font-weight:700}.rankers-category-pills span:first-child{background:var(--rk-gold);border-color:transparent;color:#162955}.rankers-hero .button.primary{background:var(--rk-gold);color:#112443;border-color:var(--rk-gold);box-shadow:0 6px 0 #082158}.rankers-hero .button:not(.primary){color:#fff;border-color:#6d88bd;background:#ffffff08}.rankers-hero .button:hover{transform:translateY(-2px)}.rankers-hero-art{position:relative;height:400px;display:grid;place-items:center}.rankers-character{position:absolute;height:335px;width:auto;bottom:32px;z-index:2;filter:drop-shadow(0 15px 20px #020c34aa);animation:rk-float 6s ease-in-out infinite;object-fit:contain}.rankers-stage{position:absolute;bottom:20px;width:310px;height:65px;border-radius:50%;background:radial-gradient(ellipse,#497cd3 0%,#1445a2 58%,#052260 65%);box-shadow:0 0 0 2px #83c6fa60,0 16px 0 #031942,0 20px 45px #020c34aa}.rankers-orbit{width:310px;height:310px;border:1px solid #98c4ff40;border-radius:50%;box-shadow:0 0 0 35px #b0cfff08,0 0 0 70px #b0cfff05;position:absolute;top:15px}.rankers-art-label{position:absolute;bottom:-10px;letter-spacing:.22em;font-size:10px;font-weight:700;color:#a7c3f6}.rankers-spark{position:absolute;z-index:3;color:var(--rk-gold);animation:rk-star 6s ease-in-out infinite}.spark-one{top:60px;right:45px;font-size:36px}.spark-two{top:210px;left:12px;font-size:28px;animation-delay:-2s}.rankers-glow{position:absolute;width:500px;height:500px;top:-220px;left:45%;background:radial-gradient(circle,#4c9bff30,transparent 65%);animation:rk-light 9s ease-in-out infinite;pointer-events:none}.rankers-motion{position:absolute;right:0;bottom:-48px;border:1px solid #8cadd150;border-radius:999px;background:#071a42a0;color:#c4d8fb;padding:7px 12px;font:inherit;font-size:11px;cursor:pointer}.rankers-league{background:#f6f8fc;padding-top:52px}.rankers-league [data-rankings]{background:#fff;padding:30px;border-radius:24px;box-shadow:0 10px 40px #19376708;border:1px solid #e3e8f3}.rank-table caption{color:var(--rk-ink)}.rank-table tbody tr{animation:rk-enter .35s ease-out}.rank-table tbody tr:hover{background:#f5f8ff}.rankers-league .rank-filters select{border-color:#d2daea;background:#f9fbff}.rankers-league .note{line-height:1.8;margin-top:24px;max-width:850px}.rankers-league #rank-status{font-size:12px;color:#6e7b93;margin-top:16px}.rankers-league #rank-empty{padding:42px 20px;border:1px dashed #d6dfef;border-radius:16px;color:#6b7790;text-align:center;line-height:1.8}.rankers-league .rank-rules{padding:22px 4px}.rankers-page.motion-paused *{animation-play-state:paused!important}.rankers-motion:focus-visible{outline:3px solid var(--rk-gold);outline-offset:3px}@keyframes rk-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rk-star{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}@keyframes rk-light{0%,100%{transform:translateX(-50px)}50%{transform:translateX(100px)}}@media(max-width:760px){.rankers-hero{padding:38px 0 58px}.rankers-hero-grid{grid-template-columns:1fr;gap:4px}.rankers-hero-copy{z-index:2}.rankers-hero h1.rankers-wordmark{font-size:clamp(55px,13.8vw,90px)}.rankers-wordmark span{font-size:24px;right:-25px;top:-8px}.rankers-hero-art{height:235px;margin-top:8px}.rankers-character{height:215px;bottom:10px}.rankers-stage{width:230px;height:42px;bottom:0}.rankers-orbit{width:210px;height:210px;top:0}.spark-one{right:20%;top:30px;font-size:25px}.spark-two{left:20%;top:140px}.rankers-art-label{display:none}.rankers-motion{bottom:-40px}.rankers-league [data-rankings]{padding:20px 14px;border-radius:18px}.rankers-league{padding-top:30px}}@media(prefers-reduced-motion:reduce){.rankers-page *{animation:none!important;transition:none!important}.rankers-hero .button:hover{transform:none}}
.rankers-hero h1.rankers-wordmark{background:none;color:#edf4ff;text-shadow:0 1px 0 #fff,0 5px 0 #0a2156,0 8px 0 #071b46,0 14px 30px #020b2b55}