html,body{height:100%;margin:0;padding:0;background:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:16px;overflow-x:hidden}#app{min-height:100vh;width:100vw;background:#fff;box-sizing:border-box;overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{width:100vw;max-width:1100px;min-width:320px;margin:0 auto;box-sizing:border-box}.menu-outer[data-v-0623be35]{max-width:1100px;width:100%;margin:0 auto;box-sizing:border-box}.main-menu[data-v-0623be35]{display:flex;justify-content:center;align-items:center;gap:2.5rem;background:#f6f8fa;padding:1.2rem 0 .7rem;border-bottom:1.5px solid #e3e6f0;margin-bottom:2.5rem;width:100%;box-sizing:border-box}.menu-hamburger-wrapper[data-v-0623be35]{display:none}.menu-hamburger[data-v-0623be35]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;margin:.2rem auto 0;z-index:120}.hamburger-bar[data-v-0623be35]{width:28px;height:4px;background:#1a237e;margin:3px 0;border-radius:2px;transition:all .3s}.menu-links[data-v-0623be35]{display:flex;gap:2.5rem}.menu-link[data-v-0623be35]{color:#1a237e;font-size:.89em;font-weight:600;text-decoration:none;padding:.15em .7em;border-radius:6px;transition:background .2s,color .2s;word-break:break-word;overflow-wrap:anywhere;min-width:0;white-space:normal;text-overflow:ellipsis;max-width:200px;box-sizing:border-box}.menu-link[data-v-0623be35]:hover,.menu-link.router-link-exact-active[data-v-0623be35]{background:#1a237e;color:gold}.lang-select-wrapper[data-v-0623be35]{display:flex;align-items:center;margin-left:1.5rem}@media (max-width: 700px){.menu-hamburger-wrapper[data-v-0623be35]{display:flex;justify-content:center;align-items:flex-start;width:100%;margin-top:.2rem;margin-bottom:.2rem}.menu-hamburger[data-v-0623be35]{position:static;margin:0}.main-menu[data-v-0623be35]{flex-direction:column;align-items:stretch;gap:0;padding:.7rem 0;margin-bottom:1.2rem;position:relative;border-bottom:none;box-shadow:0 2px 8px #3c50b40f;z-index:110;background:#f6f8fa;min-height:56px}.menu-links[data-v-0623be35]{flex-direction:column;gap:.5rem;width:100%;display:none}.menu-open .menu-links[data-v-0623be35]{display:flex;background:#f6f8fa;padding:1rem 0 .5rem;border-bottom:1.5px solid #e3e6f0;box-shadow:0 2px 8px #3c50b40f;z-index:111}.menu-link[data-v-0623be35]{max-width:100%;text-align:center;font-size:1em;padding:.7em;border-radius:6px}.lang-select-wrapper[data-v-0623be35]{margin-left:0;justify-content:center;margin-top:.5rem;padding-bottom:.7rem}.lang-select-mobile[data-v-0623be35]{display:flex!important;justify-content:center;margin-top:.5rem;padding-bottom:.7rem}.main-menu:not(.menu-open) .menu-links[data-v-0623be35]{display:none}.main-menu.menu-open .lang-select-mobile[data-v-0623be35]{display:flex!important}}.lang-select[data-v-0623be35]{padding:.1em .5em;border-radius:6px;border:1px solid #b3c0f7;background:#fff;color:#1a237e;font-weight:600;font-size:.89em;outline:none;transition:border .2s}.lang-select[data-v-0623be35]:focus{border:1.5px solid #1a237e}.flag-img[data-v-0623be35]{width:24px;height:24px;margin-left:.5rem;border-radius:4px;box-shadow:0 1px 2px #3c50b41a;border:1px solid #e3e6f0}.main-footer[data-v-0535be93]{background:#1a237e;color:#fff;padding:1.5rem 0 1rem;text-align:center;margin-top:2rem}.footer-socials[data-v-0535be93]{margin-bottom:.7rem}.footer-socials a[data-v-0535be93]{color:gold;margin:0 1.2rem;text-decoration:none;font-weight:600;font-size:1.08em;transition:color .2s}.footer-socials a[data-v-0535be93]:hover{color:#fff}.footer-copy[data-v-0535be93]{font-size:.98em;color:#e3e6f0}.page-root[data-v-ad2f74d5]{min-height:100vh;background:#f6f8fa}.menu-fixed[data-v-ad2f74d5]{width:100%;background:#fff;box-shadow:0 2px 8px #3c50b40f;position:sticky;top:0;z-index:100}h1[data-v-ad2f74d5],h2[data-v-ad2f74d5],h3[data-v-ad2f74d5],.player-info[data-v-ad2f74d5],.tier-label[data-v-ad2f74d5],.lp-label[data-v-ad2f74d5]{word-break:break-word;overflow-wrap:anywhere;min-width:0}h1[data-v-ad2f74d5]{margin-bottom:1.2rem;color:#1a237e;font-weight:700;letter-spacing:1px;font-size:1.3rem}.player-list[data-v-ad2f74d5]{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin-left:2.5rem}.player-card[data-v-ad2f74d5]{display:flex;align-items:center;background:#fff;border-radius:16px;padding:1.2rem 2rem;box-shadow:0 4px 16px #3c50b41a,0 1.5px 4px #0000000f;min-width:240px;max-width:280px;width:260px;transition:box-shadow .2s,transform .2s;cursor:pointer;border:1px solid #e3e6f0;position:relative;word-break:break-word;overflow-wrap:anywhere}.rank-badge[data-v-ad2f74d5]{position:absolute;left:.7rem;top:.7rem;background:gold;color:#1a237e;font-weight:700;font-size:1em;border-radius:8px;padding:.15em .7em;box-shadow:0 1px 4px #3c50b41a;z-index:2}.player-card[data-v-ad2f74d5]:hover{box-shadow:0 8px 32px #3c50b42e,0 2px 8px #0000001a;transform:translateY(-2px) scale(1.03);border-color:#b3c0f7}.player-photo[data-v-ad2f74d5]{width:60px;height:60px;border-radius:50%;margin-right:1.2rem;border:2.5px solid #b3c0f7;background:#e3e6f0;box-shadow:0 1px 4px #3c50b41a;object-fit:cover}.player-info[data-v-ad2f74d5]{display:flex;flex-direction:column;gap:.3rem}.player-info strong[data-v-ad2f74d5]{font-size:1em;color:#26327c;font-weight:600;display:flex;align-items:center;gap:.5em}.tagline[data-v-ad2f74d5]{font-size:.92em;color:#4e5ba6;font-weight:500;opacity:.85}.tier-row[data-v-ad2f74d5]{display:flex;align-items:center;gap:.5rem;margin-top:2px}.tier-icon[data-v-ad2f74d5]{width:32px;height:32px;vertical-align:middle}.tier-label[data-v-ad2f74d5]{color:#1a237e;font-size:1.05em;font-weight:500}.lp-label[data-v-ad2f74d5]{color:#4e5ba6;font-size:1em;font-weight:500;margin-top:2px}.traits[data-v-7f835caf]{display:flex;flex-wrap:wrap;gap:.4rem}.trait-rect[data-v-7f835caf]{display:flex;align-items:center;gap:.35em;border-radius:8px;padding:2px 8px 2px 4px;margin:0 2px;font-size:.97em;color:#26327c;min-width:60px;box-shadow:0 1px 3px #3c50b40f;opacity:.7;transition:box-shadow .2s,opacity .2s}.trait-style-1[data-v-7f835caf]{color:#1a237e}.trait-style-2[data-v-7f835caf]{color:#00796b}.trait-style-3[data-v-7f835caf]{color:#c62828}.trait-style-4[data-v-7f835caf]{color:#f9a825}.trait-style-5[data-v-7f835caf]{color:#6a1b9a}.trait-style-6[data-v-7f835caf]{color:#0086ff}.trait-active[data-v-7f835caf]{opacity:1;box-shadow:0 2px 8px #3c50b421;border:1.5px solid #4e5ba6}.trait-inactive[data-v-7f835caf]{opacity:.4;filter:grayscale(.5);border:1.5px solid #e3e6f0}.trait-name[data-v-7f835caf]{font-weight:500;margin-right:2px}.trait-num[data-v-7f835caf]{font-size:.95em;color:inherit;font-weight:600;margin-left:2px}.trait-tooltip[data-v-7f835caf]{position:absolute;bottom:120%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.3em .7em;border-radius:6px;font-size:.85em;white-space:nowrap;z-index:20;pointer-events:none}.units[data-v-8032d20c]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem}.unit[data-v-8032d20c]{display:flex;flex-direction:column;align-items:center;min-width:60px}.unit-img[data-v-8032d20c]{width:48px;height:48px;border-radius:8px;background:#e3e6f0;border:2px solid #b3c0f7;margin-bottom:.2rem}.unit-star-wrapper[data-v-8032d20c]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;height:auto;min-width:60px;gap:2px}.unit-stars[data-v-8032d20c]{font-size:1.2em;font-weight:700;letter-spacing:1px;text-shadow:0 1px 2px #fff,0 1px 6px #f9a82544}.unit-stars-silver[data-v-8032d20c]{color:#bfc1c6;text-shadow:0 1px 2px #fff,0 1px 6px #bfc1c688}.unit-stars-gold[data-v-8032d20c]{color:gold;text-shadow:0 1px 2px #fff,0 1px 6px #ffd70088}.unit-stars-plat[data-v-8032d20c]{color:#00e6e6;text-shadow:0 1px 2px #fff,0 1px 6px #00e6e688}.unit-icon[data-v-8032d20c]{width:64px;height:64px;border-radius:6px;background:#fff;object-fit:contain;margin-right:4px;box-shadow:0 1px 3px #3c50b41a;border:1px solid #e3e6f0}.unit-items[data-v-8032d20c]{display:flex;flex-direction:row;gap:1px;margin-top:2px;justify-content:center;width:100%}.item-icon[data-v-8032d20c]{width:22px;height:22px;border-radius:4px;background:#fff;object-fit:contain;border:1px solid #e3e6f0;box-shadow:0 1px 2px #3c50b414}.unit-character[data-v-8032d20c]{margin-top:2px;font-size:.8em;color:#26327c;text-align:center;font-weight:400;word-break:break-word}.unit-tooltip[data-v-8032d20c]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:.2rem .4rem;border-radius:4px;font-size:.75em;white-space:nowrap;z-index:10}.page-root[data-v-8ab3d0ab]{min-height:100vh;background:#f6f8fa}.menu-fixed[data-v-8ab3d0ab]{width:100%;background:#fff;box-shadow:0 2px 8px #3c50b40f;position:sticky;top:0;z-index:100}h1[data-v-8ab3d0ab],h2[data-v-8ab3d0ab],h3[data-v-8ab3d0ab],.tier-label[data-v-8ab3d0ab],.lp-label[data-v-8ab3d0ab],.match-header[data-v-8ab3d0ab],.match-date[data-v-8ab3d0ab],.placement[data-v-8ab3d0ab]{word-break:break-word;overflow-wrap:anywhere;min-width:0}.placement[data-v-8ab3d0ab]{font-size:1.5em;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(60,80,180,.1)}.placement-gold[data-v-8ab3d0ab]{color:gold;text-shadow:0 0 6px #FFF9C4,0 2px 8px rgba(60,80,180,.1)}.placement-silver[data-v-8ab3d0ab]{color:#b0b0b0;text-shadow:0 0 6px #F5F5F5,0 2px 8px rgba(60,80,180,.1)}.placement-bronze[data-v-8ab3d0ab]{color:#cd7f32;text-shadow:0 0 6px #FFE0B2,0 2px 8px rgba(60,80,180,.1)}.placement-titanium[data-v-8ab3d0ab]{color:#7b8fa3;text-shadow:0 0 6px #B0BEC5,0 2px 8px rgba(60,80,180,.1)}.placement-generic[data-v-8ab3d0ab]{color:#1a237e}.tier-icon[data-v-8ab3d0ab]{width:200px;height:200px;object-fit:contain;border-radius:8px;box-shadow:0 1px 3px #3c50b41a;border:1px solid #e3e6f0}h2[data-v-8ab3d0ab]{color:#1a237e;font-weight:700;margin-bottom:.5rem;letter-spacing:1px}.player-compact-row[data-v-8ab3d0ab]{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem;margin-left:1.2rem}.profile-icon-compact[data-v-8ab3d0ab]{width:64px;height:64px;border-radius:50%;border:2.5px solid #b3c0f7;background:#e3e6f0;box-shadow:0 1px 4px #3c50b41a}.player-compact-info[data-v-8ab3d0ab]{display:flex;flex-direction:column;gap:.3rem}.player-compact-main[data-v-8ab3d0ab]{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.player-compact-name[data-v-8ab3d0ab]{font-size:1.1em;color:#26327c;font-weight:700;display:flex;align-items:center;gap:.4em}.player-compact-tag[data-v-8ab3d0ab]{font-size:.95em;color:#4e5ba6;font-weight:500;margin-left:.2em;opacity:.85}.player-compact-tier[data-v-8ab3d0ab]{display:flex;align-items:center;gap:.4em}.tier-icon-compact[data-v-8ab3d0ab]{width:32px;height:32px;vertical-align:middle}.player-compact-update[data-v-8ab3d0ab]{font-size:.97em;color:#4e5ba6;margin-top:.1em;display:flex;gap:.3em;align-items:center}.last-update-label[data-v-8ab3d0ab]{font-weight:500}.last-update-date[data-v-8ab3d0ab]{font-weight:400}strong[data-v-8ab3d0ab]{color:#26327c;font-weight:600}.tier-row[data-v-8ab3d0ab]{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:16px;margin-bottom:16px}.match-cards[data-v-8ab3d0ab]{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.2rem}.match-card[data-v-8ab3d0ab]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #3c50b41a;padding:1.1rem 1.5rem;display:flex;flex-direction:column;gap:.7rem;border:1px solid #e3e6f0;margin-left:1.2rem;margin-right:1.2rem}.match-header[data-v-8ab3d0ab]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.match-date[data-v-8ab3d0ab]{color:#4e5ba6;font-size:1em;font-weight:500}.youtube-section[data-v-74042fc7]{display:flex;justify-content:center;margin:2.5rem 0 1.5rem}.youtube-responsive[data-v-74042fc7]{position:relative;width:100%;max-width:600px;padding-bottom:56.25%;height:0}.youtube-responsive iframe[data-v-74042fc7]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;box-shadow:0 2px 12px #3c50b421}.page-root[data-v-74042fc7]{min-height:100vh;background:#f6f8fa}.menu-fixed[data-v-74042fc7]{width:100%;background:#fff;box-shadow:0 2px 8px #3c50b40f;position:sticky;top:0;z-index:100}h1[data-v-74042fc7],h2[data-v-74042fc7],h3[data-v-74042fc7],.hero-title[data-v-74042fc7],.hero-subtitle[data-v-74042fc7],.hero-btn[data-v-74042fc7],.feature-item[data-v-74042fc7],.tier-label[data-v-74042fc7],.lp-label[data-v-74042fc7]{word-break:break-word;overflow-wrap:anywhere;min-width:0}.hero-btn[data-v-74042fc7],.feature-item[data-v-74042fc7]{white-space:normal;text-overflow:ellipsis}.hero[data-v-74042fc7]{position:relative;min-height:55vh;display:flex;align-items:center;justify-content:center;background:#1a237e;color:#fff;overflow:hidden;border-radius:0 0 18px 18px;margin-bottom:2.5rem}.hero-bg[data-v-74042fc7]{position:absolute;inset:0;background:url(/tft_banner.png) center/cover no-repeat;opacity:.18;z-index:1}.hero-content[data-v-74042fc7]{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem 2rem}.hero-title[data-v-74042fc7]{font-size:2.3rem;font-weight:800;margin-bottom:.5rem;letter-spacing:1px}.hero-subtitle[data-v-74042fc7]{font-size:1.2rem;font-weight:500;margin-bottom:1.2rem;color:gold}.hero-actions[data-v-74042fc7]{display:flex;gap:1.2rem;margin-bottom:1.2rem}.hero-btn[data-v-74042fc7]{display:inline-block;padding:.7em 2em;border-radius:8px;font-size:1.1em;font-weight:700;text-decoration:none;box-shadow:0 2px 8px #3c50b41a;transition:background .2s,color .2s}.hero-btn.primary[data-v-74042fc7]{background:gold;color:#1a237e}.hero-btn.secondary[data-v-74042fc7]{background:#fff;color:#1a237e}.hero-btn.primary[data-v-74042fc7]:hover,.hero-btn.secondary[data-v-74042fc7]:hover{background:#3949ab;color:gold}.hero-desc[data-v-74042fc7]{color:#e3e6f0;font-size:1.08em;margin-top:.5rem;max-width:600px}.features[data-v-74042fc7]{background:#f6f8fa;padding:2.5rem 0 2rem;text-align:center}.features h3[data-v-74042fc7]{color:#1a237e;font-size:1.3em;font-weight:700;margin-bottom:1.2rem}.feature-links[data-v-74042fc7]{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.feature-descriptions[data-v-74042fc7]{flex-direction:column;align-items:flex-start;gap:1.2rem;max-width:600px;margin:0 auto}.feature-item[data-v-74042fc7]{font-size:1.08em;color:#26327c;background:#fff;border-radius:6px;box-shadow:0 1px 4px #3c50b414;padding:1em 1.5em;margin-bottom:.5em}.feature-item strong[data-v-74042fc7]{color:#1a237e}.feedback-section[data-v-74042fc7]{display:flex;justify-content:center;font-size:1.08em;color:#26327c}.feedback-link[data-v-74042fc7]{margin-left:.5em;color:#1a237e;text-decoration:underline;font-weight:600;transition:color .2s}.feedback-link[data-v-74042fc7]:hover{color:gold}.page-root[data-v-3b13ff1a]{min-height:100vh;background:#f6f8fa}.menu-fixed[data-v-3b13ff1a]{width:100%;background:#fff;box-shadow:0 2px 8px #3c50b40f;position:sticky;top:0;z-index:100}h1[data-v-3b13ff1a],h2[data-v-3b13ff1a],h3[data-v-3b13ff1a],.comp-header[data-v-3b13ff1a],.comp-winrate[data-v-3b13ff1a],.comp-avg[data-v-3b13ff1a],.comp-count[data-v-3b13ff1a]{word-break:break-word;overflow-wrap:anywhere;min-width:0}.loading[data-v-3b13ff1a],.empty[data-v-3b13ff1a]{text-align:center;color:#888;margin-top:2rem}h1[data-v-3b13ff1a]{color:#1a237e;font-weight:700;margin-bottom:1.2rem;letter-spacing:1px;font-size:1.3rem}.comp-list[data-v-3b13ff1a]{list-style:none;padding:0;display:flex;flex-direction:column;gap:2rem}.comp-card[data-v-3b13ff1a]{background:#fff;border-radius:16px;box-shadow:0 4px 16px #3c50b41a,0 1.5px 4px #0000000f;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.comp-header[data-v-3b13ff1a]{display:flex;gap:1.5rem;align-items:center;font-size:1.1em;font-weight:500;color:#26327c}.page-root[data-v-4d8b3a0e]{min-height:100vh;background:#f6f8fa}.menu-fixed[data-v-4d8b3a0e]{width:100%;background:#fff;box-shadow:0 2px 8px #3c50b40f;position:sticky;top:0;z-index:100}h1[data-v-4d8b3a0e],h2[data-v-4d8b3a0e],h3[data-v-4d8b3a0e],p[data-v-4d8b3a0e],.ranking-placeholder[data-v-4d8b3a0e]{word-break:break-word;overflow-wrap:anywhere;min-width:0}.region-select-row[data-v-4d8b3a0e]{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:.7rem;text-align:center}.region-select-row select[data-v-4d8b3a0e]{min-width:220px;max-width:320px;width:100%;box-sizing:border-box}.ranking-table-wrapper[data-v-4d8b3a0e]{width:100%;display:flex;justify-content:center;overflow-x:auto;margin-bottom:1.5rem}.ranking-table[data-v-4d8b3a0e]{border-collapse:collapse;width:100%;max-width:900px;background:#fff;box-shadow:0 2px 8px #3c50b40f;border-radius:10px;overflow:hidden;min-width:720px}.ranking-table th[data-v-4d8b3a0e],.ranking-table td[data-v-4d8b3a0e]{padding:.7rem 1rem;text-align:center;border-bottom:1px solid #e3e8f0;min-width:70px;font-size:.8em}.ranking-table th[data-v-4d8b3a0e]:nth-child(1),.ranking-table td[data-v-4d8b3a0e]:nth-child(1){min-width:24px;max-width:36px}@media (max-width: 700px){.container[data-v-4d8b3a0e]{padding:0 .5rem}.ranking-table-wrapper[data-v-4d8b3a0e]{margin-left:-.5rem;margin-right:-.5rem;padding:0;overflow-x:auto}.ranking-table[data-v-4d8b3a0e]{min-width:520px;font-size:.93em}.ranking-table th[data-v-4d8b3a0e],.ranking-table td[data-v-4d8b3a0e]{padding:.5rem .7rem;font-size:.93em}.ranking-table th[data-v-4d8b3a0e]:nth-child(n+4),.ranking-table td[data-v-4d8b3a0e]:nth-child(n+4){display:none}.region-select-row[data-v-4d8b3a0e]{flex-direction:column;gap:.5rem;align-items:stretch}.region-select-row select[data-v-4d8b3a0e]{max-width:220px;margin:0 auto;width:100%;box-sizing:border-box}h1[data-v-4d8b3a0e]{font-size:1.08rem;margin-bottom:.7rem}p[data-v-4d8b3a0e]{font-size:.98em;margin-bottom:1.2rem}}.ranking-table th[data-v-4d8b3a0e]:nth-child(2),.ranking-table td[data-v-4d8b3a0e]:nth-child(2){min-width:180px;max-width:240px;word-break:break-all}.ranking-table th[data-v-4d8b3a0e]{background:#f6f8fa;color:#1a237e;font-weight:700;font-size:.8em;letter-spacing:.01em}.ranking-table tr:last-child td[data-v-4d8b3a0e]{border-bottom:none}h1[data-v-4d8b3a0e]{color:#1a237e;font-weight:700;margin-bottom:1.2rem;letter-spacing:1px;font-size:1.3rem}p[data-v-4d8b3a0e]{color:#4e5ba6;font-size:1.08em;margin-bottom:2rem;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.ranking-placeholder[data-v-4d8b3a0e]{background:#f6f8fa;border:1.5px dashed #b3c0f7;border-radius:10px;padding:2.5rem 3rem;color:#b3c0f7;font-size:1.15em;margin-top:1.5rem;text-align:center}.winrate-bar-wrapper[data-v-4d8b3a0e]{display:flex;align-items:center;gap:.5em;min-width:90px}.winrate-bar-bg[data-v-4d8b3a0e]{width:60px;height:12px;background:#e3e8f0;border-radius:6px;overflow:hidden;position:relative}.winrate-bar-fill[data-v-4d8b3a0e]{height:100%;background:#4eaf50;border-radius:6px 0 0 6px;transition:width .3s}.winrate-label[data-v-4d8b3a0e]{font-size:.98em;color:#26327c;min-width:2.5em;text-align:right}