:root{color-scheme:dark;--bg:#0b0c0e;--panel:#141618;--panel2:#181a1d;--panel3:#1d2023;--line:#2b2e32;--line2:#393d42;--text:#e7e9ea;--dim:#969ca2;--subtle:#646a71;--silver:#b5bbc0;--accent:#d1d7dc;--green:#65ba9b;--font:Inter,Segoe UI,Roboto,Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse 48% 20% at 50% 0,rgba(150,157,163,.045),transparent 80%),linear-gradient(180deg,#0f1012 0,var(--bg) 450px)}
.topbar{height:68px;border-bottom:1px solid #292c30;background:#111315}.topbar__inside{max-width:1420px;height:100%;padding:0 34px;margin:0 auto;display:flex;align-items:center;gap:30px}.brand{display:flex;gap:15px;align-items:center;flex-shrink:0}.brand__emblem{font-size:29px;font-weight:900;letter-spacing:-.095em;line-height:1;text-transform:lowercase;color:#f7f8f8}.brand__emblem span{color:#838a91}.brand__title{border-left:1px solid #41454a;padding-left:15px;font-size:12px;letter-spacing:.22em;font-weight:800;white-space:nowrap}.brand__title b{color:#9ca3a8;font-weight:600}.topbar__nav{margin-left:90px;display:flex;align-self:stretch;gap:35px}.topbar__nav a{font-size:10px;letter-spacing:.18em;color:#858a90;display:grid;place-items:center;font-weight:750;transition:color .18s}.topbar__nav a[aria-current=page]{color:#f3f4f5;box-shadow:inset 0 -2px #d1d4d8}.topbar__nav a:hover{color:#f8f8f8}.topbar__meta{margin-left:auto;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;letter-spacing:.15em;color:#858b92}.topbar__meta strong{color:#d7d9dc}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#89cbb0;margin-right:6px;box-shadow:0 0 0 3px rgba(137,203,176,.08)}
.main{width:100%;max-width:1420px;margin:0 auto;flex:1;padding:0 34px 75px}.hero{padding:77px 0 44px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:17px;font-size:10px;font-weight:750;letter-spacing:.25em;color:#777e85}.eyebrow .line{width:27px;height:1px;background:#3b3f43}.hero h1{font-weight:900;font-size:clamp(33px,4.1vw,57px);line-height:1.1;letter-spacing:-.063em;margin:21px auto 14px;color:#fafafa}.hero h1 span{font-weight:400;color:#d1d4d7;letter-spacing:-.05em}.hero h1 em{font-size:.44em;letter-spacing:.18em;text-transform:uppercase;font-style:normal;font-weight:760;color:#959da4;margin-left:9px;vertical-align:17%;white-space:nowrap}.hero__intro{margin:0;color:#939aa1;letter-spacing:.025em;font-size:13px}.search-module{max-width:810px;margin:51px auto 0;text-align:left}.search-switch{display:flex;align-items:center;border:0;padding:0;margin:0 0 0 0}.switch-option{position:relative;display:block;min-width:132px;text-align:center;cursor:pointer}.switch-option input{position:absolute;opacity:0}.switch-option span{display:block;padding:14px 15px 13px;color:#858b90;font-size:10px;font-weight:850;letter-spacing:.17em;border:1px solid #34383c;background:#121417}.switch-option+.switch-option span{border-left:0}.switch-option input:checked+span{background:#282b2f;border-color:#51565b;color:#f3f5f5}.switch-option input:focus-visible+span{outline:2px solid white;outline-offset:2px}.search-bar{height:64px;display:flex;align-items:stretch;background:#1b1d20;border:1px solid #474c50;box-shadow:0 10px 42px rgba(0,0,0,.2)}.search-symbol{width:58px;display:grid;place-items:center;color:#818991;flex-shrink:0}.search-bar input{border:0;background:transparent;color:#f5f7f8;outline:0;min-width:0;flex:1;font-size:15px;font-weight:500;letter-spacing:.015em}.search-bar input::placeholder{color:#747c83}.search-bar select{border:0;border-left:1px solid #3c4146;border-radius:0;background:#1b1d20;color:#d8dcdf;padding:0 15px;min-width:85px;outline:none;cursor:pointer;font-size:12px;font-weight:750;letter-spacing:.11em}.search-button{border:0;border-left:1px solid #51575d;border-radius:0;padding:0 26px;background:#d4d9dd;color:#16191c;font-size:11px;letter-spacing:.14em;font-weight:900;display:flex;align-items:center;gap:21px}.search-button:hover{background:#f3f5f7}.search-button span{font-size:21px;line-height:1}.search-hint{display:flex;gap:15px;justify-content:space-between;align-items:center;padding-top:12px;font-size:10px;line-height:1.5;color:#727b82}.health{text-align:right;color:#78837f;font-size:9px;letter-spacing:.11em;font-weight:750;white-space:nowrap}.health.good{color:#7bac96}.health.bad{color:#d2a481}
.workspace{max-width:1170px;margin:12px auto 0}.intro-state{min-height:265px;border-top:1px solid #2c3033;text-align:center;padding:39px 18px 0}.glyph{color:#393f44;width:67px;height:67px;margin:0 auto 16px}.glyph svg{width:100%;height:100%}.intro-state h2{font-size:18px;font-weight:600;letter-spacing:-.03em;color:#cbd1d5;margin:0 0 11px}.intro-state p{color:#858e96;max-width:540px;margin:0 auto;line-height:1.65;font-size:12px}.intro-state__labels{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:25px;color:#6d757b;letter-spacing:.15em;font-size:9px;font-weight:700}.intro-state__labels i{width:3px;height:3px;background:#52585e;border-radius:50%}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #383c40;padding:0 0 16px;margin:0 0 18px}.section-heading h2{margin:0;font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:780}.section-heading span{font-size:10px;color:#78818a;letter-spacing:.11em}.result-list{display:grid;gap:6px}.result-row{border:1px solid #303438;background:#151719;display:grid;grid-template-columns:50px minmax(150px,2fr) 1fr 1fr 1fr 95px;align-items:center;gap:17px;text-align:left;width:100%;min-height:70px;padding:10px 17px;color:#d2d7da;transition:background .15s,border-color .15s}.result-row:hover,.result-row:focus-visible{background:#212428;border-color:#676d73}.result-row.guild-row{grid-template-columns:50px minmax(150px,2fr) 1fr 1fr 1fr}.result-symbol{width:45px;height:45px;background:#24292c;border:1px solid #41474b;display:grid;place-items:center;color:#9ba7ad;font-size:20px;font-weight:800}.result-name{font-size:14px;font-weight:750}.result-meta{font-size:11px;color:#a3abb0}.result-region{font-size:10px;letter-spacing:.15em;color:#8c969e;text-align:right}.muted{color:#7f878e}.feedback{border:1px solid #32373b;background:#151719;min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px;text-align:center}.feedback h3{font-size:14px;font-weight:700;margin:0 0 10px}.feedback p{font-size:12px;color:#9199a0;max-width:640px;line-height:1.7;margin:0}.feedback .back{margin-top:20px}
.back{border:1px solid #454b50;padding:10px 15px;background:#202326;color:#d7dade;font-size:10px;font-weight:750;letter-spacing:.11em}.back:hover{background:#313539}.profile-header{padding:28px 28px 24px;border:1px solid #383d42;background:linear-gradient(115deg,#25282b,#17191b 70%);display:flex;align-items:center;gap:25px}.portrait{height:101px;width:101px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,#292d32,#0f1113);border:1px solid #555b60;color:#77818b;font-size:44px;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.profile-identity{flex:1;min-width:0}.profile-eyebrow{font-size:10px;color:#9ba5ad;text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-bottom:8px}.profile-identity h2{margin:0 0 9px;font-size:clamp(23px,3vw,34px);font-weight:900;letter-spacing:-.06em;word-break:break-word}.profile-sub{font-size:11px;color:#b0b8be;letter-spacing:.045em}.profile-guild{margin-top:8px;font-size:12px;color:#d3d7da}.profile-guild button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0}.profile-right{text-align:right;align-self:stretch;display:flex;flex-direction:column;align-items:end;justify-content:center;gap:6px}.profile-ilvl{font-weight:850;font-size:32px;line-height:1}.profile-right small{font-size:10px;color:#999fa5;letter-spacing:.14em}.profile-class{color:#dedee2}.class-warrior{color:#c79c6e}.class-rogue{color:#fff468}.class-mage{color:#69ccf0}.class-priest{color:#ffffff}.class-warlock{color:#9482c9}.class-hunter{color:#abd473}.class-paladin{color:#f58cba}.class-druid{color:#ff7d0a}.class-shaman{color:#0070de}.class-death-knight{color:#c41f3b}.class-monk{color:#00ff96}.class-demon-hunter{color:#a330c9}
.profile-main{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.paper{border:1px solid #363b3f;background:#16191b}.paper-title{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #373b3f;font-size:10px;font-weight:830;letter-spacing:.19em;color:#d5dade;text-transform:uppercase}.paper-title .hint{font-weight:500;color:#899299;font-size:9px;letter-spacing:.06em}.equipment-grid{padding:22px;display:grid;grid-template-columns:1fr minmax(80px,1.22fr) 1fr;gap:12px;min-height:490px}.gear-column{display:flex;flex-direction:column;gap:7px}.gear-item{display:flex;gap:9px;min-height:47px;border:1px solid #30363a;background:#1c2023;padding:5px;align-items:center}.gear-column.right .gear-item{flex-direction:row-reverse;text-align:right}.gear-icon{height:35px;width:35px;display:grid;place-items:center;border:1px solid #515861;background:#292e33;color:#89959e;font-size:15px;flex-shrink:0;overflow:hidden}.gear-icon img{height:100%;width:100%;object-fit:cover}.gear-slot{font-size:9px;color:#7c858d;text-transform:uppercase;letter-spacing:.05em}.gear-name{font-size:10px;color:#cfd3d7;margin-top:2px;line-height:1.3;overflow-wrap:anywhere}.model-space{border:1px solid #2b3035;background:radial-gradient(ellipse 80% 55% at 50% 30%,#252a2e 0%,#121517 80%);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;text-align:center;padding:18px;color:#505c66}.model-space svg{width:90px;max-width:100%}.model-space strong{font-size:10px;letter-spacing:.15em;color:#7f8992;margin-top:15px}.model-space small{font-size:9px;color:#65717a;margin-top:9px;line-height:1.45}.model-space img{max-height:400px;object-fit:contain}.stat-list{padding:7px 16px 14px}.stat-row{padding:13px 0;display:flex;justify-content:space-between;border-bottom:1px solid #2b3034;font-size:12px;gap:10px}.stat-row:last-child{border:0}.stat-row span:first-child{color:#929aa1}.stat-row strong{font-weight:740}.detail-box{padding:18px 16px}.detail-title{color:#939ca4;font-size:10px;letter-spacing:.16em;font-weight:800;margin:0 0 12px}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.detail-tags span{font-size:11px;color:#c2c7cd;padding:6px 10px;border:1px solid #3e4449;background:#212529}.detail-muted{color:#90999f;font-size:11px;line-height:1.5}.profile-sidebar{display:grid;align-content:start;gap:14px}.profile-note{font-size:10px;color:#89939b;padding:12px 2px;line-height:1.6}
.guild-heading{padding:28px;background:linear-gradient(110deg,#25282b,#16181b);border:1px solid #3a4044;display:flex;align-items:center;gap:20px}.guild-crest{height:88px;width:88px;border:1px solid #59616a;display:grid;place-items:center;background:#22282d;color:#88949d;font-size:38px}.guild-heading h2{font-size:32px;letter-spacing:-.04em;margin:3px 0 9px}.roster-wrap{margin-top:14px;border:1px solid #353a3e;background:#17191c}.roster-table{width:100%;border-collapse:collapse}.roster-table th{font-size:9px;text-transform:uppercase;letter-spacing:.14em;text-align:left;color:#949ea5;background:#202327;cursor:pointer;font-weight:800;padding:16px 15px;border-bottom:1px solid #41474b}.roster-table td{font-size:12px;color:#cdd3d8;padding:13px 15px;border-bottom:1px solid #2e3337}.roster-table tr:last-child td{border-bottom:0}.roster-table tr:hover td{background:#202429}.roster-table .row-link{background:transparent;border:0;padding:0;color:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:#536068;text-underline-offset:3px;font-size:12px}.roster-table th:last-child,.roster-table td:last-child{text-align:right}.roster-wrap .note{padding:14px 16px;color:#7e8890;font-size:10px;border-top:1px solid #31373a}
.footer{min-height:65px;border-top:1px solid #2b2d31;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(34px,calc((100vw - 1352px)/2));color:#60686f;font-size:9px;letter-spacing:.11em;font-weight:750}.skeleton{animation:pulse 1.3s infinite;background:#212428;height:52px;border:1px solid #393d41}.skeleton+.skeleton{margin-top:8px}@keyframes pulse{50%{background:#2b3034}}
@media(max-width:950px){.topbar__nav{margin-left:20px}.topbar__meta{display:none}.profile-main{grid-template-columns:1fr}.equipment-grid{min-height:430px}.footer{padding:22px 24px;flex-wrap:wrap}.result-row{grid-template-columns:40px minmax(100px,2fr) 1fr 1fr}.result-row .minor{display:none}}
@media(max-width:620px){.topbar{height:59px}.topbar__inside{padding:0 18px}.brand__title{font-size:10px;letter-spacing:.08em;padding-left:10px}.brand__emblem{font-size:25px}.topbar__nav{margin-left:auto;gap:17px}.topbar__nav a{font-size:9px}.main{padding:0 14px 52px}.hero{padding:59px 0 32px}.hero h1{font-size:36px}.hero h1 em{display:block;font-size:14px;vertical-align:initial;margin:8px 0 0}.search-module{margin-top:36px}.search-switch{width:100%}.switch-option{flex:1;min-width:0}.search-bar{height:58px}.search-symbol{width:43px}.search-bar input{font-size:12px}.search-bar select{min-width:63px;padding:0 8px;font-size:10px}.search-button{padding:0 12px;font-size:10px;gap:6px}.search-button span{font-size:17px}.search-hint{align-items:flex-start}.health{max-width:105px;white-space:normal}.intro-state__labels{flex-wrap:wrap;gap:10px}.intro-state{padding-top:25px}.result-row,.result-row.guild-row{grid-template-columns:42px minmax(0,1fr) 42px;padding:10px;gap:10px}.result-row .result-meta{display:none}.result-region{text-align:right}.profile-header{padding:17px;gap:12px}.portrait{width:65px;height:65px}.profile-eyebrow{font-size:9px}.profile-identity h2{font-size:23px}.profile-right{display:none}.equipment-grid{grid-template-columns:1fr 1fr;padding:12px;gap:8px}.equipment-grid .model-space{grid-column:1/-1;grid-row:1;min-height:200px}.gear-item{gap:4px;min-height:42px}.gear-icon{height:30px;width:30px}.gear-name{font-size:9px}.gear-slot{font-size:8px}.guild-heading{padding:17px}.guild-crest{width:60px;height:60px}.guild-heading h2{font-size:23px}.roster-table th,.roster-table td{padding:12px 7px;font-size:10px}.footer{justify-content:center;text-align:center;line-height:1.8}.footer span{width:100%}}