.landing .rank-main{max-width:1100px;margin:0 auto;padding:56px 20px 96px}.landing .rank-shell{background:var(--panel-hi);border:1px solid var(--border);padding:40px 32px 44px;position:relative;box-shadow:0 30px 60px -44px #2a201673}.landing .rank-shell:before{content:"";border:1px solid var(--border);pointer-events:none;opacity:.55;position:absolute;inset:6px}.landing .rank-head{text-align:center;margin-bottom:26px}.landing .rank-eyebrow{font-family:var(--pixel);letter-spacing:.28em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;font-size:11px;display:inline-flex}.landing .rank-eyebrow:before,.landing .rank-eyebrow:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-dim));width:28px;height:1px}.landing .rank-eyebrow:after{transform:scaleX(-1)}.landing .rank-title{font-family:var(--display);letter-spacing:.02em;color:var(--ink);text-shadow:0 2px #ffffff80;margin:10px 0;font-size:clamp(30px,4.4vw,44px);font-weight:400;line-height:1.05}.landing .rank-lede{color:var(--ink-dim);max-width:56ch;margin:0 auto;font-size:15px}.landing .rank-controls{border-bottom:1px dashed var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:24px;display:flex}.landing .rank-tabs,.landing .rank-server{background:var(--bg-2);border:1px solid var(--border-hi);align-items:center;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #2a201614}.landing .rank-tabs button,.landing .rank-server button{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 18px;font-size:12px;font-weight:600;transition:color .15s,background-color .15s,box-shadow .15s}.landing .rank-tabs button:hover,.landing .rank-server button:hover{color:var(--ink);background:#9a6f1e14}.landing .rank-tabs button:focus-visible,.landing .rank-server button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.landing .rank-tabs button.on,.landing .rank-server button.on{background:var(--ink);color:var(--bg);box-shadow:0 4px 12px -6px #2a201699}.landing .rank-note{font-family:var(--sans);color:#574828;background:#efe7c9;border:1px solid #d8c99c;align-items:flex-start;gap:9px;margin:0 0 24px;padding:11px 14px;font-size:13px;line-height:1.5;display:flex;box-shadow:0 2px 8px -4px #785f144d}.landing .rank-note-icon{color:var(--accent);flex:none;margin-top:2px}.landing .rank-season{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin:-6px 0 22px;font-size:12px;font-weight:600;line-height:1.7}.landing .rank-board{--pos:60px;--av:52px;--areas:"pos av who tier extra";--cta-areas:"pos av who who extra";border:1px solid var(--border-hi);background:linear-gradient(180deg, var(--panel-hi), var(--panel));position:relative}.landing .rank-board--elo{--cols:var(--pos) var(--av) minmax(0, 1fr) 150px minmax(0, 1.25fr)}.landing .rank-board--kills{--cols:var(--pos) var(--av) minmax(0, 1fr) 140px 270px}.landing .rank-board--clans{--cols:var(--pos) var(--av) minmax(0, 1fr) 120px 270px}.landing .rank-board:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);pointer-events:none;height:2px;position:absolute;top:-1px;left:0;right:0}.landing .rank-list{margin:0;padding:0;list-style:none}.landing .rank-row{isolation:isolate;grid-template-columns:var(--cols);grid-template-areas:var(--areas);border-bottom:1px solid var(--border);align-items:center;gap:6px 16px;min-height:80px;padding:12px 22px 12px 14px;transition:background-color .18s,box-shadow .18s;display:grid;position:relative}.landing .rank-list>.rank-row:last-child{border-bottom:0}@media (hover:hover){.landing .rank-list>.rank-row:not(.rank-row--me):not(.rank-row--sk):hover{z-index:1;background-color:#9a6f1e0f;box-shadow:0 10px 24px -20px #2a201699}}.landing .rank-list:not(.rank-list--sk)>.rank-row,.landing .rank-row--extra,.landing .rank-row--cta{animation:.46s cubic-bezier(.2,.75,.25,1) backwards rank-row-in;animation-delay:min(calc(var(--i,0) * 30ms), .54s)}@keyframes rank-row-in{0%{opacity:0;transform:translateY(8px)}}.landing .rank-pos{grid-area:pos}.landing .rank-av{grid-area:av}.landing .rank-who{grid-area:who}.landing .rank-tier{grid-area:tier}.landing .rank-extra{grid-area:extra}.landing .rank-row--head{background:var(--bg-2);border-bottom:1px solid var(--border-hi);min-height:0;font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding-top:12px;padding-bottom:11px;font-size:10px;font-weight:700;line-height:1.4}.landing .rank-row--head .rank-pos{font:inherit;color:inherit}.landing .rank-row--head .rank-h-who{grid-column:av-start/who-end}.landing .rank-row--head .rank-h-tier{grid-area:tier}.landing .rank-board--kills .rank-row--head .rank-extra,.landing .rank-board--clans .rank-row--head .rank-extra{justify-self:end}.landing .rank-clan-logo{width:40px;height:52px;image-rendering:pixelated;filter:drop-shadow(0 2px 3px #2a201659);justify-self:center}.landing .rank-clan-rating{align-items:baseline;gap:6px}.landing .rank-clan-rating b{font-family:var(--display);color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:400;line-height:1}.landing .rank-pos{font-family:var(--display);letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--ink-dim);white-space:nowrap;place-items:center;font-size:26px;line-height:1;display:grid;position:relative}.landing .rank-badge{object-fit:contain;width:52px;height:52px;transform:scale(var(--badge-scale,1));filter:drop-shadow(0 3px 4px #2a20164d)}.landing .rank-badge--2{--badge-scale:1.12}.landing .rank-badge--3{--badge-scale:1.25}.landing .rank-avatar,.landing .rank-portrait{border-radius:50%;flex:none;width:52px;height:52px;display:block;position:relative}.landing .rank-avatar img,.landing .rank-portrait img{object-fit:contain;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.landing .rank-img-main{opacity:0}.landing .is-loaded>.rank-img-main{opacity:1}.landing .is-loaded>.rank-img-fallback{opacity:0}.landing .rank-avatar{background:var(--bg-2);box-shadow:0 0 0 2px var(--panel-hi), 0 0 0 3px var(--border-hi)}.landing .rank-avatar .rank-img-main{object-fit:cover;border-radius:50%}.landing .rank-portrait .rank-img-fallback{filter:drop-shadow(0 2px 3px #2a201647)}.landing .rank-portrait.is-loaded{background:radial-gradient(circle at 50% 35%, #9a6f1e29, transparent 70%), var(--bg-2);box-shadow:0 0 0 2px var(--panel-hi), 0 0 0 3px var(--border-hi);overflow:hidden}.landing .rank-portrait .rank-img-main{transform-origin:50%;transform:scale(2.9)}.landing .rank-portrait--sm{width:34px;height:34px}.landing .rank-who{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.landing .rank-who-line{align-items:baseline;gap:8px;min-width:0;max-width:100%;display:flex}.landing .rank-username,.landing .rank-name{min-width:0;font-family:var(--sans);letter-spacing:.01em;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:16px;font-weight:600;overflow:hidden}.landing .rank-clan{letter-spacing:.08em;min-width:0;color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;flex:0 50 auto;font-size:13px;font-variant-caps:all-small-caps;font-weight:600;overflow:hidden}.landing .rank-character-name{color:color-mix(in oklab, var(--rank-name-color,var(--ink)) 68%, var(--ink));paint-order:stroke fill;-webkit-text-stroke:.6px #28180a59}.landing .rank-faction-badge{background:var(--bg-2);max-width:100%;color:color-mix(in oklab, var(--rank-name-color,var(--ink-dim)) 68%, var(--ink));font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;opacity:.85;text-overflow:ellipsis;white-space:nowrap;border:1px solid;border-radius:4px;align-items:center;padding:1px 5px;font-size:8px;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.landing .rank-you{background:var(--blue);color:var(--panel-hi);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;flex:none;align-self:center;padding:4px 6px 3px;font-size:9px;font-weight:700;line-height:1}.landing .rank-tier{min-width:0;color:var(--rank-tier-color,var(--ink-dim));align-items:center;gap:10px;display:inline-flex}.landing .rank-tier img{object-fit:contain;filter:drop-shadow(0 2px 3px #2a201659);flex:none;width:40px;height:40px}.landing .rank-board--kills .rank-tier img{width:34px;height:34px}.landing .rank-tier-text{flex-direction:column;gap:6px;min-width:0;display:flex}.landing .rank-tier-name{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;paint-order:stroke fill;-webkit-text-stroke:.35px #28180a73;font-size:11px;font-weight:700;line-height:1.2}.landing .rank-tier-sub{font-family:var(--sans);color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:500;line-height:1}.landing .rank-mp{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;min-width:0;display:grid}.landing .rank-mp-item{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.landing .rank-mp-text{flex-direction:column;gap:3px;min-width:0;display:flex}.landing .rank-mp-text .rank-character-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.landing .rank-mp-pct{letter-spacing:.04em;color:var(--accent-2);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;line-height:1}@media (max-width:1079px){.landing .rank-mp{gap:0;display:flex}.landing .rank-mp-item{display:contents}.landing .rank-mp .rank-portrait{box-shadow:0 0 0 2px var(--panel-hi);margin-left:-10px}.landing .rank-mp-item:nth-child(2) .rank-portrait{z-index:3;margin-left:0}.landing .rank-mp-item:nth-child(3) .rank-portrait{z-index:2}.landing .rank-mp-item:nth-child(2) .rank-mp-text{order:1;margin-left:10px}.landing .rank-mp-item:not(:nth-child(2)) .rank-mp-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.landing .rank-stats{font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;justify-content:flex-end;align-items:baseline;gap:8px;font-size:10px;font-weight:600;display:flex}.landing .rank-stat b{letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:3px;font-size:15px;font-weight:700}.landing .rank-stat--kills b{color:var(--xp)}.landing .rank-stat--bots b{color:var(--ink-faint)}.landing .rank-stat--deaths b{color:var(--hp)}.landing .rank-stat-sep{color:var(--border-hi)}.landing .rank-row--medal{min-height:90px}.landing .rank-row--medal:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--medal) 62%, transparent) 0%, color-mix(in srgb, var(--medal) 34%, transparent) 28%, color-mix(in srgb, var(--medal) 12%, transparent) 52%, transparent 64%);clip-path:polygon(0 0,64% 0,56% 100%,0 100%);position:absolute;inset:0}.landing .rank-row--medal:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--medal-line), var(--medal-line)) left top / 2px 100% no-repeat, linear-gradient(90deg, var(--medal-line), transparent 72%) left top / 100% 2px no-repeat, linear-gradient(90deg, var(--medal-line), transparent 72%) left bottom / 100% 2px no-repeat;position:absolute;inset:0}.landing .rank-streak{z-index:0;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--medal) 25%, white) 60%, var(--medal), transparent) no-repeat, linear-gradient(90deg, transparent, var(--medal), color-mix(in srgb, var(--medal) 25%, white) 40%, transparent) no-repeat;filter:drop-shadow(0 0 3px var(--medal));background-position:-40% 0,140% 100%;background-size:22% 3px,22% 3px;animation:3.6s linear infinite rank-streak;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 30%,#0000 92%);mask-image:linear-gradient(90deg,#000 30%,#0000 92%)}@keyframes rank-streak{0%{background-position:-40% 0,140% 100%}50%{background-position:140% 0,140% 100%}to{background-position:140% 0,-40% 100%}}.landing .rank-sparks{pointer-events:none;position:absolute;inset:0}.landing .rank-sparks i{background:color-mix(in srgb, var(--medal) 30%, white);width:4px;height:4px;box-shadow:0 0 0 1px color-mix(in srgb, var(--medal-line) 85%, transparent), 0 0 6px 2px color-mix(in srgb, var(--medal) 90%, transparent);opacity:0;border-radius:50%;animation:2.6s ease-out infinite rank-spark;position:absolute;bottom:40%;left:50%}.landing .rank-sparks i:first-child{--dx:-4px;animation-delay:0s;bottom:58%;left:8%}.landing .rank-sparks i:nth-child(2){--dx:5px;animation-delay:.35s;bottom:52%;left:86%}.landing .rank-sparks i:nth-child(3){--dx:-2px;width:3px;height:3px;animation-delay:.7s;bottom:68%;left:34%}.landing .rank-sparks i:nth-child(4){--dx:3px;animation-delay:1.05s;bottom:62%;left:96%}.landing .rank-sparks i:nth-child(5){--dx:-6px;width:3px;height:3px;animation-delay:1.4s;bottom:50%;left:18%}.landing .rank-sparks i:nth-child(6){--dx:4px;animation-delay:1.75s;bottom:66%;left:70%}.landing .rank-sparks i:nth-child(7){--dx:-3px;width:3px;height:3px;animation-delay:2.1s;bottom:56%;left:0%}.landing .rank-sparks i:nth-child(8){--dx:2px;animation-delay:2.35s;bottom:72%;left:54%}@keyframes rank-spark{0%{opacity:0;transform:translate(0)scale(1)}15%{opacity:1}to{opacity:0;transform:translate(var(--dx,0px), -34px) scale(.4)}}.landing .rank-row--me{z-index:3;background-color:color-mix(in srgb, var(--blue) 9%, var(--panel-hi));box-shadow:inset 4px 0 0 var(--blue), inset 0 1px 0 color-mix(in srgb, var(--blue) 30%, transparent), 0 -14px 28px -18px #2a20168c;position:sticky;bottom:0}.landing .rank-row--me.rank-row--medal:after{left:4px}.landing .rank-row--extra,.landing .rank-row--cta{border-bottom:0;border-top:1px solid var(--border-hi)}.landing .rank-row--extra .rank-pos--num{font-size:20px}.landing .rank-me-closes{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);white-space:nowrap;justify-self:end;font-size:11px;font-weight:600;line-height:1.4}.landing .rank-row--cta{grid-template-areas:var(--cta-areas)}.landing .rank-row--cta .rank-pos{color:var(--ink-faint)}.landing .rank-cta-title{font-family:var(--sans);color:var(--ink);font-size:16px;font-weight:600}.landing .rank-cta-body{color:var(--ink-dim);font-size:13px;line-height:1.45}.landing .rank-cta-btn{white-space:nowrap;justify-self:end;padding:10px 18px;font-size:14px}.landing .rank-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.landing .rank-sk{background:var(--bg-2);display:block}.landing .rank-sk--pos{border-radius:50%;width:26px;height:26px}.landing .rank-sk--line{width:min(100%,150px);height:11px}.landing .rank-sk--short{width:64px}.landing .rank-sk--gem{border-radius:50%;flex:none;width:36px;height:36px}.landing .rank-row--sk{overflow:hidden}.landing .rank-row--sk .rank-extra{align-items:center;min-height:20px;display:flex}.landing .rank-board--elo .rank-row--sk .rank-extra{min-height:30px}.landing .rank-row--sk-top{background:linear-gradient(90deg,#9a6f1e1a,#0000 60%);min-height:90px}.landing .rank-row--sk:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#9a6f1e1a 50%,#0000 100%);animation:1.4s linear infinite rank-shimmer;position:absolute;inset:0}@keyframes rank-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.landing .rank-state{text-align:center;border:1px dashed var(--border);flex-direction:column;align-items:center;gap:10px;padding:56px 24px;display:flex}.landing .rank-state-mark{margin-bottom:6px;font-size:42px;line-height:1}.landing .rank-state h2{font-family:var(--display);letter-spacing:.04em;color:var(--ink);margin:0;font-size:22px;font-weight:400}.landing .rank-state p{color:var(--ink-dim);max-width:420px;margin:0 0 8px}.landing .rank-state-detail{font-family:var(--font-mono);color:var(--ink-faint);word-break:break-word;font-size:12px}.landing .rank-state--error h2{color:var(--danger)}@media (max-width:899px){.landing .rank-shell{padding:32px 20px 36px}.landing .rank-board--kills,.landing .rank-board--clans{--cols:var(--pos) var(--av) minmax(0, 1fr) auto;--areas:"pos av who tier" "pos av extra extra"}.landing .rank-board--kills .rank-row--head,.landing .rank-board--clans .rank-row--head{display:none}.landing .rank-board--kills .rank-stats,.landing .rank-board--clans .rank-stats{justify-content:flex-start}}@media (max-width:719px){.landing .rank-board--elo{--cols:var(--pos) var(--av) minmax(0, 1fr) auto;--areas:"pos av who tier" "pos av extra extra";--cta-areas:"pos av who who" "pos av extra extra"}.landing .rank-board--elo .rank-row--head{display:none}.landing .rank-me-closes,.landing .rank-cta-btn{justify-self:start}}@media (max-width:639px){.landing .rank-main{padding:28px 10px 64px}.landing .rank-shell{padding:26px 12px 28px}.landing .rank-shell:before{inset:4px}.landing .rank-controls{margin-bottom:20px;padding-bottom:20px}.landing .rank-tabs{width:100%;display:flex}.landing .rank-tabs button{letter-spacing:.06em;flex:1 1 0;min-width:0;padding:10px 6px;font-size:11px}.landing .rank-board{--pos:34px;--av:40px;--areas:"pos av who tier" "pos extra extra extra"}.landing .rank-row{column-gap:10px;min-height:74px;padding:10px 12px 10px 8px}.landing .rank-row--medal,.landing .rank-row--sk-top{min-height:82px}.landing .rank-pos{font-size:21px}.landing .rank-badge{width:38px;height:38px}.landing .rank-avatar,.landing .rank-portrait.rank-av{width:40px;height:40px}.landing .rank-portrait--sm{width:28px;height:28px}.landing .rank-clan-logo{width:30px;height:40px}.landing .rank-clan-rating b{font-size:20px}.landing .rank-username,.landing .rank-name{font-size:15px}.landing .rank-who .rank-faction-badge{display:none}.landing .rank-tier{gap:7px}.landing .rank-tier img,.landing .rank-board--kills .rank-tier img{width:28px;height:28px}.landing .rank-tier-text{gap:4px}.landing .rank-tier-name{font-size:9.5px}.landing .rank-tier-sub{font-size:11px}.landing .rank-board--kills .rank-tier-text{display:none}.landing .rank-stats{letter-spacing:.06em;flex-wrap:wrap;gap:2px 6px;font-size:9px}.landing .rank-stat b{font-size:13px}.landing .rank-row--extra .rank-pos--num{font-size:15px}.landing .rank-cta-body{display:none}.landing .rank-cta-title{font-size:14px;line-height:1.3}.landing .rank-cta-btn{padding:8px 14px;font-size:13px}}@media (max-width:399px){.landing .rank-tabs button span[aria-hidden],.landing .rank-board--elo .rank-tier-name,.landing .rank-stat-sep{display:none}.landing .rank-stats{column-gap:9px}}@media (prefers-reduced-motion:reduce){.landing .rank-streak,.landing .rank-sparks{display:none}.landing .rank-list:not(.rank-list--sk)>.rank-row,.landing .rank-row--extra,.landing .rank-row--cta,.landing .rank-row--sk:after{animation:none}.landing .rank-row,.landing .rank-avatar img,.landing .rank-portrait img{transition:none}}
