/* WoW4Ever — Warcraft materials, heraldry and sculpted frames. */
:root{--bg:#11100d;--surface:#211e17;--text:#eee6d2;--muted:#b6ac95;--gold:#e5be71;--line:#74603b;background:#11100d}
body{background:linear-gradient(#080c0d00 150px,#11100d99 520px,#11100df7 950px),url('assets/art/sanctuaire.webp') center 70px/cover fixed no-repeat,url('assets/ui/stone.webp') repeat #11100d}
.topbar{height:126px;gap:45px;background:linear-gradient(#0b0c0dde,#18150df5),url('assets/ui/stone.webp');border-bottom:3px solid #a17d3e;box-shadow:0 2px #21180e,0 4px #cfaa6070,0 9px 25px #000c;padding:0 max(34px,calc((100vw - 1400px)/2));position:relative;z-index:2}
.brand{position:relative;min-width:290px;justify-content:center;isolation:isolate;padding:0 19px}
.brand:before,.brand:after{content:'';position:absolute;width:95px;height:95px;top:2px;left:-13px;background:url('assets/ui/gold-dragon.webp') center/contain no-repeat;z-index:-1;opacity:.87;filter:drop-shadow(0 3px 2px #000)}.brand:after{left:auto;right:-13px;transform:scaleX(-1)}
.wordmark{position:relative;display:block;text-align:center;letter-spacing:0;line-height:1;color:#f3d482!important;text-shadow:0 2px 0 #5d3b16,0 3px 0 #120b05,0 5px 10px #000}
.wordmark:before{content:'';position:absolute;width:79%;height:59px;left:10.5%;top:18px;border:3px double #a58c59;border-radius:50%;background:radial-gradient(ellipse,#326b91,#173752 53%,#121d25 72%);z-index:-1;box-shadow:inset 0 0 13px #000,0 0 0 2px #13140e,0 0 21px #33688940}
.wordmark strong{display:block;font:800 39px/.95 var(--display);letter-spacing:-2px;padding:6px 0 2px;color:#f0cc77;-webkit-text-stroke:.35px #7c5521}
.wordmark .brand-four{color:#f9e2a3;font-size:1.28em;vertical-align:-.02em;margin:0 -1px;text-shadow:0 2px #805119,0 4px #100a03,0 0 21px #e8b45935}
.wordmark .brand-domain{font-size:.47em;letter-spacing:-1px;color:#ebce91}
.wordmark small.brand-overline{font:700 8px 'DM Sans',sans-serif;letter-spacing:3px;color:#d5c094;margin:0}.wordmark small.brand-baseline{font:600 7px 'DM Sans',sans-serif;letter-spacing:2.6px;color:#f1d392;background:#171a13c7;border:1px solid #a17c4166;padding:4px 7px;margin:3px auto 0;width:max-content}
.main-nav{gap:10px;margin-left:auto}.main-nav a{font:600 14px var(--display);padding:0 21px;position:relative;color:#d6c3a1;text-shadow:0 2px #000}.main-nav a[aria-current]{color:#ffdf91;background:linear-gradient(0deg,#8060393b,transparent 80%)}.main-nav a[aria-current]:after{bottom:18px;left:20px;right:20px;height:3px;background:linear-gradient(90deg,transparent,#eed18c,transparent);box-shadow:0 0 12px #d8b76b4a}.main-nav a>span{font-size:24px}.community-mark{color:#d0bb8a;font-size:9px;max-width:145px;line-height:1.8;letter-spacing:1px}
main{max-width:1450px;padding:0 32px;position:relative}.page-heading,.race-page .page-heading{min-height:219px;padding:30px 12px 34px;position:relative;gap:20px}.page-heading:after{content:'';position:absolute;height:2px;left:12px;right:12px;bottom:15px;background:linear-gradient(90deg,#b89a50,transparent 78%);box-shadow:0 1px #000}
h1{font-size:clamp(29px,3.1vw,44px);letter-spacing:-.7px;color:#f2d89a;text-shadow:0 2px #3b2513,0 4px 3px #000,0 0 25px #000;font-weight:700}.intro{color:#e3ddcc}.hero-note{color:#bac5c4}.eyebrow{color:#dabd79;letter-spacing:3px;font-size:9px}

.section-label{padding:0 5px;margin:5px 0 15px}.section-label h2{font-size:16px;color:#ead6a9;text-shadow:0 2px #000}.section-label h2>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#292017;border:1px solid #ac8950;color:#e8c47b;border-radius:50%;font-family:var(--display);margin-right:10px}.section-label>span{color:#c0b598}
.classes,.tree,.details,.race-sidebar,.race-detail,.prose-page{border:9px solid transparent;border-image:url('assets/ui/frame.svg') 18 stretch;box-shadow:0 9px 25px #0009;background:#14130f url('assets/ui/stone.webp');border-radius:0}
.classes{overflow:visible;padding:0;background:linear-gradient(#3d342690,#11100ed9),url('assets/ui/stone.webp')}.class-tab{height:80px;gap:9px;padding:9px 6px;color:#d1c4a5;border-right:1px solid #c49a4438;font-family:var(--display);font-size:12px;text-shadow:0 2px #000}.class-tab img{width:39px;height:39px;border:2px solid #99773b;box-shadow:0 0 0 2px #080b0a,0 3px 7px #000;opacity:1}.class-tab[aria-current=page]{background:radial-gradient(ellipse at bottom,color-mix(in srgb,var(--tab-color) 34%,transparent),transparent 90%)}.class-tab[aria-current=page]:after{height:3px;bottom:-3px}.class-tab[aria-current=page] img{border-color:#f7d48c;box-shadow:0 0 0 2px #553b17,0 0 16px color-mix(in srgb,var(--tab-color) 65%,transparent)}
.buildbar{padding:24px 8px;gap:25px}.point-meter strong{color:#f4d48d;text-shadow:0 2px #261806}.meter{height:7px;border:1px solid #7b6135;background:#090a09;box-shadow:0 1px #bc8f434a}.meter i{height:100%;background:linear-gradient(#ffd66c,#b37619);box-shadow:0 0 6px #e7b851}.class-heading img{border:2px solid #c5a15e;box-shadow:0 0 0 2px #22190b}.class-heading h2{font-family:var(--display)}
.button{border-radius:1px;min-height:42px;font-weight:600}.button.primary{background:linear-gradient(#b12d20,#701509 55%,#5c1309);border:2px solid #c29b57;box-shadow:inset 0 0 0 2px #240f06,inset 0 4px #f6814835,0 0 0 1px #291c0e,0 4px 8px #0007;color:#ffe4a4;text-shadow:0 1px 2px #000}.button.primary:hover{background:linear-gradient(#cc432b,#8a2010 55%,#72190c);border-color:#f4cd80}.button.primary:active{box-shadow:inset 0 3px 8px #000}.button.secondary{background:linear-gradient(#544637,#2b241c);border:2px solid #907445;box-shadow:inset 0 0 0 1px #17120b;color:#eed9aa}.button.ghost{border:1px solid #856c44;background:#1d1814;color:#c7b897}
.workspace{gap:20px;grid-template-columns:minmax(0,1fr) 274px}.trees{gap:16px}.tree{border-width:8px;border-image-slice:18;box-shadow:0 8px 24px #000b}.tree-header{position:relative;min-height:67px;padding:12px 10px;gap:9px;background:linear-gradient(#55432ac9,#261f16ed),url('assets/ui/stone.webp');border-bottom:2px solid #9b7840}.tree-header h3{color:#f1d296;font-size:14px;letter-spacing:.3px;text-shadow:0 2px #000}.tree-header img{width:28px;height:28px;border:1px solid #d0a962;box-shadow:0 0 0 2px #1e160b}.tree-count{color:#f6d783;font-size:24px;text-shadow:0 2px #392713}.tree-body{background:linear-gradient(#080b1030,#0c0e11a8),var(--tree-art) center/cover no-repeat;padding:30px 12px;box-shadow:inset 0 0 35px #000a}.talent{border-width:2px;box-shadow:0 0 0 1px #120c06,0 3px 5px #000c;outline-offset:4px}.talent.available{border-color:#84af55}.talent.available img{filter:saturate(.94) brightness(.97)}.talent.invested{border-color:#9cd770;box-shadow:0 0 10px #7cc94944}.talent.full{border-color:#f5cd57;box-shadow:0 0 14px #dca52d4a}.talent .rank{background:#080a07;color:#d5c19a;border-color:#b2924d;font-weight:700;right:-3px;bottom:-5px}.talent.available .rank,.talent.invested .rank{color:#a9ec88}.talent.full .rank{color:#ffda63}.tree-footer{background:linear-gradient(#2d261c,#17140f);border-top:2px solid #745934;color:#c2b69b;padding:12px 9px;font-size:10px}.tree-footer b{color:#ead4a2}.tree-reset{font-size:20px}
.details{background:#d3b475 url('assets/ui/parchment.webp') center/100% 100%;box-shadow:0 8px 25px #0009;border-width:10px;color:#332414}.detail-placeholder{padding:26px 20px}.detail-placeholder h2,.detail-top h2{color:#493015;text-shadow:0 1px #f2d6a16b;font-family:var(--display);font-weight:700;font-size:17px}.detail-placeholder p{color:#4d3922}.detail-placeholder .eyebrow{color:#6b4018}.detail-sigil{color:#755324;font-size:61px;text-shadow:none}.instruction{color:#523c23;border-color:#80552244}.instruction kbd{color:#5c3c1e;background:#73512422;border-color:#75563066}.detail-top{background:#75502514;border-color:#77542255;padding:20px 16px;gap:10px}.detail-top img{border:2px solid #9f743b;box-shadow:0 0 0 1px #4f371b}.detail-tree{color:#675236}.detail-content{padding:19px 17px}.rank-heading{color:#5e3916;font-weight:700;font-size:10px}.rank-heading span:last-child{color:#5c492e}.description{color:#322511;line-height:1.8;font-size:13px}.next-rank{border-color:#81582955}.next-rank .description{color:#31491f}.requirement{color:#6a240f;background:#b28c5340;border-color:#75472233}.detail-dismiss{color:#5c3717;background:#b99863}.detail-placeholder .touch-help{color:#624c2f}.legend{color:#c1b497}.legend p{color:#b5ae9e}
.next-chapter{border:7px solid transparent;border-image:url('assets/ui/frame.svg') 18 stretch;background:linear-gradient(90deg,#282116eF,#141713b8),url('assets/art/sanctuaire.webp') center/cover;box-shadow:0 8px 22px #0008;padding:23px 28px;margin-top:15px}.chapter-rune{color:#e9c47a}.next-chapter strong{color:#efdaab}.next-chapter small{color:#c9af77}.next-chapter span>span{color:#c8c8b8}.next-chapter b{color:#f0c777}
footer{margin-top:27px;border-top:2px solid #8e714250;padding:25px 5px;color:#a79d87}footer strong{color:#dac291}.footer-right>span{color:#cbb17a}.footer-right a{color:#d8bb7d}.toast,dialog{border:7px solid transparent;border-image:url('assets/ui/frame.svg') 18 stretch;background:#1d1914;color:#ead9b7}dialog textarea,dialog input{background:#0e0e0c;color:#e9dfcd;border-color:#8d7449}.dialog-header h2{color:#e5c98f}
.race-sidebar{padding:15px 11px}.race-sidebar select{background:#28231b;border-color:#8c7143;color:#e0d4b8}.race-sidebar label,.filter-title{color:#c8b280}.faction-filters{border-color:#92703d}.faction-filters button{color:#d2c4a6;min-height:41px}.faction-filters button[aria-pressed=true]{background:linear-gradient(#60503377,#29221c);box-shadow:inset 0 -2px #d4ab63;color:#f6d69a}.faction-filters button[data-faction=ALLIANCE][aria-pressed=true]{background:linear-gradient(#314b73,#182a47)}.faction-filters button[data-faction=HORDE][aria-pressed=true]{background:linear-gradient(#7e281d,#421911)}.race-choice{padding:10px 6px;color:#cbbc9b}.race-choice img{border:2px solid #927548;filter:none;opacity:1}.race-choice strong{color:inherit;font-size:11px}.race-choice small,.filter-summary{color:#a99f86}.race-choice[aria-current=page]{background:linear-gradient(90deg,#80592e66,#2a241c88);border-color:#c19958;color:#f6d99a}.race-choice[aria-current=page] img{border-color:#e1be7b;box-shadow:0 0 13px #d6a35033}.race-workspace{grid-template-columns:220px minmax(0,1fr);gap:22px}
.race-heading{padding:21px 24px;background:linear-gradient(#59472cca,#282218e8),url('assets/ui/stone.webp');border-bottom:3px solid #a8864d}.race-heading h2{color:#f3d694;text-shadow:0 2px #241405}.race-heading img{box-shadow:0 0 0 2px #463017,0 0 13px #0008;border:2px solid #d5b277}.faction-badge{border:2px ridge #a38049;background:#1c3655;color:#d8e6ee}.faction-badge.horde{background:#67291c;border-color:#b17b49;color:#f3ceaf}.race-portrait{border-right:3px solid #9a784655;background:radial-gradient(ellipse at 50% 65%,#d3a25711,transparent 70%),linear-gradient(0deg,#141513cc,#10233222),url('assets/art/sanctuaire.webp') center/auto 100% no-repeat}.model-stage{height:490px}.race-information{background:#c7a86d url('assets/ui/parchment.webp') center/100% 100%;padding:27px}.race-description{color:#392711;font-family:Georgia,serif;font-size:16px;line-height:1.8}.race-section-title{color:#5d3b18;font-weight:700}.race-section-title:after{background:#7e542955}.racial h4{color:#4f2e10;font-weight:700}.racial .kind{color:#675328;font-weight:700}.racial p{color:#362a16;font-size:13px;line-height:1.8}.racial img{border:2px solid #93713b;box-shadow:0 0 0 1px #614622}.race-classes{background:linear-gradient(#372d20,#1e1913);border-top:2px solid #a08146}.compatible-classes a{background:#1e1a12;border-color:#947649;color:#e2d1aa}.compatible-classes a:hover{background:#53422a}.race-classes h3{color:#e8ce97}.race-bottom-note{color:#b9ad94;font-size:11px}.model-caption{color:#b0b5aa}.model-caption strong{color:#d1bc8a}.body-switch,.viewer-tools button{border-color:#a1824d;background:#25221b}.body-switch button[aria-pressed=true]{background:#67512d;color:#ffdfa0}.viewer-tools button[aria-pressed=true]{background:#61492b}.prose-page{background:#ccb177 url('assets/ui/parchment.webp') center/100% 100%;padding:34px;color:#3c2a15}.prose-page h2{color:#573716}.prose-page p,.prose-page li{color:#392b18}.prose-page a{color:#563614}
@media(max-width:1250px){.topbar{gap:24px;padding:0 30px}.community-mark{display:none}.main-nav{margin-right:0}.workspace{grid-template-columns:minmax(0,1fr)}.class-tab{flex-direction:column;height:91px;gap:8px;font-size:11px}.race-detail{grid-template-columns:minmax(240px,1fr) minmax(290px,1fr)}.race-workspace{grid-template-columns:196px minmax(0,1fr);gap:17px}.race-information{padding:23px}.racial p{font-size:12px}.details{max-width:none}}
@media(max-width:980px){.race-detail{grid-template-columns:minmax(0,1fr)}.race-portrait{border-right:0;border-bottom:3px solid #9a784655}.race-information{padding:25px}.model-stage{height:430px}.page-heading{min-height:218px}.main-nav a{padding:0 15px;font-size:13px}.brand{min-width:270px}.topbar{gap:14px}.racial-list{gap:26px}.race-description{font-size:16px}}
@media(max-width:780px){.topbar{height:auto;min-height:139px;flex-direction:column;padding:14px 15px 0;gap:8px}.brand{min-width:272px;flex-shrink:0}.brand:before,.brand:after{height:83px;width:83px;top:0;left:-7px}.brand:after{left:auto;right:-7px}.wordmark strong{font-size:35px}.wordmark:before{height:51px;top:18px}.main-nav{margin:0;min-height:44px;gap:25px;align-self:center}.main-nav a{padding:5px 17px 14px;font-size:12px;min-height:44px}.main-nav a[aria-current]:after{bottom:1px}.main-nav a>span{display:inline;font-size:17px}.page-heading,.race-page .page-heading{padding:25px 5px 35px;min-height:190px;gap:15px}.page-heading h1{font-size:30px;line-height:1.3}.page-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.intro{font-size:14px}.hero-note{font-size:11px;max-width:330px}main{padding:0 17px}.classes{border-width:7px}.class-tab{height:82px;font-size:11px;flex-direction:row;gap:9px}.class-tab img{width:34px;height:34px}.buildbar{padding:22px 3px;gap:18px}.tree{border-width:7px}.tree-body{padding-top:29px;padding-bottom:32px}.tree-header{min-height:64px}.tree-header h3{font-size:16px}.details.has-talent{background:#d3b475 url('assets/ui/parchment.webp') center/100% 100%;border-image:url('assets/ui/frame.svg') 18 stretch}.detail-top h2{font-size:16px}.detail-top{padding:16px 20px}.detail-content{padding:18px 20px}.description{font-size:13px}.race-workspace{grid-template-columns:minmax(0,1fr)}.race-sidebar{padding:13px 11px}.race-list{grid-template-columns:repeat(5,minmax(0,1fr))}.race-choice{padding:7px 3px;gap:7px}.race-choice strong{font-size:9px}.race-choice small{font-size:8px}.race-information{padding:25px 20px}.race-heading{padding:20px 17px}.race-heading h2{font-size:25px}.faction-badge{font-size:8px;padding:7px}.model-stage{height:450px}.race-classes{padding:20px 17px}.racial p{font-size:12px}.next-chapter{padding:18px 16px;border-width:6px}.next-chapter strong{font-size:16px}.prose-page{padding:25px 20px}.section-label{padding:0}.section-label h2{font-size:14px}.section-label>span{font-size:9px}.button{min-height:42px}}
@media(max-width:500px){.page-heading>div:first-child{width:100%}.page-heading h1{font-size:29px;max-width:85%}.page-heading .eyebrow{font-size:7px;letter-spacing:1.4px;max-width:78%}.intro{max-width:83%;font-size:13px}.hero-note{max-width:82%;font-size:10px}.page-heading{min-height:195px}.section-label h2{font-size:12px}.section-label h2>span{margin-right:7px;font-size:9px;width:21px;height:21px}.section-label>span{font-size:8px}.class-tab{height:73px;font-size:10px;gap:8px}.class-tab img{width:30px;height:30px}.class-heading{min-width:0}.point-meter{width:146px}.point-meter span{font-size:9px}.class-heading h2{font-size:17px}.class-heading img{width:38px;height:38px}.actions{gap:6px}.actions .button{font-size:10px;padding:8px 9px}.race-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.race-choice{min-height:58px;flex-direction:row;text-align:left;padding:7px 5px;gap:8px}.race-choice strong{font-size:10px}.race-choice small{font-size:9px}.race-choice img{width:31px;height:31px}.racial-list{grid-template-columns:1fr}.racial p{font-size:13px}.race-description{font-size:15px}.model-stage{height:420px}.race-heading h2{font-size:21px}.faction-badge{font-size:7px}.race-information{padding:24px 17px}.model-caption{font-size:9px}.viewer-tools button{min-width:35px;min-height:39px}.body-switch button{min-height:39px;padding:7px 9px}.next-chapter strong{font-size:14px}.next-chapter span>span{font-size:11px}.chapter-rune{font-size:34px}}
@media(max-width:350px){main{padding:0 11px}.brand{min-width:258px}.wordmark strong{font-size:33px}.page-heading h1{font-size:25px}.page-heading .eyebrow{font-size:6px}.class-tab{flex-direction:column;height:79px;gap:7px}.class-tab img{width:29px;height:29px}.section-label>span{display:none}.point-meter{width:132px}.class-heading h2{font-size:16px}.class-heading img{width:32px;height:32px}.race-sidebar select{min-width:145px}.race-choice strong{font-size:9px}.race-choice small{font-size:8px}.race-choice img{width:26px;height:26px}.race-heading{padding:17px 12px;gap:9px}.race-heading img{width:35px;height:35px}.model-stage{height:395px}.race-classes h3{font-size:12px}.viewer-toolbar{padding:0 10px 12px}.viewer-tools button{min-width:32px}.compatible-classes a{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.main-nav{margin-top:0;margin-bottom:0}


@media(max-width:780px){.main-nav{margin:0}}
.details,.details.has-talent,.race-information,.prose-page{background:linear-gradient(#ffe7b06b,#ffe7b06b),url('assets/ui/parchment.webp') center/100% 100% #d3b475}
.detail-top h2,.detail-placeholder h2,.race-section-title,.racial h4,.prose-page h2{color:#38230d}
.detail-tree,.rank-heading span:last-child,.racial .kind{color:#463319}
.page-heading{isolation:isolate}
.details .detail-placeholder>p:not(.eyebrow),.details .detail-placeholder .touch-help{color:#49331a}
@media(max-width:600px){.classes{grid-template-columns:repeat(3,minmax(0,1fr))}.class-tab{height:77px;flex-direction:column;gap:7px}.rank-controls{background:#ceb079}}

/* High-definition faction standards, rendered with their original transparency. */
.faction-heraldry{display:block;align-self:flex-start;flex-shrink:0;width:226px;height:218px;margin:-26px 12px -25px 30px;filter:drop-shadow(0 8px 7px #0009);pointer-events:none;user-select:none}
.faction-heraldry img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
@media(max-width:980px){.faction-heraldry{width:188px;height:198px;margin:-25px 4px -22px 16px}}
@media(max-width:780px){.faction-heraldry{width:156px;height:165px;margin:-22px -5px -18px 15px}}
@media(max-width:500px){.faction-heraldry{position:absolute;right:-4px;top:-2px;width:145px;height:151px;margin:0;opacity:.58;z-index:-1}#calculator .page-heading h1,#races .page-heading h1{max-width:62%}}