:root{--ranking-primary:#a20707;--ranking-primary-light:#e84141;--ranking-primary-dark:#750404;--ranking-gold:linear-gradient(90deg, #ffe680 0%, #ffd700 45%, #fff3b0 100%);--ranking-silver:linear-gradient(90deg, #d4d7dd 0%, #c0c3cb 100%);--ranking-bronze:linear-gradient(90deg, #bc8d4a 0%, #b37728 80%);--ranking-shadow:0 6px 32px rgba(162, 7, 7, 0.12), 0 1.5px 8px rgba(80, 25, 25, 0.07);--ranking-radius:18px;--ranking-box-bg:#fafbfc;--ranking-box-border:#e6e8ea;--ranking-tab-bg:linear-gradient(105deg, #f7f7f9 80%, #ececec 100%);--ranking-tab-active-bg:#a20707;--ranking-table-header-bg:#f7f7f9;--ranking-table-header-color:#a20707;--ranking-badge-bg:#f3f4f6;--ranking-badge-radius:13px;--ranking-row-hover:linear-gradient(90deg, #f4f4f7 80%, #f7f7f9 100%);--gold-tone:#ffd862;--bg-dark:#18213a;--accent-color:#ffd700}.ranking-main-container{background:rgb(255 255 255 / .96);border-radius:var(--ranking-radius);box-shadow:0 12px 44px 0 rgb(162 7 7 / .1),0 1.5px 8px rgb(80 25 25 / .06);padding:clamp(1.1rem, 3vw, 2.2rem) clamp(0.5rem, 2vw, 1.5rem);border:2.5px solid var(--ranking-box-border);max-width:1300px;margin:2.2rem auto}.ranking-flexbox{display:flex;align-items:flex-start;gap:2.1rem;width:100%}.ranking-content{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;gap:1rem}.white-box{background:var(--ranking-box-bg);border-radius:var(--ranking-radius);box-shadow:0 4px 26px 0 #a2070735,0 2px 10px #fff7;border:2px solid var(--ranking-box-border);margin-bottom:1.1rem;padding:clamp(1.1rem, 2vw, 2.1rem) clamp(0.7rem, 4vw, 2.2rem);animation:fadeInUp 0.7s cubic-bezier(.3,.98,.52,1.02) 1}.ranking-tabs-bar{background:var(--ranking-tab-bg);border:2px solid #edeef0;border-radius:var(--ranking-radius);box-shadow:0 2px 14px #c6c6cc22,0 1.5px 8px rgb(80 25 25 / .04);padding:1.1em .7em;display:flex;flex-direction:column;gap:.71em;min-width:250px;max-width:300px;margin-right:.1em;position:sticky;top:18px;align-self:flex-start;min-height:480px;transition:all 0.25s}.ranking-tab{color:var(--ranking-primary);font-weight:700;background:#fff;border:none;border-radius:1.6em;margin:.06em 0;padding:.52em 1.1em;font-size:1.01em;letter-spacing:.01em;transition:background 0.16s,color 0.13s,box-shadow 0.18s;cursor:pointer;outline:none;min-width:110px;max-width:100%;text-align:left;box-shadow:0 1.5px 7px #e7e6e6a8;display:flex;align-items:center;justify-content:flex-start;position:relative;z-index:2;box-sizing:border-box}.ranking-tab.active,.ranking-tab:focus-visible{background:var(--ranking-tab-active-bg);color:#fff;font-weight:800;box-shadow:0 3px 12px #ffd70033;text-shadow:0 2px 10px #a2070744}.ranking-tab:not(:last-child){margin-bottom:.11em}.ranking-tab::after,.ranking-tab.active::after{display:none!important;content:none!important}.ranking-title{font-size:clamp(1.3em, 4vw, 2.05em);font-family:"Cinzel",serif,"Segoe UI",Arial;font-weight:900;letter-spacing:.02em;color:var(--ranking-primary);text-shadow:0 2px 14px #ffd70033,0 1px 4px #fff4;margin:0 0 .1em 0;display:flex;align-items:center;gap:.45em}.ranking-title::after{content:"";display:inline-block;width:30px;height:6px;border-radius:5px;background:var(--ranking-gold);margin-left:.5em;opacity:.5;filter:blur(1.2px)}.tab-intro{font-size:1.1em;color:#a07a7a;font-weight:500;margin:.3em 0 .12em 0;padding:0 0 .1em 0 1.1em;border-left:5px solid #ffd70033;background:none;line-height:1.36}.ranking-table-wrap{overflow-x:auto;margin-bottom:1.3rem;border-radius:var(--ranking-radius);background:var(--ranking-box-bg);border:2px solid var(--ranking-box-border);box-shadow:0 2px 18px #a2070715}.ranking-table{width:100%;min-width:580px;border-collapse:separate;border-spacing:0;margin:0;font-size:1em}.ranking-table th,.ranking-table td{padding:.6em .36em;background:#fff0;border:none;text-align:left;font-size:.99em}.ranking-table th{background:var(--ranking-table-header-bg);color:var(--ranking-table-header-color);font-weight:900;border-bottom:3px solid #ffe0b2;text-shadow:0 2px 8px #fff6;position:sticky;top:0;z-index:2}.ranking-table td{font-weight:600;color:var(--ranking-primary);border-bottom:1px solid var(--ranking-box-border);background:#fcfcfd;transition:background 0.16s,color 0.16s}.ranking-table tr:last-child td{border-bottom:none}.ranking-table tbody tr:hover td{background:var(--ranking-row-hover);color:#c02c2c;box-shadow:0 2px 18px #ffd70022}.ranking-table .rank-badge{font-weight:900;background:var(--ranking-badge-bg);color:var(--ranking-primary);border-radius:var(--ranking-badge-radius);font-size:1.09em;padding:.13em .48em;box-shadow:0 1px 8px #fff8,0 .5px 2px #a207071a;min-width:2em;text-align:center;border:2px solid #ffe8a0}.ranking-table .rank-badge.gold{background:var(--ranking-gold);color:#8a6a09;box-shadow:0 2px 14px #ffd70055;position:relative}.ranking-table .rank-badge.gold::after{content:"★";margin-left:.3em;color:gold;font-size:1em;vertical-align:middle;text-shadow:0 2px 6px #fff7}.ranking-table .rank-badge.silver{background:var(--ranking-silver);color:#7c7c7c;border:2px solid #dde2f3}.ranking-table .rank-badge.bronze{background:var(--ranking-bronze);color:#fff;border:2px solid #fff1d6}.ranking-table a,.char-link,.guild-link{color:#c02c2c;font-weight:700;transition:color 0.18s,text-shadow 0.18s;text-shadow:0 1px 6px #ffe3ee33;text-decoration:none}.ranking-table a:hover,.char-link:hover,.guild-link:hover{color:gold;text-shadow:0 2px 16px #ffd70055,0 1px 4px #a2070722;text-decoration:underline}.ranking-table tbody tr:nth-child(even) td{background:#f6f7fb}.ranking-filter-bar{display:flex;margin:0 0 1.1em 0;padding:.45em .8em .45em .45em;background:linear-gradient(105deg,#fafaf7 80%,#f3f2e8 100%);border-radius:1.1em;box-shadow:0 1.5px 8px #f5e7b555;gap:.75em;align-items:center}.ranking-filter-bar .filter-row{display:flex;gap:.55em;width:100%}.filter-input,.filter-select{padding:.41em .8em;border-radius:.7em;border:1.5px solid #e8e3cb;font-size:1.04em;min-width:120px;background:#fff;color:#952d2d;font-weight:600;outline:none;transition:border 0.17s}.filter-input:focus,.filter-select:focus{border-color:gold}.filter-btn{background:linear-gradient(90deg,#ffd700 75%,#f3c543 100%);color:#952d2d;font-weight:900;border:none;border-radius:.7em;padding:.5em 1.25em;box-shadow:0 1px 4px #ffd70022;cursor:pointer;font-size:1.04em;transition:background 0.13s,color 0.13s}.filter-btn:hover{background:linear-gradient(90deg,#fffbe4 20%,#ffd700 100%);color:#b8860b}.pagination-bar{display:flex;justify-content:center;align-items:center;margin:1.1rem 0 .8rem 0;font-size:1.01rem;user-select:none}.pagination-list{display:flex;flex-wrap:wrap;gap:.18rem;padding:0;margin:0;list-style:none}.pagination-list li{display:inline-block}.pagination-list a,.pagination-list span{display:inline-block;min-width:1.75em;padding:.34em .72em;margin:0 .02em;border-radius:1em;font-weight:500;background:var(--bg-dark);color:#fff;text-decoration:none;border:1px solid var(--accent-color);transition:background 0.16s,color 0.16s,border 0.16s,box-shadow 0.15s;cursor:pointer;text-align:center;box-shadow:0 1px 2px rgb(0 0 0 / 7%)}.pagination-list a:hover,.pagination-list a:focus{background:var(--gold-tone);color:#181c2c;border-color:var(--gold-tone);text-decoration:none;outline:none}.pagination-list .active,.pagination-list span.active{background:var(--gold-tone);color:#181c2c;border:1.5px solid var(--gold-tone);pointer-events:none;cursor:default;font-weight:600;box-shadow:0 2px 8px rgb(255 216 98 / 13%)}.no-results-wrapper{padding:1.6em 0}.no-results{color:#c02c2c;background:#fcf7e7;border:1.5px solid #f5e7b5;font-size:1.06rem;box-shadow:0 2px 14px #fff7,0 1px 5px #a2070744;border-radius:8px;padding:1em;text-align:center;margin:0 auto;max-width:460px}.white-box{animation:none!important;transition:none!important;transform:none!important}.white-box h1,.white-box h2,.white-box h3{animation:none!important;transition:none!important;transform:none!important}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (max-width:950px){.ranking-flexbox{flex-direction:column;gap:1.1rem}.ranking-main-container{padding:clamp(0.3rem, 2vw, 0.8rem) clamp(0.1rem, 1vw, 0.6rem);border-radius:13px}.ranking-tabs-bar{flex-direction:row;flex-wrap:wrap;width:100%;min-width:unset;max-width:100vw;margin:0 0 1.2em 0;border-radius:10px;padding:.4em .15em;position:sticky;top:0;z-index:5;box-shadow:0 4px 24px #a2070722,0 .5px 4px #fff4;min-height:54px;gap:.4em;overflow-x:unset;scrollbar-width:none}.ranking-tabs-bar::-webkit-scrollbar{display:none}.ranking-tab{margin:.13em .17em .13em 0;font-size:.98em;min-width:96px;padding:.42em .85em;justify-content:center;flex:1 1 140px;text-align:center;max-width:250px}.ranking-tab.active::after{margin-left:0;margin-top:5px;margin-bottom:-8px;height:4px;width:38%;min-width:26px;max-width:64px;border-radius:3px;background:var(--ranking-gold)}}@media (max-width:700px){.white-box{padding:.88rem .33rem;border-radius:10px}}@media (max-width:650px){.ranking-table-wrap,.ranking-table{display:none!important}.ranking-cards-list{display:block!important}}.ranking-cards-list{display:none}.ranking-card{background:var(--ranking-box-bg);border-radius:var(--ranking-radius);box-shadow:var(--ranking-shadow);border:2px solid var(--ranking-box-border);margin:0 0 1rem 0;display:flex;gap:1em;align-items:center;padding:1em .6em;animation:fadeInUp 0.7s cubic-bezier(.3,.98,.52,1.02) 1}.ranking-card-rank{min-width:2.3em;font-size:1.45em;font-weight:900;text-align:center;background:var(--ranking-badge-bg);border-radius:50%;border:2px solid gold;color:var(--ranking-primary);box-shadow:0 2px 14px #ffd70055;display:flex;align-items:center;justify-content:center}.ranking-card-rank.gold{background:var(--ranking-gold);color:#8a6a09}.ranking-card-rank.silver{background:var(--ranking-silver);color:#888}.ranking-card-rank.bronze{background:var(--ranking-bronze);color:#fff}.ranking-card-main{flex:1}.ranking-card-title{font-size:1.08em;font-weight:800;color:var(--ranking-primary-dark);margin-bottom:.18em}.ranking-card-guild,.ranking-card-extra{font-size:.97em;color:#795454;margin-bottom:.1em}.faq-block{margin:1.2em 0 .5em 0;border-radius:13px;background:#fffdf5;box-shadow:0 2px 15px #f4ecd633;padding:1.1em 1em 1em 1em}.faq-item{margin-bottom:.7em;border-bottom:1px solid #f2e5b3;padding-bottom:.4em}.faq-q{font-weight:700;color:#a20707;cursor:pointer;font-size:1.07em;outline:none;padding:.17em 0;transition:color 0.14s}.faq-a{font-size:1.01em;color:#5e4436;margin:.18em 0 .05em .1em;display:block;padding-left:.5em}.share-buttons{display:flex;gap:1em;flex-wrap:wrap;align-items:center}.share-btn{display:inline-flex;align-items:center;gap:.5em;padding:.47em 1.23em;border-radius:11px;background:var(--ranking-gold);color:#965d00;font-weight:800;font-size:1em;border:none;box-shadow:0 1.5px 7px #ffd70029;text-decoration:none;cursor:pointer;transition:background 0.16s,color 0.16s,box-shadow 0.16s,transform 0.12s;margin-right:.4em;margin-bottom:.4em;min-width:125px;justify-content:center}.share-btn:last-child{margin-right:0}.share-btn.facebook{background:linear-gradient(93deg,#3b5998 67%,#fffbe6 100%);color:#fff;text-shadow:0 1px 8px #2b335e33}.share-btn.twitter{background:linear-gradient(93deg,#1da1f2 67%,#fffbe6 100%);color:#fff;text-shadow:0 1px 8px #157dc333}.share-btn.reddit{background:linear-gradient(93deg,#ff5700 67%,#fffbe6 100%);color:#fff;text-shadow:0 1px 8px #a03d0033}.share-btn.copy{background:var(--ranking-gold);color:#876300;text-shadow:none}.share-btn:hover,.share-btn:focus{background:linear-gradient(90deg,#fffbe4 20%,#ffd700 100%);color:#a07a00;box-shadow:0 3px 18px #ffd70055;outline:none;transform:translateY(-2px) scale(1.03)}@media (max-width:700px){.share-btn{min-width:90px;font-size:.97em;padding:.38em .9em}}.no-results{color:#c02c2c;background:#fcf7e7;border:1.5px solid #f5e7b5;font-size:1.06rem;box-shadow:0 2px 14px #fff7,0 1px 5px #a2070744;border-radius:9px;padding:1em 1.6em;text-align:center;margin:.6em auto;max-width:420px}@media (max-width:600px){.faq-block{padding:.6em .18em}}.breadcrumb-nav{margin-bottom:1.1em;font-size:1.03em;background:none;padding:0}.breadcrumb{display:flex;flex-wrap:wrap;gap:.45em;list-style:none;padding:0;margin:0}.breadcrumb li{color:#a07a7a;font-weight:600;font-size:1em;display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:"›";margin:0 .54em;color:#d8be8d;font-weight:900;font-size:1.11em}.breadcrumb a{color:var(--ranking-primary);text-decoration:none;font-weight:700;transition:color 0.17s,text-shadow 0.17s;text-shadow:0 1px 4px #ffe3ee22}.breadcrumb a:hover,.breadcrumb a:focus{color:gold;text-decoration:underline;outline:none}.breadcrumb li[aria-current="page"]{color:#a20707;font-weight:900;cursor:default;text-shadow:0 1px 6px #ffd70033}@media (max-width:600px){.breadcrumb-nav{font-size:.99em}.breadcrumb{gap:.2em}.breadcrumb li:not(:last-child)::after{margin:0 .31em}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}body.user-is-tabbing a:focus,body.user-is-tabbing button:focus,body.user-is-tabbing .ranking-tab:focus-visible,body.user-is-tabbing .share-btn:focus-visible{outline:2px solid #ffd700!important;outline-offset:2px}@media print{body{background:#fff!important}.white-box,.ranking-table,.ranking-card{box-shadow:none!important;border:1px solid #bbb!important;background:#fff!important;color:#000!important}.ranking-table th,.ranking-table td{background:#fff!important;color:#000!important}nav,.breadcrumb-nav,.share-buttons,.faq-block,.pagination-bar{display:none!important}}