.ranking-page{background:#05080c;color:#edf2f7}.ranking-shell{width:min(1320px,calc(100% - 24px));margin:0 auto 72px}.ranking-hero{position:relative;overflow:hidden;min-height:300px;padding:82px 30px 42px;text-align:center;border:1px solid rgba(205,145,35,.72);border-top:0;border-radius:0 0 22px 22px;background:linear-gradient(rgba(3,6,10,.24),rgba(3,7,12,.74)),url('../images/ranking-ui/ranking-banner.webp') center/cover no-repeat;box-shadow:0 30px 90px rgba(0,0,0,.55)}.ranking-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,170,32,.16),transparent 44%);pointer-events:none}.ranking-hero:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#d99c2e,#ffe29a,#d99c2e,transparent)}.ranking-hero__decor{position:absolute;left:50%;top:14px;width:220px;height:72px;transform:translateX(-50%);background:url('../images/ranking-ui/decor-top-center.webp') center/contain no-repeat;filter:drop-shadow(0 0 14px rgba(238,167,50,.42));opacity:.95}.ranking-hero>span{position:relative;z-index:1;display:block;color:#efc568;font-size:12px;font-weight:800;letter-spacing:.28em}.ranking-hero h1{position:relative;z-index:1;margin:14px 0 8px;font-family:"Roboto Slab",serif;font-size:clamp(38px,6vw,70px);line-height:.98;color:#f8d479;text-shadow:0 3px 0 #6e3b05,0 0 28px rgba(245,177,47,.38)}.ranking-hero p{position:relative;z-index:1;max-width:760px;margin:0 auto;color:#e2e6ea;font-size:16px;line-height:1.65;text-shadow:0 2px 8px #000}.ranking-hero small{position:relative;z-index:1;display:inline-block;margin-top:18px;padding:8px 16px;border:1px solid rgba(220,159,48,.48);border-radius:999px;background:rgba(6,10,15,.78);color:#bfc9d4}.ranking-search-row{display:flex;justify-content:center;margin:24px 0 18px}.ranking-search-box{position:relative;display:flex;align-items:center;width:min(720px,100%);height:52px;border:1px solid #9b6d22;border-radius:13px;background:linear-gradient(180deg,#0b1118,#070b10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),0 0 20px rgba(193,127,25,.1);transition:border-color .18s,box-shadow .18s}.ranking-search-box:focus-within{border-color:#efbd55;box-shadow:0 0 0 3px rgba(239,189,85,.1),0 0 28px rgba(204,139,36,.12)}.ranking-search-box__icon{position:absolute;left:18px;top:50%;transform:translateY(-52%);color:#8c99a6;font-size:22px;line-height:1;pointer-events:none}.ranking-search{display:block;width:100%;height:100%;padding:0 48px 0 52px;border:0;border-radius:inherit;background:transparent;color:#fff;font:inherit;font-size:15px;outline:none;appearance:none;-webkit-appearance:none}.ranking-search::-webkit-search-decoration,.ranking-search::-webkit-search-cancel-button,.ranking-search::-webkit-search-results-button,.ranking-search::-webkit-search-results-decoration{-webkit-appearance:none}.ranking-search::placeholder{color:#8895a3;opacity:1}.ranking-search-clear{position:absolute;right:8px;top:50%;display:grid;place-items:center;width:34px;height:34px;padding:0;transform:translateY(-50%) scale(.86);border:0;border-radius:8px;background:transparent;color:#8f9aa7;font:inherit;font-size:23px;line-height:1;opacity:0;pointer-events:none;cursor:pointer;transition:.16s}.ranking-search-clear.is-visible{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.ranking-search-clear:hover{background:#19222c;color:#fff}.ranking-tabs-shell{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;margin-bottom:14px;border:1px solid #7d571d;border-radius:14px;background:linear-gradient(180deg,#0d131a,#070b10);box-shadow:0 12px 34px rgba(0,0,0,.32);overflow:hidden}.ranking-tabs{display:flex;align-items:stretch;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity}.ranking-tabs::-webkit-scrollbar{display:none}.ranking-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1 0 auto;min-width:max-content;min-height:58px;padding:0 22px;border:0;border-right:1px solid rgba(167,109,28,.28);background:linear-gradient(180deg,#101721,#0a0f15);color:#c3cbd4;font:inherit;font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer;scroll-snap-align:center;transition:background .18s,color .18s,box-shadow .18s}.ranking-tab:last-child{border-right:0}.ranking-tab:hover{background:linear-gradient(180deg,#171e28,#0e141c);color:#fff}.ranking-tab.is-on{background:linear-gradient(180deg,#7c170d,#3f0a06);color:#ffe6a5;box-shadow:inset 0 0 0 1px #ca8227,inset 0 -3px 0 #f4b33d,0 0 22px rgba(208,54,23,.22)}.ranking-tab.is-on:after{content:"";position:absolute;left:50%;bottom:-1px;width:32px;height:5px;transform:translateX(-50%);background:radial-gradient(circle,#fff2a7 0,#efa52f 36%,transparent 72%)}.ranking-tab__icon{display:block;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(235,164,47,.22))}.ranking-tab__label{display:block}.ranking-tabs-arrow{border:0;background:#080d13 center/18px no-repeat;cursor:pointer;transition:background-color .16s,filter .16s}.ranking-tabs-arrow:hover{background-color:#151d26;filter:brightness(1.25)}.ranking-tabs-arrow.is-left{background-image:url('../images/ranking-ui/arrow-left.webp');border-right:1px solid rgba(167,109,28,.35)}.ranking-tabs-arrow.is-right{background-image:url('../images/ranking-ui/arrow-right.webp');border-left:1px solid rgba(167,109,28,.35)}.ranking-tab:focus-visible,.ranking-search:focus-visible,.ranking-search-clear:focus-visible,.ranking-tabs-arrow:focus-visible{outline:2px solid #e8b850;outline-offset:-2px}.ranking-panel{position:relative;border:1px solid #8a6021;border-radius:18px;background:linear-gradient(rgba(7,12,18,.96),rgba(6,11,16,.98)),url('../images/ranking-ui/ranking-bg.webp') center/cover;box-shadow:0 28px 80px rgba(0,0,0,.48);overflow:hidden}.ranking-panel:before,.ranking-panel:after{content:"";position:absolute;top:0;width:130px;height:86px;z-index:2;pointer-events:none;background-size:contain;background-repeat:no-repeat}.ranking-panel:before{left:0;background-image:url('../images/ranking-ui/corner-left.webp');background-position:left top}.ranking-panel:after{right:0;background-image:url('../images/ranking-ui/corner-right.webp');background-position:right top}.ranking-view{display:none}.ranking-view.is-on{display:block}.ranking-title{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:28px 28px 18px;border-bottom:1px solid rgba(121,83,31,.45)}.ranking-title>div:first-child{min-width:0}.ranking-title span{color:#bd8b35;font-size:11px;font-weight:800;letter-spacing:.18em}.ranking-title h2{margin:4px 0 2px;color:#f3cf72;font:800 27px/1.2 "Roboto Slab",serif;text-shadow:0 2px 12px rgba(227,161,44,.14)}.ranking-title p{margin:0;color:#9ba7b4;font-size:13px}.ranking-title__meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.ranking-title__meta b{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border-left:1px solid rgba(150,111,49,.42);color:#b7c0ca;font-size:12px;font-weight:600}.ranking-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:14px;padding:24px 24px 18px}.ranking-podium-card{position:relative;min-width:0;min-height:150px;padding:30px 18px 16px;border:1px solid #7b5420;border-radius:16px;background:linear-gradient(145deg,rgba(24,33,44,.96),rgba(8,13,19,.98));box-shadow:inset 0 0 30px rgba(255,255,255,.02),0 15px 35px rgba(0,0,0,.32);overflow:visible;transition:transform .18s,box-shadow .18s,filter .18s}.ranking-podium-card:hover{transform:translateY(-3px);box-shadow:0 20px 42px rgba(0,0,0,.4)}.ranking-podium-card.rank-1{order:2;min-height:172px;border-color:#d99b31;background:radial-gradient(circle at 50% 0,rgba(217,155,49,.24),transparent 48%),linear-gradient(145deg,#271b0c,#0c1117 70%);box-shadow:0 0 0 1px rgba(255,209,97,.1),0 18px 48px rgba(0,0,0,.42)}.ranking-podium-card.rank-2{order:1;border-color:#647384;background:radial-gradient(circle at 50% 0,rgba(137,157,180,.16),transparent 48%),linear-gradient(145deg,#18222f,#0b1118 70%)}.ranking-podium-card.rank-3{order:3;border-color:#9e562f;background:radial-gradient(circle at 50% 0,rgba(175,90,43,.17),transparent 48%),linear-gradient(145deg,#25140e,#0b1118 70%)}.ranking-podium-card__badge{position:absolute;left:50%;top:-27px;width:78px;height:68px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.ranking-podium-card.rank-1 .ranking-podium-card__badge{width:96px;height:82px;top:-39px}.ranking-podium-card__content{display:flex;align-items:center;justify-content:space-between;gap:14px}.ranking-podium-card__stats{display:flex;flex-direction:column;align-items:flex-end;min-width:110px;text-align:right}.ranking-podium-card__stats small{color:#9ca8b5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.ranking-podium-card__stats strong{margin-top:4px;color:#f3cf72;font-size:26px;line-height:1}.ranking-podium-card.rank-2 .ranking-podium-card__stats strong{color:#c9d5e1}.ranking-podium-card.rank-3 .ranking-podium-card__stats strong{color:#e3a16e}.ranking-podium-card__stats span{margin-top:7px;color:#8fa0ae;font-size:11px}.ranking-table-wrap{width:calc(100% - 48px);margin:0 24px 24px;overflow-x:auto;border:1px solid rgba(56,70,84,.62);border-radius:12px;overscroll-behavior-inline:contain}.ranking-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:auto}.ranking-table th{padding:12px 16px;background:linear-gradient(180deg,#141b23,#0b1118);color:#c9a654;font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-align:left;white-space:nowrap}.ranking-table td{padding:12px 16px;border-top:1px solid #26313c;color:#d7dee7;vertical-align:middle}.ranking-table th:first-child,.ranking-table td:first-child{width:76px;text-align:center}.ranking-table tbody tr{transition:background .18s,transform .18s}.ranking-table tbody tr:hover{background:#151d27}.ranking-table tbody tr[hidden],.ranking-podium-card[hidden]{display:none}.rank-badge{display:grid;place-items:center;width:30px;height:30px;margin:auto;border:1px solid #3a4654;border-radius:50%;background:#202a35;color:#cbd4dd;font-weight:900}.ranking-character{display:flex;align-items:center;min-width:190px;gap:11px}.ranking-character.is-large{min-width:0;flex:1}.ranking-character__text{display:block;min-width:0}.ranking-character strong{display:block;overflow:hidden;color:#fff;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ranking-character.is-large strong{font-size:17px}.ranking-character small{display:block;margin-top:3px;color:#8e9baa;font-size:11px}.ranking-class-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;overflow:hidden;border:2px solid #96702b;border-radius:50%;background:#111925;box-shadow:0 0 0 3px rgba(217,173,74,.08),0 5px 15px rgba(0,0,0,.26)}.ranking-class-icon.is-large{width:72px;height:72px;flex-basis:72px}.ranking-class-icon img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain;object-position:center}.ranking-class-icon.is-empty:after{content:"?";color:#8d99a6;font-weight:900}.ranking-value-extra{display:block;margin-top:3px;color:#8e9baa;font-size:11px}.ranking-empty{display:grid;place-items:center;min-height:300px;padding:40px;text-align:center}.ranking-empty strong{color:#e8ca78;font-size:21px}.ranking-empty span{margin-top:8px;color:#8996a5}.ranking-no-result{display:none;padding:36px;text-align:center;color:#9ba7b5}.ranking-no-result.is-on{display:block}.ranking-download-banner{display:flex;align-items:center;justify-content:flex-start;min-height:96px;margin:22px 0 0;padding:18px 34px;border:1px solid #8e6020;border-radius:14px;background:linear-gradient(90deg,rgba(10,14,19,.1),rgba(6,10,15,.82)),url('../images/ranking-ui/download-banner.webp') center/cover no-repeat;color:#fff;text-decoration:none;box-shadow:0 18px 45px rgba(0,0,0,.36);transition:transform .18s,filter .18s}.ranking-download-banner:hover{transform:translateY(-2px);filter:brightness(1.08)}.ranking-download-banner span{display:flex;flex-direction:column}.ranking-download-banner strong{color:#f1c86d;font:800 24px/1.1 "Roboto Slab",serif}.ranking-download-banner small{margin-top:6px;color:#e0e5ea}.ranking-search:focus-visible{outline:none}@media(max-width:1050px){.ranking-tab{padding-inline:18px}.ranking-podium{grid-template-columns:1fr 1fr 1fr}.ranking-podium-card__content{align-items:flex-start;flex-direction:column}.ranking-podium-card__stats{align-items:flex-start;text-align:left}.ranking-class-icon.is-large{width:60px;height:60px;flex-basis:60px}}@media(max-width:820px){.ranking-shell{width:min(100% - 14px,1320px)}.ranking-hero{min-height:260px;padding:72px 18px 34px}.ranking-tabs-shell{grid-template-columns:38px minmax(0,1fr) 38px}.ranking-tab{min-height:52px;padding-inline:15px;font-size:13px}.ranking-title{align-items:flex-start;flex-direction:column;padding:24px 18px 16px}.ranking-title__meta{justify-content:flex-start}.ranking-podium{grid-template-columns:1fr;gap:18px;padding:28px 16px 16px}.ranking-podium-card,.ranking-podium-card.rank-1{order:initial;min-height:130px;padding-top:26px}.ranking-podium-card.rank-1{order:-1}.ranking-podium-card__content{align-items:center;flex-direction:row}.ranking-podium-card__stats{align-items:flex-end;text-align:right}.ranking-table-wrap{width:calc(100% - 32px);margin:0 16px 18px}.ranking-download-banner{padding-inline:22px}}@media(max-width:520px){.ranking-hero{min-height:232px;padding-top:66px}.ranking-hero h1{font-size:36px}.ranking-hero p{font-size:14px}.ranking-search-row{margin:16px 0 12px}.ranking-search-box{height:46px}.ranking-tabs-shell{grid-template-columns:34px minmax(0,1fr) 34px}.ranking-tab{min-height:48px;padding-inline:13px}.ranking-tab__icon{width:21px;height:21px}.ranking-title h2{font-size:23px}.ranking-title__meta b{padding-left:0;border-left:0}.ranking-podium-card__content{align-items:flex-start;flex-direction:column}.ranking-podium-card__stats{align-items:flex-start;text-align:left}.ranking-class-icon.is-large{width:58px;height:58px;flex-basis:58px}.ranking-table{min-width:690px}.ranking-table th,.ranking-table td{padding:11px 12px}.ranking-download-banner{min-height:86px}.ranking-download-banner strong{font-size:21px}}

/* V3: keep ranking content clear of the fixed global header. */
.ranking-shell{padding-top:calc(var(--nav-h) + 18px)}
.ranking-hero{padding-top:64px;border-top:1px solid rgba(205,145,35,.72);border-radius:22px}
@media(max-width:820px){.ranking-shell{padding-top:calc(var(--nav-h) + 12px)}}

/* V11 — ranking artwork must remain fully visible inside its frame. */
.ranking-page img:not([data-crop]){object-fit:contain!important;object-position:center!important;box-sizing:border-box!important}