:root{--ink:#162238;--sub:#5c6a80;--line:#e2e8f1;--surface:#fff;--base:#f4f7fb;--navy:#121e35;--blue:#2467d4;--yellow:#ffcc34;--shadow:0 9px 24px rgba(17,36,62,.06);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--base)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.topstrip{background:#10203a;color:#d9e5fa;text-align:center;padding:7px 12px;font-size:.77rem;letter-spacing:.02em}.head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 3px 14px #15223b08}.navwrap{max-width:1180px;margin:auto;display:flex;align-items:center;gap:24px;padding:13px 24px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:900;font-size:1.12rem;letter-spacing:-.025em}.brandmark{background:var(--yellow);color:#182339;display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-size:1.5rem}.nav{display:flex;align-items:center;gap:3px;flex:1;justify-content:flex-end;flex-wrap:wrap}.nav a{font-size:.83rem;color:#45536a;padding:9px 10px;border-radius:9px;font-weight:650;white-space:nowrap}.nav a:hover,.nav a.active{background:#edf4ff;color:#1855b1}.hamb{display:none;border:1px solid var(--line);background:white;border-radius:10px;padding:8px 12px;font-size:1.2rem}.shell{max-width:1180px;padding:27px 24px 60px;margin:auto;min-height:65vh}.hero{background:radial-gradient(circle at 83% 9%,#456ab0 0,#203b69 37%,#14253e 70%);color:#fff;border-radius:20px;min-height:276px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.hero-copy{max-width:640px;position:relative;z-index:1}.eyebrow{font-size:.76rem;font-weight:850;letter-spacing:.1em;color:#ffe081;text-transform:uppercase}.hero h1{font-size:clamp(2.1rem,4.4vw,3.2rem);letter-spacing:-.045em;line-height:1.12;margin:15px 0}.hero p{color:#d4e2fa;font-size:1rem;line-height:1.65;margin:0 0 21px;max-width:580px}.hero-decor{width:240px;height:240px;flex-shrink:0;border:18px solid #ffffff13;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 25px #ffffff0b,0 0 0 53px #ffffff07;font-size:6.7rem;transform:rotate(-13deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-size:.88rem;font-weight:800;background:var(--yellow);color:#1b2941}.btn:hover{filter:brightness(.96);color:#1b2941}.btn.secondary{background:white;color:#214776;border:1px solid #d4dfee}.btn.outline{background:transparent;color:#fff;border:1px solid #8ea3c4}.btn.small{padding:8px 12px;font-size:.8rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.section{margin-top:30px}.section-head{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px}.section h2,.page-header h1{font-size:1.46rem;line-height:1.28;letter-spacing:-.03em;margin:0}.section-head p{margin:5px 0 0;color:var(--sub);font-size:.89rem}.link{font-weight:750;color:#1f61c1;font-size:.84rem}.grid{display:grid;gap:15px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow);min-width:0}.card.clickable{transition:transform .15s,border-color .15s}.card.clickable:hover{transform:translateY(-2px);border-color:#8eb4f1}.card h3{font-size:1.02rem;margin:8px 0;letter-spacing:-.01em}.card p{font-size:.84rem;color:var(--sub);line-height:1.55;margin:7px 0}.icon-tile{display:grid;place-items:center;border-radius:12px;background:#eff4fc;width:46px;height:46px;font-size:1.45rem}.overline{color:#3f72c5;font-size:.69rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mini{font-size:.75rem;color:var(--sub)}.pill{border-radius:100px;display:inline-block;background:#edf4ff;color:#315d9a;padding:5px 10px;font-size:.7rem;font-weight:800}.pill.warm{background:#fff3d1;color:#8d5e07}.pill.muted{background:#f0f2f7;color:#607087}.page-header{padding:9px 0 17px}.page-header p{color:var(--sub);margin:8px 0;font-size:.94rem;line-height:1.55}.breadcrumb{font-size:.77rem;color:#718096;margin-bottom:12px}.notice{border-left:4px solid #e4ad24;background:#fff8e7;border-radius:7px;padding:13px 17px;font-size:.84rem;color:#775617;margin:16px 0}.notice.blue{background:#ecf4ff;border-color:#3e81d7;color:#24528c}.filters{display:flex;flex-wrap:wrap;gap:9px;background:white;border:1px solid var(--line);border-radius:13px;padding:15px;margin:17px 0}.field{background:white;border:1px solid #cdd6e4;border-radius:9px;padding:11px 12px;min-height:42px;color:var(--ink);outline-color:#387ce9;max-width:100%}.field.search{flex:1;min-width:200px}.resultsmeta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--sub);font-size:.79rem;margin:13px 0}.brawler-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.brawler{display:flex;align-items:center;gap:10px;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0;transition:border-color .14s,transform .14s}.brawler:hover{border-color:#4380d9;transform:translateY(-1px)}.avatar{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#2f58a0,#152a50);display:grid;place-items:center;color:white;font-weight:900;flex-shrink:0;font-size:.9rem;letter-spacing:-.04em}.avatar.gold{background:linear-gradient(135deg,#e8a928,#b8622e)}.avatar.purple{background:linear-gradient(135deg,#8152c4,#3f3e83)}.brawler strong{display:block;font-size:.82rem;overflow-wrap:anywhere}.brawler small{font-size:.69rem;color:#77849a}.tier-stack{display:grid;gap:11px}.tier-row{display:grid;grid-template-columns:85px 1fr;min-height:67px;overflow:hidden;border-radius:12px;border:1px solid var(--line);background:white}.tier-label{font-weight:950;font-size:1.24rem;display:flex;align-items:center;justify-content:center;background:#ecedf2}.tier-label.sss{background:#ffcc55}.tier-label.ss{background:#ff9d78}.tier-label.s{background:#ffa7be}.tier-label.a{background:#d1b0ed}.tier-label.b{background:#9cc5f3}.tier-label.c{background:#ace6c4}.tier-label.d{background:#dce1e8}.tier-members{padding:11px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.tier-name{border:1px solid #e2e8f2;background:#f8fafd;border-radius:8px;padding:8px 10px;font-weight:750;font-size:.8rem}.tier-name:hover{background:#eff5ff;border-color:#81a9e2}.toplist{margin:0;padding:0;list-style:none;display:grid;gap:10px}.toplist li{display:flex;align-items:center;gap:11px;font-size:.84rem}.rank{width:27px;height:27px;background:#e8effb;color:#2d61ae;border-radius:8px;font-weight:900;display:grid;place-items:center;flex-shrink:0}.toplist li:nth-child(-n+3) .rank{background:#fff0c3;color:#876100}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.guide-list{display:grid;gap:10px}.guide-row{display:flex;align-items:center;justify-content:space-between;gap:14px;background:white;border-radius:12px;padding:16px;border:1px solid var(--line)}.guide-row strong{display:block;font-size:.9rem}.guide-row p{font-size:.78rem;margin:5px 0 0;color:var(--sub)}.guide-row:hover{border-color:#78a6e8}.article{max-width:770px;background:#fff;border:1px solid var(--line);padding:24px 30px;border-radius:13px;line-height:1.75}.article h2{font-size:1.2rem;margin:22px 0 6px}.article p,.article li{color:#49586c}.article ul{padding-left:20px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-result{text-align:center;margin-top:14px}.compare-result h3{font-size:1.3rem;margin:9px}.compare-result .avatar{margin:auto;width:64px;height:64px;font-size:1.15rem}.empty{text-align:center;color:var(--sub);padding:27px}.footer{background:#101d32;color:#c7d4e6;padding:28px 24px;font-size:.79rem}.footer-inner{max-width:1130px;margin:auto;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer p{max-width:680px;line-height:1.65;color:#acbdd4}.footer a{color:#a9caff}.muted{color:var(--sub)}.tags{display:flex;flex-wrap:wrap;gap:7px}.visual{height:130px;background:linear-gradient(145deg,#213e69,#13253f);border-radius:11px;display:grid;place-items:center;color:#e7f1ff;font-size:2.4rem;margin-bottom:12px;overflow:hidden}.statline{display:flex;gap:6px;align-items:center;justify-content:space-between;border-top:1px solid #e6ebf3;padding:10px 0;font-size:.86rem}.subnav{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 22px}.subnav a{background:white;border:1px solid #dce4ef;border-radius:9px;padding:9px 12px;font-size:.8rem;font-weight:700}.subnav a:hover{border-color:#4e8ae8}.error{padding:60px 0;text-align:center}h1,h2,h3,h4{overflow-wrap:break-word}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3f89f8;outline-offset:2px}@media(max-width:960px){.navwrap{gap:8px}.nav a{padding:7px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.brawler-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-decor{width:155px;height:155px;font-size:4rem}}@media(max-width:720px){.navwrap{justify-content:space-between}.hamb{display:block}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:11px}.hero{padding:29px 22px;min-height:230px}.hero-decor{display:none}.split,.compare{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.brawler-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{padding:23px 15px 46px}.navwrap{padding:12px 16px}.tier-row{grid-template-columns:60px 1fr}.tier-label{font-size:.95rem}.article{padding:19px}.footer-inner{display:block}}@media(max-width:450px){.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.brawler-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.brawler{padding:8px;gap:7px}.avatar{width:38px;height:38px;font-size:.78rem}.tier-members{padding:8px}.tier-name{padding:6px 8px;font-size:.76rem}.hero h1{font-size:2rem}}