:root{--bg:#08060e;--panel:#100d19;--panel2:#171125;--line:rgba(255,255,255,.12);--text:#fff;--muted:#b9b1c2;--yellow:#f6c84a;--yellow-soft:#ffe99a;--violet:#8d5bff;--cyan:#61e8dc;--display:'Bebas Neue',sans-serif;--body:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6;overflow-x:hidden}button,input{font:inherit}button,a{color:inherit}.ambient{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 78% 8%,rgba(141,91,255,.22),transparent 30%),radial-gradient(circle at 12% 42%,rgba(97,232,220,.1),transparent 25%),linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:auto,auto,58px 58px,58px 58px}.topbar{min-height:82px;padding:12px clamp(20px,6vw,92px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(8,6,14,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand>span{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,var(--yellow-soft),var(--yellow));color:#171005;font:800 28px var(--display);clip-path:polygon(50% 0,100% 20%,87% 83%,50% 100%,13% 83%,0 20%)}.brand strong{font:400 26px/1 var(--display);letter-spacing:1px}.brand small{display:block;color:var(--yellow);font:800 8px/1.6 var(--body);letter-spacing:2px}.topbar nav{display:flex;gap:30px;font-size:13px;font-weight:800;letter-spacing:1px}.topbar nav a{text-decoration:none;color:#d4cddd}.topbar nav a:hover{color:var(--yellow)}main{max-width:1450px;margin:auto}.hero{min-height:680px;padding:100px clamp(22px,7vw,100px);display:grid;grid-template-columns:1.15fr .65fr;gap:8vw;align-items:center}.eyebrow{margin:0 0 18px;color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:2.6px}.hero h1,.tier-section h2,.patch-section h2{font:400 clamp(76px,8vw,122px)/.82 var(--display);letter-spacing:-1px;margin:0;text-transform:uppercase}.hero h1 em,.patch-section h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--yellow);text-shadow:0 0 38px rgba(246,200,74,.15)}.lead{max-width:760px;color:#d9d2df;font-size:20px;line-height:1.7;margin:30px 0}.patch-status{display:flex;margin-top:38px;border:1px solid rgba(246,200,74,.35);width:max-content;max-width:100%}.patch-status>div{min-width:230px;padding:21px 26px}.patch-status>div+div{border-left:1px solid rgba(246,200,74,.26)}.patch-status span,.patch-status small{display:block;font-size:9px;font-weight:800;letter-spacing:1.7px}.patch-status span{color:var(--yellow)}.patch-status small{color:var(--muted)}.patch-status strong{display:block;font:400 52px/1 var(--display);margin:5px 0}.preview-patch{background:rgba(141,91,255,.09)}.hero-highlight{margin:0;background:linear-gradient(145deg,rgba(141,91,255,.2),rgba(16,13,25,.96));border:1px solid rgba(141,91,255,.42);padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.hero-highlight>p{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2px}.hero-highlight ol{list-style:none;margin:18px 0 0;padding:0}.hero-highlight li{display:grid;grid-template-columns:45px 1fr;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.hero-highlight li:last-child{border:0}.hero-highlight b{color:var(--yellow);font:400 32px var(--display)}.hero-highlight strong,.hero-highlight small{display:block}.hero-highlight strong{font:400 25px var(--display)}.hero-highlight small{color:var(--muted);font-size:10px;letter-spacing:1px}.tier-section,.patch-section{padding:110px clamp(22px,7vw,100px);border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,500px);gap:50px;align-items:end}.tier-section h2,.patch-section h2{font-size:clamp(58px,5.5vw,86px)}.section-heading>p{color:var(--muted);font-size:15px;margin:0}.controls{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:52px 0 36px}.role-tabs{display:flex;flex-wrap:wrap;gap:8px}.role-tabs button{border:1px solid var(--line);background:var(--panel);color:#cec7d4;padding:13px 18px;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:1px}.role-tabs button:hover,.role-tabs button.active{background:var(--yellow);border-color:var(--yellow);color:#171005}.search{display:grid;gap:7px;min-width:260px}.search span{color:var(--muted);font-size:9px;font-weight:800;letter-spacing:1.6px}.search input{width:100%;border:1px solid var(--line);background:var(--panel);color:#fff;padding:13px 15px;outline:none}.search input:focus{border-color:var(--yellow)}.tier-list{display:grid;gap:18px}.tier-row{display:grid;grid-template-columns:90px 1fr;background:rgba(16,13,25,.92);border:1px solid var(--line)}.tier-rank{display:grid;place-items:center;font:400 48px var(--display);color:#09070e}.tier-row[data-tier="S+"] .tier-rank{background:linear-gradient(145deg,#ffe997,#f3ad32)}.tier-row[data-tier="S"] .tier-rank{background:#ff8179}.tier-row[data-tier="A"] .tier-rank{background:#f7b66b}.tier-row[data-tier="B"] .tier-rank{background:#80d5af}.tier-row[data-tier="C"] .tier-rank{background:#76b7e9}.tier-row[data-tier="D"] .tier-rank{background:#aaa4b3}.champions{padding:18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.champion{min-width:0;padding:15px;background:var(--panel2);border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:43px 1fr;gap:11px;align-items:center}.champion:hover{border-color:rgba(246,200,74,.5);transform:translateY(-1px)}.champion-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,rgba(141,91,255,.55),rgba(97,232,220,.2));border:1px solid rgba(255,255,255,.17);color:var(--yellow);font:400 23px var(--display)}.champion-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:800}.champion-role{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:1px}.stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:5px}.stats span{color:#9992a2;font-size:8px;font-weight:800;letter-spacing:.6px}.stats strong{display:block;color:#e9e4ed;font-size:11px}.empty-state{text-align:center;color:var(--muted);padding:55px;border:1px dashed var(--line)}.patch-section{background:rgba(12,9,18,.84)}.patch-heading{display:flex;justify-content:space-between;gap:25px;align-items:start}.preview-label{background:var(--violet);padding:10px 15px;font-size:10px;font-weight:800;letter-spacing:1.6px}.patch-intro{max-width:820px;color:#d2cbd8;font-size:17px;margin:32px 0 44px}.patch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(246,200,74,.25)}.patch-grid article{background:var(--panel);padding:38px;border-top:4px solid var(--yellow)}.patch-grid article>span{color:var(--yellow);font:400 38px var(--display)}.patch-grid h3{font:400 31px var(--display);margin:24px 0 9px}.patch-grid p{color:var(--muted);font-size:14px}.source-section{margin:0 clamp(22px,7vw,100px) 110px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--line);background:rgba(16,13,25,.9)}.source-section strong{color:var(--yellow);font-size:11px;letter-spacing:1.8px}.source-section p{max-width:830px;color:var(--muted);font-size:13px;margin:7px 0 0}.source-section a{flex:none;background:var(--yellow);color:#171005;text-decoration:none;padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:1px}footer{padding:32px clamp(22px,6vw,92px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#817989;font-size:10px;letter-spacing:1px}footer a{color:var(--yellow);font-weight:800;text-decoration:none}@media(max-width:930px){.hero{grid-template-columns:1fr;min-height:auto}.hero-highlight{max-width:520px}.section-heading{grid-template-columns:1fr}.controls{align-items:stretch;flex-direction:column}.search{width:100%}.patch-grid{grid-template-columns:1fr}.source-section{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.topbar{min-height:70px}.topbar nav a:not(:first-child){display:none}.hero{padding:70px 19px}.hero h1{font-size:68px}.lead{font-size:17px}.patch-status{width:100%}.patch-status>div{padding:16px 13px;min-width:0;flex:1}.patch-status strong{font-size:43px}.tier-section,.patch-section{padding:82px 19px}.tier-section h2,.patch-section h2{font-size:54px}.role-tabs button{flex:1;padding:12px 9px}.tier-row{grid-template-columns:58px 1fr}.tier-rank{font-size:38px;writing-mode:vertical-rl}.champions{grid-template-columns:1fr;padding:10px}.patch-heading{display:block}.preview-label{display:inline-block;margin-top:20px}.source-section{margin:0 19px 82px;padding:25px 22px}.source-section a{width:100%;text-align:center}footer{flex-direction:column;text-align:center;gap:8px}}
/* Champion portraits sourced from the Tencent image URLs used by WR China Meta. */
.champion{grid-template-columns:64px minmax(0,1fr)}
.champion-mark{width:64px;height:64px;border-radius:12px;overflow:hidden;border-color:rgba(246,200,74,.42)}
.champion-mark img{display:block;width:100%;height:100%;object-fit:cover}
.champion-name{font-size:14px;white-space:normal}