@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-ext-600-normal-BEFdM_VE.woff2) format("woff2"),url(/assets/cinzel-latin-ext-600-normal-BY9Mq9iK.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cinzel-latin-600-normal-Dd5YO2UX.woff2) format("woff2"),url(/assets/cinzel-latin-600-normal-CH_LB4su.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-ext-700-normal-C24KFjuG.woff2) format("woff2"),url(/assets/cinzel-latin-ext-700-normal-CORa-yIv.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-latin-700-normal-Dkw14w9r.woff2) format("woff2"),url(/assets/cinzel-latin-700-normal-C-gK7hA8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-decorative-latin-ext-700-normal-Dul5pKgq.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-ext-700-normal-BaOC-94C.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-decorative-latin-700-normal-CnX1aK6s.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-700-normal-ov6XPGpn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-cyrillic-ext-400-normal-DN8azYTI.woff2) format("woff2"),url(/assets/alegreya-cyrillic-ext-400-normal-Cj1kF6KR.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-cyrillic-400-normal-72Io3whm.woff2) format("woff2"),url(/assets/alegreya-cyrillic-400-normal-VT77nruV.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-greek-ext-400-normal-ueNFnE5s.woff2) format("woff2"),url(/assets/alegreya-greek-ext-400-normal-UcF-MPys.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-greek-400-normal-BI7tMDVB.woff2) format("woff2"),url(/assets/alegreya-greek-400-normal-BTnTTGc4.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-vietnamese-400-normal-D8CgJdBg.woff2) format("woff2"),url(/assets/alegreya-vietnamese-400-normal-D-Jsyxvv.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-ext-400-normal-BJ1luULk.woff2) format("woff2"),url(/assets/alegreya-latin-ext-400-normal-I24-Fo_X.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/alegreya-latin-400-normal-BLlBRtDv.woff2) format("woff2"),url(/assets/alegreya-latin-400-normal-BuQWlRPA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-cyrillic-ext-500-normal-BIfGEemn.woff2) format("woff2"),url(/assets/alegreya-cyrillic-ext-500-normal-BMQ-IlQd.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-cyrillic-500-normal-uJUgykjJ.woff2) format("woff2"),url(/assets/alegreya-cyrillic-500-normal-h-VttLAG.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-greek-ext-500-normal-CpSZDjmq.woff2) format("woff2"),url(/assets/alegreya-greek-ext-500-normal-DzZMWm6Q.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-greek-500-normal-Cs_YSU_p.woff2) format("woff2"),url(/assets/alegreya-greek-500-normal-DSAlufuP.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-vietnamese-500-normal-1pKrKpC8.woff2) format("woff2"),url(/assets/alegreya-vietnamese-500-normal-Bulx4Dj7.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-latin-ext-500-normal-B_6HdrEK.woff2) format("woff2"),url(/assets/alegreya-latin-ext-500-normal-BXZj8mwG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/alegreya-latin-500-normal-C25lLdV_.woff2) format("woff2"),url(/assets/alegreya-latin-500-normal-B7TqNLeg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-cyrillic-ext-700-normal-Dx8o6fqX.woff2) format("woff2"),url(/assets/alegreya-cyrillic-ext-700-normal-A6q6xEOT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-cyrillic-700-normal-Bftrb-m-.woff2) format("woff2"),url(/assets/alegreya-cyrillic-700-normal-_o_NBoYw.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-greek-ext-700-normal-DzPShcR4.woff2) format("woff2"),url(/assets/alegreya-greek-ext-700-normal-DQPzd-kK.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-greek-700-normal-ByoPpMZf.woff2) format("woff2"),url(/assets/alegreya-greek-700-normal-mWQ2Ne64.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-vietnamese-700-normal-CvM8am9u.woff2) format("woff2"),url(/assets/alegreya-vietnamese-700-normal-CdvEC7Dz.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-latin-ext-700-normal-CEFih5UF.woff2) format("woff2"),url(/assets/alegreya-latin-ext-700-normal-B6bzkdlx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Alegreya;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/alegreya-latin-700-normal-Vpz_43wJ.woff2) format("woff2"),url(/assets/alegreya-latin-700-normal-BS7r-qZs.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gold: #ffd100;--gold-soft: #e3b95a;--text: #f1e4c3;--text-dim: #a89a7c;--white: #ffffff;--green: #1eff00;--red: #ff2020;--ink: #2b1a0e;--ink-soft: #5a3a1c;--alliance: #8db4ff;--horde: #ff8a7a;--heading: "Cinzel", "Times New Roman", serif;--body: "Alegreya", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(#0403029e,#040302cc),url(/ui/bg-rock.webp) center top / 512px repeat;background-attachment:fixed;color:var(--text);font-family:var(--body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--gold);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block}h1,h2,h3,h4{font-family:var(--heading);font-weight:700;margin:0;color:var(--gold);text-shadow:0 1px 0 #000,1px 0 0 #000,0 0 6px rgba(0,0,0,.9)}main{position:relative;z-index:1;max-width:1440px;margin:0 auto;padding:30px 24px 60px}::selection{background:#ffd10059}:focus-visible{outline:1px dotted var(--gold);outline-offset:2px}*{scrollbar-color:#6b5a3a rgba(0,0,0,.5)}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background:#0000008c}::-webkit-scrollbar-thumb{min-height:28px;background:url(/ui/scroll-knob.webp) center / 32px 32px no-repeat}.site-header{position:sticky;top:0;z-index:50;padding:8px 16px 0}.site-header__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1440px;min-height:68px;margin:0 auto;padding:0 78px 2px 72px;border:0 solid transparent;border-image:url(/ui/header-diamond.webp) 0 128 fill / 0 54px stretch;filter:drop-shadow(0 10px 16px rgba(0,0,0,.65))}.site-header__dragon,.site-footer__dragon{position:absolute;top:50%;width:86px;height:86px;background:url(/ui/dialog-gold-dragon.webp) center / contain no-repeat;transform:translateY(-52%);pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.65))}.site-header__dragon{left:-22px}.site-header__dragon--right,.site-footer__dragon--right{right:-22px;left:auto;transform:translateY(-52%) scaleX(-1)}.logo{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.logo__word{font-family:var(--heading);font-weight:700;font-size:20px;letter-spacing:.1em;text-indent:.1em;text-transform:uppercase;white-space:nowrap;color:var(--gold);text-shadow:0 1px 0 #000,0 2px 0 #140c06}.nav{display:flex;align-items:center;gap:6px}.nav .nav__link{--h: 32px;--tex: url(/ui/btn-red-disabled.webp);--tex-down: url(/ui/btn-red-down.webp);min-width:0;padding:0 16px 1px;cursor:pointer}.nav .nav__link:after{display:none}.nav .nav__link:hover,.nav .nav__link.active,.nav__menu:hover>.nav__link,.nav__menu:focus-within>.nav__link{--tex: url(/ui/btn-red-up.webp);color:var(--white);filter:brightness(1.08)}.nav .nav__link.active:after,.nav__menu:hover>.nav__link:after,.nav__menu:focus-within>.nav__link:after{display:block;opacity:.65}.nav__menu{position:relative}.nav__menu:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px}.nav__dropdown{position:absolute;right:-8px;top:calc(100% + 8px);z-index:5;display:none;min-width:236px;padding:18px 18px 14px 22px;isolation:isolate;border:0 solid transparent;border-image:url(/ui/header-diamond.webp) 52 128 fill / 26px 44px stretch;filter:drop-shadow(0 14px 18px rgba(0,0,0,.75))}.nav__dropdown:before{content:"";position:absolute;top:14px;right:16px;bottom:12px;left:18px;z-index:-1;background:linear-gradient(#0c0a0833,#0c0a0873),url(/ui/m-marble.webp) 0 0 / 256px;box-shadow:inset 0 0 28px #000000b8}.nav__menu:hover .nav__dropdown,.nav__menu:focus-within .nav__dropdown{display:grid;gap:2px}.nav__dropdown a{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:6px 10px;font-family:var(--heading);font-weight:700;font-size:15px;letter-spacing:.03em;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.8)}.nav__dropdown a:hover,.nav__dropdown a.active{background:url(/ui/quest-title-highlight.webp) center / 100% 100%;color:var(--white)}.nav__dropdown--builds{right:auto;left:0;min-width:300px;max-height:70vh;overflow:auto}.nav__build{display:flex;align-items:center;gap:4px}.nav__build a{flex:1;min-width:0}.nav__build .close-box{margin-right:2px}.nav__dropdown a em{display:block;margin-top:1px;font-family:var(--body);font-size:12px;font-style:normal;font-weight:400;letter-spacing:0;color:var(--text-dim)}.site-footer{position:relative;z-index:1;padding:36px 28px 42px}.site-footer__plate{position:relative;max-width:1080px;margin:0 auto;padding:24px 108px 22px;border:0 solid transparent;border-image:url(/ui/header-diamond.webp) 0 128 fill / 0 48px stretch;text-align:center;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))}.site-footer__plate p{margin:0;font-family:var(--heading);font-size:13px;line-height:1.45;letter-spacing:.02em;color:var(--text);text-shadow:0 1px 0 #000}.site-footer__dragon{width:64px;height:64px;left:-28px}.site-footer__dragon--right{right:-28px;left:auto}.tip,.saved__menu{border:0 solid transparent;border-image:url(/ui/border-tooltip.svg) 16 / 14px round;padding:10px 12px;isolation:isolate}.tip:before,.saved__menu:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:-1;background:#060616f0}.window{--k: .5;--pad: 26px;--top: calc(127px * var(--k) + 14px);position:relative;isolation:isolate;min-width:0;padding:var(--top) var(--pad) var(--pad) calc(10px * var(--k) + var(--pad))}.window:has(>.window__sub){--top: calc(69px * var(--k) + 56px)}.window:before{content:"";position:absolute;inset:calc(44px * var(--k)) calc(5px * var(--k)) calc(5px * var(--k)) calc(15px * var(--k));z-index:-2;background:radial-gradient(ellipse 120% 90% at 50% 0%,rgba(255,255,255,.035),transparent 60%),linear-gradient(#0a0a0c59,#0a0a0c8c),url(/ui/m-marble.webp) 0 0 / 256px;box-shadow:inset 0 0 50px #000000bf}.window:after{content:"";position:absolute;inset:calc(20px * var(--k)) 0 0 calc(10px * var(--k));z-index:0;pointer-events:none;border:0 solid transparent;border-image:url(/ui/metal-frame.webp) 60 60 61 60 / calc(60px * var(--k)) calc(60px * var(--k)) calc(61px * var(--k)) calc(60px * var(--k)) stretch;filter:drop-shadow(0 12px 24px rgba(0,0,0,.7))}.window__ring{position:absolute;z-index:1;left:calc(18px * var(--k));top:calc(17px * var(--k));width:calc(94px * var(--k));height:calc(94px * var(--k));background:#000}.window__ring-frame{position:absolute;z-index:2;left:0;top:0;width:calc(137px * var(--k));height:calc(138px * var(--k));background:url(/ui/metal-ring.webp) 0 0 / 100% 100%;pointer-events:none}.window__title{position:absolute;z-index:3;top:calc(20px * var(--k));left:calc(137px * var(--k));right:calc(60px * var(--k));height:calc(49px * var(--k));line-height:calc(49px * var(--k));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:14.5px;letter-spacing:.04em;color:var(--gold);text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.9)}.window__close{position:absolute;z-index:3;top:calc(44.5px * var(--k) - 11px);right:2px;width:23px;height:22px;padding:0;border:0;background:url(/ui/btn-exit-up.webp) 0 0 / 100% 100%;transition:filter .12s}.window__close:hover{filter:brightness(1.3)}.window__close:active{background-image:url(/ui/btn-exit-down.webp)}.window__sub{position:absolute;z-index:1;top:calc(69px * var(--k) + 10px);left:calc(137px * var(--k) + 8px);right:var(--pad);height:30px;display:flex;align-items:center;font-size:15px;color:var(--text);white-space:nowrap}.window__sub-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0}.window__body{position:relative;z-index:1}.window--parchment{color:var(--ink)}.window--parchment:before{background:radial-gradient(ellipse 80% 70% at 50% 40%,transparent 50%,rgba(80,40,8,.35)),url(/ui/parchment.webp) 100% 0 / 200% 100%;box-shadow:inset 0 0 30px #3c1e0599}.window--parchment .window__body h2,.window--parchment .window__body h3{color:var(--ink);text-shadow:none}.inset{position:relative;padding:18px 20px;background:linear-gradient(#0000006b,#0000004d),url(/ui/m-marble.webp) 0 0 / 256px;box-shadow:inset 0 2px 10px #000000d9,inset 0 -1px #ffffff0a,0 1px #ffffff0d}.window-tabs{position:relative;z-index:-1;display:flex;flex-wrap:wrap;gap:0 4px;margin:-3px 0 0 calc(var(--pad, 26px) + 8px)}.window-tabs--top{z-index:2;align-items:flex-end;margin:16px 0 -20px 92px}.window-tabs--top .char-tab:before{transform:scaleY(-1)}.char-tab{position:relative;z-index:0;min-width:108px;height:32px;padding:0 22px 3px;border:0;background:none;font-family:var(--heading);font-weight:700;font-size:13.5px;color:var(--gold-soft);text-shadow:0 1px 0 #000;transition:color .12s}.char-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:0 solid transparent;border-image:url(/ui/tab-m-inactive.webp) 0 34 fill / 0 30px stretch}.char-tab.active{height:37px;color:var(--white)}.char-tab.active:before{border-image-source:url(/ui/tab-m-active.webp)}.char-tab:hover:not(.active){color:var(--gold)}.wow-btn,.panel-btn{--h: 36px;--tex: url(/ui/btn-red-up.webp);--tex-down: url(/ui/btn-red-down.webp);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--h);min-width:calc(var(--h) * 3.2);padding:0 calc(var(--h) * .62) 1px;border:0 solid transparent;border-image:var(--tex) 0 60 fill / 0 calc(var(--h) * .49) stretch;background:none;font-family:var(--heading);font-weight:700;font-size:calc(var(--h) * .4);line-height:1;color:var(--gold);text-shadow:0 1px 0 #000,0 0 4px rgba(0,0,0,.8);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:filter .12s,color .12s}.wow-btn:after,.panel-btn:after{content:"";position:absolute;top:-30%;right:-8%;bottom:-30%;left:-8%;background:url(/ui/btn-red-glow.webp) center / 100% 100%;mix-blend-mode:screen;opacity:0;transition:opacity .15s;pointer-events:none}.wow-btn:hover,.panel-btn:hover{color:var(--white);filter:brightness(1.12)}.wow-btn:hover:after,.panel-btn:hover:after{opacity:.55}.wow-btn:active,.panel-btn:active{border-image-source:var(--tex-down);padding-top:3px}.wow-btn:disabled,.panel-btn:disabled{--tex: url(/ui/btn-red-disabled.webp);--tex-down: url(/ui/btn-red-disabled.webp);color:#8d887c;filter:none;cursor:default}.wow-btn:disabled:after,.panel-btn:disabled:after{opacity:0}.wow-btn--big{--h: 44px;font-size:17px}.wow-btn--small{--h: 30px;font-size:12.5px}.wow-btn--blue,.panel-btn{--tex: url(/ui/btn-red-disabled.webp);--tex-down: url(/ui/btn-red-disabled.webp)}.wow-btn--blue:hover,.panel-btn:hover{filter:brightness(1.45)}.wow-btn--blue:after,.panel-btn:after{display:none}.panel-btn{--h: 28px;min-width:76px;font-size:12.5px}.panel-btn.active{--tex: url(/ui/btn-red-up.webp);--tex-down: url(/ui/btn-red-down.webp);color:var(--white)}.link-btn{background:none;border:0;padding:4px 6px;color:var(--gold);font-family:var(--heading);font-size:14px}.link-btn:hover{color:var(--white)}.close-box{flex:none;width:23px;height:22px;padding:0;border:0;background:url(/ui/btn-exit-up.webp) 0 0 / 100% 100%}.close-box:hover{filter:brightness(1.3)}.close-box:active{background-image:url(/ui/btn-exit-down.webp)}.wow-input{height:26px;min-width:0;padding:0 10px;border:0 solid transparent;border-image:url(/ui/plate-input.svg) 0 8 fill / 0 8px stretch;background:none;font:inherit;font-size:15px;color:var(--white)}.wow-input::placeholder{color:#8a7e66}.wow-input:focus{outline:none}.window__sub .wow-input{width:100%}.wow-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:32px;min-width:0;padding:0 36px 2px 16px;border:0;background:url(/ui/dropdown-arrow.webp) right 1px center / 28px 28px no-repeat,url(/ui/dropdown-l.svg) left center / 13px 100% no-repeat,url(/ui/dropdown-r.svg) right center / 13px 100% no-repeat,url(/ui/dropdown-m.svg) center / calc(100% - 24px) 100% no-repeat;font:inherit;font-size:14.5px;color:var(--white);cursor:pointer}.wow-select:hover{background-image:url(/ui/dropdown-arrow-down.webp),url(/ui/dropdown-l.svg),url(/ui/dropdown-r.svg),url(/ui/dropdown-m.svg)}.wow-select:focus{outline:none}.wow-select option{background:#0b0b1e}.check{position:relative;display:inline-flex;align-items:center;gap:4px;font-size:15px;color:var(--gold);cursor:pointer}.check input{position:absolute;opacity:0;pointer-events:none}.check i{width:26px;height:26px;flex:none;background:url(/ui/checkbox-up.webp) 0 0 / 100% 100%}.check input:checked+i{background-image:url(/ui/checkbox-check.webp),url(/ui/checkbox-up.webp)}.check:hover i{background-image:url(/ui/checkbox-highlight.webp),url(/ui/checkbox-up.webp)}.check:hover input:checked+i{background-image:url(/ui/checkbox-highlight.webp),url(/ui/checkbox-check.webp),url(/ui/checkbox-up.webp)}.tip{position:fixed;z-index:1000;width:max-content;max-width:330px;pointer-events:none;font-size:14.5px;line-height:1.35;color:var(--white);animation:tip-in .1s ease-out}@keyframes tip-in{0%{opacity:0}}.tip__head{margin-bottom:2px}.tip__title{font-size:16px;font-weight:700;color:var(--white)}.tip__line,.tip__pair{color:var(--white)}.tip__pair{display:flex;justify-content:space-between;gap:18px}.tip__gold{color:var(--gold)}.tip__dim{color:#a0a0a0}.tip__green{color:var(--green)}.tip__red{color:var(--red)}.tip__desc{margin-top:4px;color:var(--gold)}.tip__note{margin-top:6px;font-size:13px}.icon,.class-chip,.class-btn img,.forge__class img,.talent-tree__head img,.class-pick img,.charframe__crest{--f: calc(var(--i) * .42);box-sizing:content-box;width:var(--i);height:var(--i);margin:calc(var(--f) * -1);border:var(--f) solid transparent;border-image:url(/ui/quickslot2.webp) 15 / var(--f) stretch}.icon{position:relative;flex:none;width:36px;height:36px;--i: 36px}.icon--sm{--i: 22px}.logo__mark{position:relative;flex:none;width:58px;height:58px;background:url(/ui/ach-shields.webp) left top / 200% 200% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.9))}.logo__face{position:absolute;left:31%;top:26%;width:36%;height:42%;overflow:hidden;clip-path:polygon(50% 2%,98% 16%,90% 64%,50% 100%,10% 64%,2% 16%)}.logo__face img{position:absolute;left:50%;top:46%;width:175%;height:175%;max-width:none;transform:translate(-50%,-50%)}.role-icon{display:inline-block;flex:none;background-image:url(/ui/roles.webp);background-repeat:no-repeat}.roles{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.roles__item{display:inline-flex;align-items:center;gap:4px;font-family:var(--heading);font-weight:700;font-size:13.5px;color:var(--white)}.traits{font-size:14px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis}.label{position:relative;margin:18px 0 10px;padding-bottom:8px;font-size:15px;color:var(--gold)}.label:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-8px;height:16px;background:url(/ui/horizontal-break.webp) center / 100% 100% no-repeat;opacity:.8}.small{font-size:15px;margin:0}.dim{color:var(--text-dim);font-style:normal}.hint{margin:14px 0 0;font-size:14px;color:var(--text-dim);text-align:center}.section-title{display:flex;align-items:center;justify-content:center;width:fit-content;min-width:min(380px,92%);height:54px;margin:56px auto 28px;padding:0 56px 2px;border:0 solid transparent;border-image:url(/ui/header-diamond.webp) 0 128 fill / 0 45px stretch;font-size:21px;letter-spacing:.04em;text-align:center;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.toast{position:fixed;left:50%;top:110px;transform:translate(-50%);z-index:900;font-family:var(--heading);font-size:24px;font-weight:700;color:var(--gold);text-shadow:0 2px 0 #000,0 0 8px #000;animation:toast 1.8s ease-out forwards;pointer-events:none}@keyframes toast{0%{opacity:0}12%,70%{opacity:1}to{opacity:0}}.legend{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:15px}.legend i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}.legend--ink{color:var(--ink)}.radar{display:block;margin:0 auto}.statusbar,.bar,.meter,.xp-bar{position:relative;isolation:isolate;border:0 solid transparent;border-image:url(/ui/plate-bar.svg) 0 10 fill / 0 10px stretch}.bar:before,.meter div,.xp-bar div,.bar-fill{background-image:url(/ui/statusbar.webp);background-size:100% 100%;background-blend-mode:multiply}.hero{position:relative;text-align:center;padding:28px 20px 8px}.hero__glow{display:none}.hero__eyebrow{font-family:var(--heading);font-weight:700;letter-spacing:.25em;text-transform:uppercase;font-size:13px;color:var(--gold-soft);text-shadow:0 1px 0 #000}.hero__title{display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;min-width:min(560px,100%);height:72px;margin:12px auto 16px;padding:0 70px 3px;border:0 solid transparent;border-image:url(/ui/header-diamond.webp) 0 128 fill / 0 60px stretch;font-size:clamp(26px,3.4vw,36px);line-height:1;letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.9);filter:drop-shadow(0 8px 16px rgba(0,0,0,.65))}.hero__lead{max-width:640px;margin:0 auto;font-size:19px;color:var(--text);text-shadow:0 1px 0 #000}.hero__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:30px}.hero__actions--left{justify-content:flex-start;gap:14px;margin-top:18px}.forge{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(280px,320px);grid-template-areas:"alliance wheel horde";align-items:center;gap:10px 12px}.forge__wheel{grid-area:wheel;position:relative;width:min(720px,100%);aspect-ratio:1;margin:0 auto;container-type:inline-size}.forge__wheel:before{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;background:radial-gradient(circle,color-mix(in srgb,var(--hot, #ffd100) 16%,transparent),transparent 68%);pointer-events:none}.forge__hub{position:absolute;left:50%;top:50%;z-index:1;width:min(280px,42%);transform:translate(-50%,-50%);text-align:center}.forge__hub .hero__eyebrow{font-size:11px;letter-spacing:.16em}.forge__hub .hero__lead{max-width:none;margin:8px 0 0;font-size:15.5px;text-wrap:balance}.forge__hub .hero__actions{flex-direction:column;align-items:center;gap:8px;margin-top:14px}.forge__title{margin:6px 0 0;font-size:36px;line-height:1.05;color:var(--gold);text-shadow:0 2px 0 #000,0 0 18px rgba(0,0,0,.85)}.forge__name{font-family:var(--heading);font-weight:700;font-size:32px;line-height:1;text-shadow:0 1px 0 #000,1px 1px 0 #000}.forge__roles{display:flex;justify-content:center;gap:4px;margin-top:8px}.forge__blurb{margin:8px 0 0;font-size:15px;color:var(--text);text-shadow:0 1px 0 #000}.forge__ring{position:absolute;top:0;right:0;bottom:0;left:0}.forge__class{--i: 46px;position:absolute;left:50%;top:50%;z-index:2;width:var(--i);height:var(--i);margin-left:calc(var(--i) / -2);margin-top:calc(var(--i) / -2);transform:translate(calc(cos(var(--a)) * var(--r, 34cqi)),calc(sin(var(--a)) * var(--r, 34cqi)))}.forge__class img{--i: 46px;display:block;transition:transform .15s,filter .15s}.forge__class span{position:absolute;left:50%;top:calc(100% + 20px);font-family:var(--heading);font-weight:700;font-size:14px;line-height:1;white-space:nowrap;text-align:center;color:var(--class-color);text-shadow:0 1px 0 #000,1px 1px 0 #000;transform:translate(-50%)}.forge .faction__banner{padding:28px 0 18px;font-size:28px}.forge .faction__races{gap:14px;padding:4px 28px 36px}.forge .race-btn{--portrait: 68px;--glow: 118px;font-size:16px}.forge .race-btn span{max-width:124px}.forge__class:hover img,.forge__class.is-hot img{transform:scale(1.12);filter:drop-shadow(0 0 10px var(--class-color))}.world-map{position:fixed;z-index:0;left:50%;top:48%;width:min(1280px,96vw);aspect-ratio:1002 / 668;background:url(/world-map.webp) center / cover no-repeat;opacity:.38;filter:saturate(.75) brightness(.9);transform:translate(-50%,-50%);pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 48%,#000 18%,transparent 76%);mask-image:radial-gradient(ellipse 78% 72% at 50% 48%,#000 18%,transparent 76%)}.race-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px}.race-strip__faction{margin-bottom:16px;text-align:center;font-family:var(--heading);font-weight:700;font-size:15px;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 0 #000}.race-strip__side--alliance .race-strip__faction{color:var(--alliance)}.race-strip__side--horde .race-strip__faction{color:var(--horde)}.race-strip__list{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 10px}.race-strip__item{position:relative;width:96px;display:grid;justify-items:center;gap:4px;text-align:center;font-family:var(--heading);font-size:12.5px;font-weight:700;line-height:1.2;color:var(--gold);text-shadow:0 1px 0 #000}.race-strip__item:hover{color:var(--white)}.race-strip__item:before{content:"";grid-row:1;grid-column:1;width:76px;height:76px;background:url(/ui/goldring.webp) center / 100% 100%;transition:filter .15s}.race-strip__face{grid-row:1;grid-column:1;width:52px;height:52px;margin-top:12px;background:#000}.race-strip__item:hover:before{filter:brightness(1.35) drop-shadow(0 0 8px rgba(255,209,0,.45))}.race-strip--small{display:flex;flex-wrap:wrap;gap:12px}.race-strip--small .race-strip__item{width:64px}.race-strip--small .race-strip__item:before{width:56px;height:56px}.race-strip--small .race-strip__face{width:38px;height:38px;margin-top:9px}.create__step{display:flex;align-items:center;width:fit-content;height:50px;margin:4px 0 30px;padding:0 44px 2px 0;border:0 solid transparent;border-image:url(/ui/header-diamond.webp) 0 128 fill / 0 42px stretch;font-family:var(--heading);font-weight:700;font-size:20px;letter-spacing:.03em;color:var(--gold);text-shadow:0 2px 0 #000;filter:drop-shadow(0 6px 12px rgba(0,0,0,.6))}.create__num{display:grid;place-items:center;flex:none;width:54px;height:54px;margin:0 14px 0 -6px;border-radius:50%;background:url(/ui/goldring.webp) center / 100% 100%,radial-gradient(#2b2117 45%,#0b0806 70%);font-size:21px;color:var(--white)}.create__for{margin-left:8px;color:var(--text-dim);font-size:17px}.create__layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;grid-template-areas:"alliance info horde";gap:22px;align-items:start}.faction{position:relative;padding-bottom:30px}.faction--alliance{grid-area:alliance}.faction--horde{grid-area:horde}.faction:before{content:"";position:absolute;top:0;right:14px;bottom:0;left:14px;z-index:-1;background-image:url(/ui/create-banners.webp);background-repeat:no-repeat;background-size:284% auto;filter:drop-shadow(0 8px 16px #000)}.faction--alliance:before{background-position:19.3% 0}.faction--horde:before{background-position:79.5% 0}.faction__banner{text-align:center;padding:16px 0 12px;font-family:var(--heading);font-weight:700;font-size:22px;color:var(--white);text-shadow:0 2px 0 #000,0 0 10px #000}.faction__races{display:grid;gap:8px;padding:0 30px}.race-btn{--portrait: 46px;--glow: 84px;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:2px 0;border:0;background:none;font-family:var(--heading);font-weight:700;font-size:13.5px;line-height:1.15;text-align:center;color:var(--gold);text-shadow:0 1px 0 #000,1px 1px 0 #000}.race-btn__face{position:relative;z-index:1;display:block;flex:none;width:var(--portrait);height:var(--portrait);border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #1b140c,0 0 0 4px #7a5a22,0 0 0 5px #000}.race-btn__face img{width:100%;height:100%;object-fit:cover;transform:scale(1.42)}.race-btn span{position:relative;z-index:1;max-width:92px}.race-btn:before{content:"";position:absolute;z-index:0;left:50%;top:2px;width:var(--glow);height:var(--glow);border-radius:50%;transform:translate(-50%,calc((var(--portrait) - var(--glow)) / 2));background:radial-gradient(circle,rgba(255,246,210,.95) 0%,rgba(255,196,60,.55) 42%,transparent 70%);opacity:0;transition:opacity .15s;pointer-events:none}.race-btn:hover{color:var(--white)}.race-btn:hover:before{opacity:.5}.race-btn.active{color:var(--white)}.race-btn.active:before{opacity:1}.race-btn.active .race-btn__face{box-shadow:0 0 0 2px #1b140c,0 0 0 4px var(--gold),0 0 0 5px #000}.race-btn.dimmed{filter:grayscale(1);opacity:.45}.create__info{grid-area:info}.faction-name{font-family:var(--heading);font-weight:700;font-size:15px}.faction-name--alliance{color:var(--alliance)}.faction-name--horde{color:var(--horde)}.gender{display:flex;gap:4px}.racials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.racial{display:flex;gap:14px;align-items:flex-start;padding:4px 2px}.racial strong{display:block;font-family:var(--heading);font-size:14.5px;color:var(--gold)}.racial span{display:block;font-size:14.5px;line-height:1.35;color:var(--text)}.racial__counted{display:block;margin-top:4px;font-size:13px;font-style:normal;color:var(--green)}.racial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px 26px}.race-classes{display:flex;flex-wrap:wrap;gap:24px;margin:8px 0 30px 14px}.class-chip{--i: 34px}.class-chip.off{filter:grayscale(1) brightness(.45)}.class-select__head{display:flex;align-items:center;gap:22px;margin-bottom:28px}.class-select__head .create__step{margin:0}.class-select__back{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;font-family:var(--heading);font-weight:700;font-size:15px;color:var(--gold);text-shadow:0 1px 0 #000}.class-select__back:hover{color:var(--white)}.class-select__back .race-btn__face{--portrait: 42px}.class-select{display:flex;flex-direction:column;align-items:center;gap:28px}.class-select__list{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:6px 26px;width:100%}.class-select__info{width:100%}.class-btn{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:none;font-family:var(--heading);font-weight:700;font-size:14px;line-height:1.1;text-align:center;color:var(--class-color);text-shadow:0 1px 0 #000,1px 1px 0 #000}.class-btn img{--i: 52px;transition:transform .15s,filter .15s}.class-btn:not(.active) img{filter:saturate(.65) brightness(.72)}.class-btn span{margin-top:16px}.class-btn:hover img,.class-btn.active img{filter:drop-shadow(0 8px 10px rgba(0,0,0,.65)) drop-shadow(0 0 12px var(--class-color));transform:translateY(-6px) scale(1.06)}.class-hero__blurb{margin:0 0 6px;font-size:17.5px;max-width:680px}.class-select__info .class-hero__blurb{max-width:none;margin-bottom:14px;font-size:18px}.class-sheet{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"radar specs" "weapons weapons" "go go";column-gap:36px;row-gap:6px;align-items:center}.class-sheet__radar{grid-area:radar;width:370px}.class-sheet__specs{grid-area:specs;min-width:0}.class-sheet__specs>.label{margin-top:0}.class-sheet__weapons{grid-area:weapons}.class-sheet__weapons>.label{margin-top:16px}.class-sheet__go{grid-area:go;justify-self:center;margin-top:14px}.spec-tiles{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px 40px;margin:10px 0 0;padding-top:18px}.spec-tile{display:flex;flex-direction:column;align-items:center;min-width:92px;text-align:center;color:var(--class-color, var(--gold))}.spec-tile img{--i: 48px}.spec-tile strong{margin-top:20px;font-family:var(--heading);font-size:15px;font-weight:700;line-height:1.1;white-space:nowrap;text-shadow:0 1px 0 #000,1px 1px 0 #000}.spec-tile em{margin-top:3px;font-family:var(--body);font-style:normal;font-weight:400;font-size:13px;color:var(--text-dim)}.weapon-row{display:flex;flex-wrap:wrap;align-items:baseline;margin-top:8px}.weapon-row span{font-size:15px;line-height:1.7;color:var(--text);text-shadow:0 1px 0 #000}.weapon-row span:not(:last-child):after{content:"·";margin:0 8px;color:var(--gold)}.class-sheet__note{margin:10px 0 0;font-size:14px;color:var(--gold-soft);text-shadow:0 1px 0 #000}.spec-list{display:grid;gap:12px}.spec-line{display:flex;align-items:center;gap:14px;padding-left:2px;font-family:var(--heading);font-weight:700;font-size:16px;color:var(--class-color, var(--gold));text-shadow:0 1px 0 #000}.spec-line em{margin-left:auto;font-family:var(--body);font-weight:400;font-size:14px;font-style:normal;color:var(--text-dim)}.buildbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:24px}.buildbar__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.buildbar__group .wow-input{width:210px}.saved{position:relative}.saved__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:320px;max-height:420px;overflow:auto}.saved__empty{padding:8px;color:var(--text-dim);font-size:15px}.saved__item{display:flex;align-items:center;gap:6px}.saved__item a{flex:1;display:flex;align-items:center;gap:12px;padding:6px 8px;color:var(--text)}.saved__item a:hover{background:url(/ui/quest-title-highlight.webp) center / 100% 100%}.saved__item strong{display:block;color:var(--gold);font-size:15px}.saved__item em{display:block;font-style:normal;font-size:13px;color:var(--text-dim)}.saved__compare{display:block;margin-top:6px;padding:6px;text-align:center;font-family:var(--heading);font-weight:700}.sheet{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"doll stats";gap:22px;align-items:start;width:100%}.sheet--picking{grid-template-columns:auto minmax(320px,400px) minmax(280px,1fr);grid-template-areas:"doll picker stats"}.sheet__doll{grid-area:doll}.sheet__stats{grid-area:stats;position:sticky;top:70px}.sheet:not(.sheet--picking)>.sheet__stats{position:relative;top:0;align-self:stretch}.sheet__loading{margin-top:10px;text-align:center;font-size:14px;color:var(--text-dim)}.preview-note{overflow:hidden;text-overflow:ellipsis;color:var(--green)}.sheet__lower{--pad: 32px;margin-top:22px}.builder .sheet__lower,.profile .sheet__lower{position:relative;z-index:1;margin-top:0}.charframe{--s: 1.5;--rs: calc(var(--s) * .8);--k: calc(var(--s) * .617);position:relative;isolation:isolate;width:calc(352px * var(--s));height:calc(439px * var(--s))}.charframe:before{content:"";position:absolute;inset:calc(44px * var(--k)) calc(5px * var(--k)) calc(5px * var(--k)) calc(15px * var(--k));z-index:-2;background:radial-gradient(ellipse 120% 90% at 50% 0%,rgba(255,255,255,.035),transparent 60%),linear-gradient(#0a0a0c59,#0a0a0c8c),url(/ui/m-marble.webp) 0 0 / 256px;box-shadow:inset 0 0 50px #000000bf}.charframe:after{content:"";position:absolute;inset:calc(20px * var(--k)) 0 0 calc(10px * var(--k));z-index:0;pointer-events:none;border:0 solid transparent;border-image:url(/ui/metal-frame.webp) 60 60 61 60 / calc(60px * var(--k)) calc(60px * var(--k)) calc(61px * var(--k)) calc(60px * var(--k)) stretch;filter:drop-shadow(0 12px 24px rgba(0,0,0,.7))}.charframe__portrait{position:absolute;z-index:1;left:calc(18px * var(--k));top:calc(17px * var(--k));width:calc(94px * var(--k));height:calc(94px * var(--k));background:#000}.circle-fill{display:block;overflow:hidden;border-radius:50%}.circle-fill>img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.42)}.charframe .window__ring-frame{width:calc(137px * var(--k));height:calc(138px * var(--k))}.charframe__title{position:absolute;z-index:3;top:calc(20px * var(--k));left:calc(137px * var(--k));right:calc(50px * var(--k));height:calc(49px * var(--k));line-height:calc(49px * var(--k));text-align:center;white-space:nowrap;overflow:hidden;font-family:var(--heading);font-weight:700;font-size:calc(11.5px * var(--s));color:var(--white);text-shadow:0 1px 0 #000}.charframe__sub{position:absolute;z-index:1;top:calc(46px * var(--s));left:calc(80px * var(--s));right:calc(30px * var(--s));height:calc(24px * var(--s));line-height:calc(24px * var(--s));text-align:center;white-space:nowrap;overflow:hidden;font-size:calc(11px * var(--s));color:var(--gold);text-shadow:0 1px 0 #000}.charframe__model{position:absolute;left:calc(66px * var(--s));top:calc(76px * var(--s));width:calc(232px * var(--s));height:calc(300px * var(--s));overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 40%,color-mix(in srgb,var(--class-color) 16%,transparent),transparent 75%)}.charframe__banner{position:absolute;top:calc(-6px * var(--s));left:50%;width:calc(110px * var(--s));height:calc(300px * var(--s));transform:translate(-50%);background-image:url(/ui/create-banners.webp);background-repeat:no-repeat;background-size:calc(313px * var(--s)) auto;opacity:.55;-webkit-mask-image:linear-gradient(#000 45%,transparent 92%);mask-image:linear-gradient(#000 45%,transparent 92%);pointer-events:none}.charframe__banner--alliance{background-position:calc(-37px * var(--s)) 0}.charframe__banner--horde{background-position:calc(-165px * var(--s)) 0}.charframe__crest{position:absolute;left:50%;top:calc(52px * var(--s));--i: calc(48px * var(--s));margin:0;transform:translate(-50%);animation:crest-in .4s ease-out}@keyframes crest-in{0%{opacity:0;transform:translate(-50%) scale(.8)}}.resists{position:absolute;right:calc(4px * var(--s));top:calc(4px * var(--s));display:grid;gap:calc(1px * var(--s))}.resist{width:calc(32px * var(--rs));height:calc(29px * var(--rs));display:grid;place-items:center;background:url(/ui/resistance-icons.webp) 0 0 / calc(32px * var(--rs)) calc(256px * var(--rs)) no-repeat;font-weight:700;font-size:calc(11px * var(--s));color:var(--white);text-shadow:0 0 2px #000,0 1px 1px #000,1px 0 1px #000;cursor:help}.level{position:absolute;left:calc(14px * var(--s));right:calc(14px * var(--s));bottom:calc(6px * var(--s))}.level__label{text-align:center;font-family:var(--heading);font-weight:700;font-size:calc(11px * var(--s));color:var(--gold);text-shadow:0 1px 0 #000}.level__label strong{margin-left:4px;font-size:calc(22px * var(--s));color:var(--white);vertical-align:-2px}.level__slider{width:100%;height:26px;margin:2px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer}.level__slider::-webkit-slider-runnable-track{height:15px;border:0 solid transparent;border-image:url(/ui/slider-frame.svg) 8 / 7px stretch;background:url(/ui/slider-bg.webp) center / auto 100%,#000000b3;background-clip:padding-box}.level__slider::-moz-range-track{height:15px;border:0 solid transparent;border-image:url(/ui/slider-frame.svg) 8 / 7px stretch;background:#000000b3}.level__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;margin-top:-9px;border:0;background:url(/ui/slider-thumb.webp) center / 100% 100%}.level__slider::-moz-range-thumb{width:32px;height:32px;border:0;background:url(/ui/slider-thumb.webp) center / 100% 100%}.level__marks{display:flex;justify-content:space-between;padding:0 6px}.level__marks button{padding:0 3px;border:0;background:none;font-size:calc(9.5px * var(--s));color:var(--text-dim);text-shadow:0 1px 0 #000}.level__marks button:hover,.level__marks button.on{color:var(--gold)}.slot{position:absolute;left:calc(var(--x) * 1px * var(--s));top:calc(var(--y) * 1px * var(--s));width:calc(37px * var(--s));height:calc(37px * var(--s));padding:0;border:0;background:#000}.slot img{width:100%;height:100%}.slot:before,.slot:after{content:"";position:absolute;top:-36%;right:-36%;bottom:-36%;left:-36%;pointer-events:none}.slot:before{z-index:1;background:var(--quality);mask:url(/ui/action-border.webp) center / 100% 100% luminance;opacity:0}.slot.filled:before{opacity:.9}.slot:after{z-index:2;top:0;right:0;bottom:0;left:0;background:url(/ui/button-hilight-square.webp) center / 100% 100%;mix-blend-mode:screen;opacity:0}.slot:hover:not(.disabled):after{opacity:1}.slot.active:before{background:var(--gold);opacity:1;animation:slot-pulse 1.2s ease-in-out infinite}@keyframes slot-pulse{50%{opacity:.35}}.slot.filled img{animation:equip .4s ease-out}@keyframes equip{0%{filter:brightness(2.4)}}.slot.disabled{cursor:default}.slot.disabled img{filter:grayscale(1) brightness(.5)}.stats{font-size:15.5px}.stats__board{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));column-gap:40px;align-items:start}.bars{display:grid;gap:2px;margin-bottom:12px}.bar{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 14px;font-family:var(--heading);font-weight:700;font-size:13px;color:var(--white);text-shadow:0 1px 1px #000,0 0 2px #000}.bar:before{content:"";position:absolute;top:4px;right:6px;bottom:4px;left:6px;z-index:-1;background-color:var(--bar)}.bar--health{--bar: #00d100}.bar--mana{--bar: #1a4dff}.bar--rage{--bar: #ff1a1a}.bar--energy{--bar: #ffe100}.stats__head{position:relative;margin:18px 0 14px;text-align:center;font-size:14px}.stats__head:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-12px;height:14px;background:url(/ui/horizontal-break.webp) center / 100% 100% no-repeat}.stats__group{display:grid}.stat{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 8px;cursor:help}.stat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/ui/quest-title-highlight.webp) center / 100% 100%;opacity:0;pointer-events:none}.stat:hover:after{opacity:.8}.stat__label{color:var(--gold);text-shadow:0 1px 0 #000}.stat__value{display:inline-flex;align-items:baseline;gap:6px;color:var(--white);font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 1px 0 #000}.stat--buffed .stat__value{color:var(--green)}.stat__delta{font-size:13px;animation:delta-in .18s ease-out}.stat__delta.up{color:var(--green)}.stat__delta.down{color:var(--red)}@keyframes delta-in{0%{opacity:0}}.num{transition:text-shadow .3s,color .3s}.num--up{color:var(--green);text-shadow:0 0 8px rgba(30,255,0,.8)}.num--down{color:var(--red);text-shadow:0 0 8px rgba(255,32,32,.8)}.picker{grid-area:picker;position:sticky;top:70px;display:flex;flex-direction:column;height:calc(100vh - 96px);max-height:900px;animation:picker-in .18s ease-out}.picker .window__body{flex:1;min-height:0;display:flex;flex-direction:column}@keyframes picker-in{0%{opacity:0;transform:translateY(6px)}}.picker__filters{display:grid;gap:6px;padding-bottom:8px}.picker__row{display:flex;align-items:center;justify-content:space-between;gap:6px}.picker__row .wow-select{flex:1}.picker__list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;margin-right:-10px;padding:4px 6px 4px 8px;display:grid;align-content:start;gap:4px}.picker__empty{display:grid;justify-items:center;gap:12px;padding:30px 10px;text-align:center;color:var(--text-dim)}.picker__more{justify-self:center;margin:10px 0}.pick{display:flex;align-items:center;gap:8px;width:100%;padding:0;text-align:left;border:0;background:none}.pick__icon{position:relative;flex:none;width:36px;height:36px;margin:6px}.pick__icon img{width:100%;height:100%}.pick__icon:before,.pick__icon:after{content:"";position:absolute;pointer-events:none}.pick__icon:before{top:0;right:0;bottom:0;left:0;background:url(/ui/button-hilight-square.webp) center / 100% 100%;mix-blend-mode:screen;opacity:0}.pick__icon:after{top:-40%;right:-40%;bottom:-40%;left:-40%;background:url(/ui/quickslot2.webp) center / 100% 100%}.pick__text{flex:1;display:grid;min-width:0;min-height:44px;align-content:center;padding:3px 12px;line-height:1.22;border:0 solid transparent;border-image:url(/ui/plate-name.svg) 12 fill / 12px stretch}.pick:hover .pick__text{filter:brightness(1.35)}.pick:hover .pick__icon:before{opacity:1}.pick.equipped .pick__text{border-image-source:url(/ui/plate-header.svg);border-image-slice:0 40 fill;border-image-width:0 30px}.pick.blocked{opacity:.5;cursor:not-allowed}.pick__name{color:var(--quality);font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 0 #000}.pick__meta{font-size:12.5px;color:var(--text-dim)}.pick__stats{font-size:12.5px;color:var(--green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick.blocked .pick__stats{color:var(--red)}.talents__bar{display:flex;align-items:center;justify-content:center;gap:18px 24px;flex-wrap:wrap;margin-bottom:16px;font-family:var(--heading);font-weight:700;color:var(--gold);text-shadow:0 1px 0 #000}.talents__points strong{font-size:22px;color:var(--white)}.talents__points strong.bad{color:var(--red)}.talents__split{color:var(--text-dim)}.talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.talent-tree{position:relative;min-height:520px;padding:0 10px 18px;background-color:#000}.talent-tree:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#0000008c,#0000001a 18%,#0000001a 80%,#00000080);pointer-events:none}.talent-tree__head{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 6px 18px}.talent-tree__head img{--i: 26px}.talent-tree__name{font-family:var(--heading);font-weight:700;color:var(--gold);text-shadow:0 1px 0 #000,1px 1px 0 #000}.talent-tree__points{font-family:var(--heading);font-weight:700;font-size:18px;color:var(--white);text-shadow:0 1px 0 #000}.talent-tree__grid{position:relative;display:grid;gap:16px}.talent-row{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 22px}.talent{--tint: #7a7a7a;position:relative;width:38px;height:38px;padding:0;border:0;background:#000}.talent img{width:100%;height:100%}.talent:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:url(/ui/quickslot2.webp) center / 100% 100%,var(--tint);background-blend-mode:multiply;mask:url(/ui/quickslot2.webp) center / 100% 100%;pointer-events:none}.talent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:url(/ui/button-hilight-square.webp) center / 100% 100%;mix-blend-mode:screen;opacity:0;pointer-events:none}.talent:hover:not(.locked):before{opacity:1}.talents--view .talent{cursor:default}.talents--view .talent:hover:before{opacity:0}.talents--view .talent:active{transform:none}.talent.locked img{filter:grayscale(1) brightness(.55)}.talent.available,.talent.spent{--tint: #1eff00}.talent.maxed{--tint: #ffd100}.talent:active:not(.locked){transform:scale(.95)}.talent__rank{position:absolute;z-index:2;right:-9px;bottom:-9px;min-width:20px;height:17px;padding:0 4px;background:#000;font-size:12px;font-weight:700;line-height:17px;color:#bbb;box-shadow:0 0 0 1px #555}.talent.available .talent__rank,.talent.spent .talent__rank{color:var(--green)}.talent.maxed .talent__rank{color:var(--gold)}.talents~.wow-btn{margin-top:16px}.spellbook__count{text-align:center;margin-bottom:12px;font-family:var(--heading);font-weight:700;color:var(--gold);text-shadow:0 1px 0 #000}.book{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto;filter:drop-shadow(0 12px 24px #000)}.book__page{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px 14px;min-height:430px;padding:40px 34px 46px 58px}.book__page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/ui/spellbook-page-1.webp) center / 100% 100%}.book__page--right{padding:40px 58px 46px 34px}.book__page--right:before{transform:scaleX(-1)}.book__num{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:13px;color:var(--ink-soft)}.spell{display:flex;align-items:center;gap:8px;min-width:0}.spell__slot{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;background:url(/ui/spellbook-spellbg.webp) center / 100% 100%}.spell__slot img{width:34px;height:34px}.spell__text{display:grid;min-width:0;line-height:1.2}.spell__name{font-weight:700;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spell__level{font-size:12.5px;color:var(--ink-soft)}.spell:hover .spell__name{color:#000}.spell.locked{opacity:.55}.spell.locked img{filter:grayscale(1)}.book__nav{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-family:var(--heading);color:var(--gold)}.spell-upcoming{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.spell-upcoming .spell__name{color:var(--text)}.spell-upcoming .spell__level{color:var(--red)}.profile__intro{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.profile__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:22px}.class-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid rgba(255,209,0,.12)}.class-pick{position:relative;display:flex;align-items:center;gap:12px;padding:8px 10px;border:0;background:none;font-family:var(--heading);font-weight:700;font-size:14.5px;color:var(--text-dim);text-shadow:0 1px 0 #000}.class-pick img{--i: 30px;filter:grayscale(.8) brightness(.7)}.class-pick.active img,.class-pick:hover img{filter:none}.class-pick.active:after{content:"";position:absolute;top:4px;right:0;bottom:4px;left:0;z-index:-1;background:url(/ui/quest-title-highlight.webp) center / 100% 100%}.compare-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center}.axis-table{width:100%;border-collapse:collapse;font-size:15.5px}.axis-table th,.axis-table td{padding:5px 10px;text-align:left;vertical-align:middle}.axis-table thead th{font-family:var(--heading);font-size:16px;padding-bottom:12px}.axis-table tbody tr:nth-child(odd){background:#ffffff09}.axis-table tbody tr:hover{background:url(/ui/quest-title-highlight.webp) center / 100% 100%}.axis-table tbody th{color:var(--gold);font-weight:400;white-space:nowrap}.axis-table td{font-variant-numeric:tabular-nums}.axis-table td.best{color:var(--green);font-weight:700}.bar-stack{display:flex;align-items:center;gap:10px}.bar-stack strong{width:18px}.bar-fill{height:10px;background-color:var(--c);box-shadow:0 0 0 1px #000}.compare-note{margin:-8px 0 18px;text-align:center;color:var(--text-dim);font-size:14px}.compare-builds .bar-stack strong{width:5.4em;text-align:right}.compare-builds .compare-grid{align-items:start}.quiz{max-width:920px;margin:0 auto;display:grid;gap:30px}.statusbar.quiz__bar{height:24px;margin:10px 0 4px}.quiz__bar>i{background-color:#a335ee}.quiz__bar>em{font-family:var(--heading);font-size:12.5px;letter-spacing:.04em}.quiz__prompt{position:relative;font-size:25px;line-height:1.25;margin:4px 0 28px;text-align:center}.quiz__prompt:after{content:"";position:absolute;left:8%;right:8%;bottom:-18px;height:16px;background:url(/ui/horizontal-break.webp) center / 100% 100% no-repeat;opacity:.7}.quiz__lead{margin:0 0 18px;font-size:18px;color:var(--ink)}.quiz--live .quiz__lead{color:var(--text);text-align:center}.quiz--live .quiz-gate__choice{background:none;color:var(--text)}.quiz--live .quiz-gate__choice strong{position:relative;z-index:1;color:var(--gold);text-shadow:0 1px 0 #000}.quiz--live .quiz-gate__choice span{color:var(--text-dim)}.quiz--live .quiz-gate__choice:hover{background:#ffd10012;box-shadow:inset 2px 0 0 var(--gold);transform:none}.quiz--live .quiz-gate__choice:hover strong{color:var(--white)}.quiz--plan{max-width:1080px}.quiz-gate{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.quiz-gate__choice{display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:16px;row-gap:2px;align-items:center;align-content:center;min-height:118px;padding:16px;border:0;background:#5a34100f;text-align:left;color:var(--ink);cursor:pointer;transition:background-color .15s,transform .15s}.quiz-gate__choice img{--i: 58px;grid-row:span 2;transition:transform .15s}.quiz-gate__choice strong{font-family:var(--heading);font-size:22px;color:#1a1008}.quiz-gate__choice span{font-size:16px;color:#3b2a14}.quiz-gate__choice:hover{background:#5a341029;transform:translateY(-2px)}.quiz-gate__choice:hover img{transform:scale(1.08)}.quiz__contenders{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 0;margin:0 0 18px;padding:6px 0 0}.quiz__contender{display:flex;flex-direction:column;align-items:center;width:86px}.quiz__contender img{--i: 38px;opacity:calc(.42 + var(--hot, 1) * .58);filter:saturate(calc(.15 + var(--hot, 1) * .85));transition:opacity .2s,transform .2s,filter .2s}.quiz__contender.is-lead img{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 7px var(--class-color))}.quiz__contender span{margin-top:16px;font-family:var(--heading);font-weight:700;font-size:12px;line-height:1.1;letter-spacing:.03em;text-align:center;white-space:nowrap;color:#3a2410;opacity:calc(.72 + var(--hot, 1) * .28)}.quiz__contender.is-lead span{opacity:1;color:color-mix(in srgb,var(--class-color) 50%,#1a0e04);box-shadow:inset 0 -2px 0 var(--class-color)}.quiz__pct{min-height:1.15em;margin-top:2px;font-style:normal;font-family:var(--heading);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--gold-soft);text-shadow:0 1px 0 #000}.quiz--live .quiz__contender{transition:opacity .2s}.quiz--live .quiz__contender.is-on{opacity:1}.quiz--live .quiz__contender.is-on img{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 7px var(--class-color))}.quiz--live .quiz__contender.is-off{opacity:.38}.quiz--live .quiz__contender.is-off img{opacity:.55;filter:grayscale(.8)}.quiz--live .quiz__contender span,.quiz--live .quiz__contender.is-lead span{color:var(--class-color);text-shadow:0 1px 0 #000,0 0 8px rgba(0,0,0,.85);opacity:1;box-shadow:none}.quiz--live .quiz__contender.is-lead .quiz__pct{color:var(--white)}.quiz--live .quiz__count{color:var(--gold-soft)}.quiz--live .answer strong{color:var(--gold);text-shadow:0 1px 0 #000}.quiz--live .answer span{color:var(--text-dim)}.quiz--live .answer:hover,.quiz--live .answer.is-hot{background:#ffd10012;box-shadow:inset 2px 0 0 var(--gold)}.quiz--live .answer:hover strong,.quiz--live .answer.is-hot strong{color:var(--white)}.quiz__count{margin:0 0 2px;text-align:center;font-family:var(--heading);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#6a4e2e}.quiz__ask{animation:quiz-in .28s ease-out}@keyframes quiz-in{0%{opacity:0;transform:translateY(10px)}}button.spec-tile{border:0;padding:0;background:none;cursor:pointer}button.spec-tile:hover img{transform:scale(1.08)}.plan__note{margin:0 0 8px;color:var(--text)}.plan__wait{color:var(--text-dim)}.quiz--plan .quiz-specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));justify-items:center;gap:28px 16px;margin-bottom:8px}.quiz--plan .quiz-specs .spec-tile strong{white-space:normal;max-width:140px}.plan__also{margin:26px 0 0;color:var(--text-dim)}.plan__alts{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0 12px}.plan__alt{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--gold);font-family:var(--heading);font-weight:700;cursor:pointer}.plan__alt em{font-style:normal;color:var(--text-dim)}.plan__alt:hover{color:var(--white)}.plan-bands{display:grid;gap:8px}.plan-bands .label{margin-top:16px}.plan-gear,.plan-spells{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px 22px;margin-top:8px}.plan-piece{display:flex;align-items:center;gap:12px;min-width:0}.plan-piece img{--i: 42px;flex:none}.plan-piece span{display:grid;gap:2px;min-width:0}.plan-piece strong{font-family:var(--heading);font-size:15px;line-height:1.2;text-shadow:0 1px 0 #000}.plan-piece em{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-style:normal;font-size:13.5px;line-height:1.3;color:var(--text-dim)}.quiz--plan .label{margin-top:26px}.answers{display:grid;gap:8px;margin-bottom:16px}.answers--split{grid-template-columns:1fr 1fr;gap:8px 16px}.answer{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;padding:12px 14px;text-align:left;border:0;background:none;color:var(--ink);cursor:pointer;transition:background-color .15s,transform .15s}.answer:before{content:"";grid-row:span 2;width:16px;height:16px;margin-top:4px;background:url(/ui/gossip-icon.webp) center / 100% 100%;transition:transform .15s}.answer strong{position:relative;z-index:1;font-size:18px;color:#000}.answer span{font-size:15.5px;color:#3b2a14}.answer:hover:before,.answer.is-hot:before{transform:scale(1.15)}.answer:hover strong,.answer.is-hot strong{color:#6a2800}.quiz__hero{display:flex;align-items:center;gap:24px;margin-bottom:10px}.quiz__eyebrow{font-family:var(--heading);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.quiz__title{font-size:36px;line-height:1.1}.quiz__blurb{margin:6px 0 0;font-size:17.5px;color:var(--ink)}.results{display:grid;gap:10px;margin-bottom:18px}.result{display:grid;grid-template-columns:40px minmax(0,1fr) 50px auto;align-items:center;gap:14px}.result strong{font-family:var(--heading);font-size:16px;text-shadow:0 1px 0 #000}.meter{height:18px;margin-top:2px}.meter div{height:calc(100% - 8px);margin:4px 6px;max-width:calc(100% - 12px);background-color:var(--class-color)}.result__match{font-family:var(--heading);font-weight:700;color:var(--white);text-align:right}@media(max-width:1400px){.sheet--picking{grid-template-columns:auto minmax(330px,380px);grid-template-areas:"doll stats"}.sheet--picking .picker{position:fixed;z-index:80;left:16px;top:70px;bottom:16px;height:auto;width:min(400px,calc(100vw - 32px))}}@media(max-width:1080px){.create__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"alliance horde" "info info"}.sheet,.sheet--picking{grid-template-columns:minmax(0,1fr);grid-template-areas:"doll" "stats";justify-items:center}.sheet__stats{position:relative;top:0;width:min(100%,528px)}.talent-trees{grid-template-columns:minmax(0,1fr)}.talent-tree{min-height:0}.class-sheet{grid-template-columns:minmax(0,1fr);grid-template-areas:"radar" "specs" "weapons" "go";justify-items:center}.class-sheet__radar{width:min(370px,100%)}.spec-tiles{justify-content:center}.profile__grid,.compare-grid{grid-template-columns:minmax(0,1fr)}.forge{grid-template-columns:1fr 1fr;grid-template-areas:"wheel wheel" "alliance horde"}.forge__wheel{width:min(560px,100%)}.forge .faction__banner{padding:16px 0 12px;font-size:22px}.forge .faction__races{gap:8px;padding:0 22px}.forge .race-btn{--portrait: 46px;--glow: 84px;font-size:13.5px}}@media(max-width:1100px){.logo__word{font-size:15px;letter-spacing:.04em;text-indent:.04em}}@media(max-width:860px){.site-header__inner{padding:0 12px 2px}.site-header__dragon{display:none}}@media(max-width:600px){main{padding:18px 10px 40px}.site-header{padding:6px 8px 0}.site-header__inner{min-height:56px;padding:0 12px 2px}.site-header__dragon,.site-footer__dragon{display:none}.logo__word{font-size:15px;letter-spacing:.12em;text-indent:.12em}.nav .nav__link{--h: 28px;padding:0 10px;font-size:13px}.site-footer{padding:24px 10px 28px}.site-footer__plate{padding:20px 16px}.charframe{--s: 1.12}.race-strip,.racials{grid-template-columns:minmax(0,1fr)}.forge__title{font-size:26px}.forge__name{font-size:24px}.book{grid-template-columns:minmax(0,1fr)}.book__page,.book__page--right{padding:34px 30px 46px 44px}.book__page--right:before{transform:none}.hero__actions{gap:14px;flex-direction:column;align-items:center}.quiz__hero{flex-direction:column;text-align:center}.quiz-gate,.answers--split{grid-template-columns:1fr}.window__sub .traits{display:none}.window,.sheet__lower{--pad: 14px}.create__layout{gap:12px}.faction__races{padding:0 22px}.buildbar,.buildbar__group{justify-content:center}.section-title{margin:36px auto 22px;font-size:18px}.create__step{font-size:17px;padding-right:30px}.hero__title{min-width:0;height:56px;padding:0 34px 2px;border-image-width:0 40px;font-size:22px}}@media(max-width:640px){.forge__wheel{width:100%;aspect-ratio:auto}.forge__wheel:before{display:none}.forge__hub{position:relative;inset:auto;width:min(320px,100%);transform:none}.forge__ring{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:26px 28px;width:min(320px,100%);margin:28px auto 0}.forge__class{position:relative;left:auto;top:auto;display:grid;justify-items:center;width:76px;height:auto;margin:0;transform:none}.forge__class:nth-child(3n+2){transform:translateY(14px)}.forge__class span{position:static;display:block;margin-top:18px;transform:none;text-align:center}}@media(max-width:750px){.logo__word{display:none}}@media(max-width:440px){.charframe{--s: .98}.logo__mark{width:40px;height:40px}.nav{gap:2px}.nav .nav__link{padding:0 4px;font-size:12px}}.page{animation:page-in .35s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}.window:not(.picker){animation:window-in .4s cubic-bezier(.2,.8,.2,1) backwards}.window:not(.picker):nth-child(2){animation-delay:.06s}.window:not(.picker):nth-child(3){animation-delay:.12s}@keyframes window-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.sound-toggle{display:grid;place-items:center;width:34px;height:34px;margin-left:6px;padding:0;border:0;border-radius:50%;background:url(/ui/goldring.webp) center / 100% 100%,radial-gradient(#2a1d10 40%,#070504 70%);color:var(--text-dim);transition:color .15s,filter .15s}.sound-toggle:hover{filter:brightness(1.3)}.sound-toggle.on{color:var(--gold);filter:drop-shadow(0 0 6px rgba(255,209,0,.45))}.alerts{position:fixed;left:50%;top:96px;z-index:300;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.alerts__item{animation:alert-in .55s cubic-bezier(.2,1.5,.4,1),alert-out .5s ease-in 4.7s forwards}@keyframes alert-in{0%{opacity:0;transform:translateY(-28px) scale(.92)}}@keyframes alert-out{to{opacity:0;transform:translateY(-12px)}}.loot-alert{position:relative;display:flex;align-items:center;gap:16px;min-width:300px;max-width:min(420px,calc(100vw - 24px));padding:12px 22px 12px 18px;border:0 solid transparent;border-image:url(/ui/border-tooltip.svg) 16 / 14px round;isolation:isolate;filter:drop-shadow(0 8px 18px rgba(0,0,0,.8))}.loot-alert:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;z-index:-1;background:radial-gradient(ellipse 50% 120% at 12% 50%,color-mix(in srgb,var(--quality) 30%,transparent),transparent 70%),#060616f2}.loot-alert__icon{position:relative;flex:none;width:40px;height:40px}.loot-alert__item{--i: 40px;width:40px;height:40px}.loot-alert__burst{position:absolute;left:50%;top:50%;width:130px;height:130px;margin:-65px 0 0 -65px;background:var(--quality);mask:url(/ui/starburst.webp) center / 100% 100% luminance;opacity:.9;animation:burst 5s linear;pointer-events:none}@keyframes burst{0%{transform:rotate(0) scale(.4);opacity:0}10%{opacity:.95;transform:rotate(18deg) scale(1)}to{transform:rotate(180deg) scale(.9);opacity:.35}}.loot-alert__text{display:grid;line-height:1.2}.loot-alert__label{font-family:var(--heading);font-weight:700;font-size:11.5px;letter-spacing:.06em;color:var(--gold)}.loot-alert__text strong{font-size:18px;color:var(--quality);text-shadow:0 1px 0 #000}.loot-alert--q4 .loot-alert__icon:after,.loot-alert--q5 .loot-alert__icon:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:url(/ui/button-hilight-square.webp) center / 100% 100%;mix-blend-mode:screen;animation:twinkle 1s ease-in-out 3}@keyframes twinkle{50%{opacity:.2}}.levelup{position:fixed;left:50%;top:max(188px,19vh);z-index:300;display:grid;justify-items:center;width:min(560px,92vw);transform:translate(-50%);pointer-events:none;animation:levelup 3.2s ease-out forwards}@keyframes levelup{0%{opacity:0;transform:translate(-50%) scale(1.6)}10%{opacity:1;transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-16px)}}.levelup__glow{position:absolute;left:50%;top:50%;z-index:-2;width:120%;height:200%;transform:translate(-50%,-50%);background:radial-gradient(#fff6c0,#ffc400 60%);mask:url(/ui/lvl-glow.svg) center / 100% 100% luminance,radial-gradient(closest-side,#000 35%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;animation:levelup-glow 3.2s ease-out forwards}@keyframes levelup-glow{0%{opacity:0}12%{opacity:.85}to{opacity:.15}}.levelup:before{content:"";position:absolute;top:6px;right:0;bottom:6px;left:0;z-index:-1;background:linear-gradient(90deg,transparent,rgba(0,0,0,.72) 22%,rgba(0,0,0,.72) 78%,transparent)}.levelup__line{width:100%;height:12px;background:linear-gradient(90deg,#ffb300,#fff4c2 50%,#ffb300);mask:url(/ui/lvl-line.svg) center / 100% 100% luminance;animation:levelup-line .6s ease-out backwards}@keyframes levelup-line{0%{transform:scaleX(0)}}.levelup__label{margin-top:6px;font-family:var(--heading);font-weight:700;font-size:18px;color:var(--gold);text-shadow:0 2px 0 #000,0 0 10px #000}.levelup__level{margin:-2px 0 6px;font-family:"Cinzel Decorative",var(--heading);font-size:46px;line-height:1.1;color:var(--white);text-shadow:0 2px 0 #3a2400,0 4px 0 #000,0 0 18px rgba(255,209,0,.75)}.ilvl{position:absolute;left:calc(8px * var(--s));top:calc(6px * var(--s));display:grid;justify-items:start;width:calc(70px * var(--s));cursor:help}.ilvl__label{font-family:var(--heading);font-weight:700;font-size:calc(8.5px * var(--s));letter-spacing:.08em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 0 #000}.ilvl__value{font-family:var(--heading);font-size:calc(22px * var(--s));line-height:1.05;color:var(--white);text-shadow:0 2px 0 #000,0 0 12px color-mix(in srgb,var(--class-color) 70%,transparent)}.ilvl__bar{position:relative;width:100%;height:calc(7px * var(--s));margin-top:calc(2px * var(--s));border:0 solid transparent;border-image:url(/ui/plate-bar.svg) 0 10 fill / 0 calc(6px * var(--s)) stretch}.ilvl__bar i{position:absolute;left:calc(3px * var(--s));top:22%;bottom:22%;max-width:calc(100% - 6px * var(--s));background:url(/ui/statusbar.webp) 0 0 / 100% 100%,var(--class-color);background-blend-mode:multiply;box-shadow:0 0 8px color-mix(in srgb,var(--class-color) 60%,transparent);transition:width .5s cubic-bezier(.2,.8,.2,1)}.slot__beam{position:absolute;left:50%;bottom:10%;z-index:3;width:70%;height:340%;transform:translate(-50%);transform-origin:50% 100%;background:linear-gradient(to top,var(--quality),color-mix(in srgb,var(--quality) 40%,transparent) 45%,transparent);mask:radial-gradient(ellipse 50% 100% at 50% 100%,#000 30%,transparent 72%);mix-blend-mode:screen;opacity:0;animation:beam .9s ease-out;pointer-events:none}@keyframes beam{0%{opacity:0;transform:translate(-50%) scaleY(.2)}25%{opacity:.95;transform:translate(-50%) scaleY(1)}to{opacity:0;transform:translate(-50%) scaleY(1.15)}}.combat-text{position:absolute;left:0;right:0;top:calc(124px * var(--s));z-index:4;height:0;pointer-events:none}.combat-text__line{position:absolute;left:50%;top:calc(var(--lane) * 17px * var(--s));white-space:nowrap;font-family:var(--heading);font-weight:700;font-size:calc(12.5px * var(--s));text-shadow:0 1px 0 #000,1px 0 0 #000,-1px 0 0 #000,0 -1px 0 #000,0 0 6px #000;opacity:0;animation:combat-text 2.3s ease-out calc(var(--lane) * .07s) forwards}.combat-text__line.up{color:var(--green)}.combat-text__line.down{color:var(--red)}@keyframes combat-text{0%{opacity:0;transform:translate(-50%,10px) scale(1.5)}10%{opacity:1;transform:translate(-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-46px * var(--s)))}}.motes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.motes i{position:absolute;bottom:-8px;border-radius:50%;background:radial-gradient(#fff6c8,rgba(255,209,0,.7) 40%,transparent 70%);box-shadow:0 0 6px #ffc850cc;opacity:0;animation:mote linear infinite}.charframe__model .motes i{background:radial-gradient(#fff,color-mix(in srgb,var(--class-color) 80%,transparent) 40%,transparent 70%);box-shadow:0 0 6px color-mix(in srgb,var(--class-color) 80%,transparent)}@keyframes mote{0%{opacity:0;transform:translate(0)}15%{opacity:.9}80%{opacity:.6}to{opacity:0;transform:translate(var(--drift),-340px)}}.hero .motes,.forge__wheel .motes{z-index:0}.hero .motes i,.forge__wheel .motes i{animation-name:mote-tall}@keyframes mote-tall{0%{opacity:0;transform:translate(0)}15%{opacity:.8}85%{opacity:.5}to{opacity:0;transform:translate(var(--drift),-520px)}}.talent__flash{position:absolute;top:-70%;right:-70%;bottom:-70%;left:-70%;z-index:3;background:#fff3b8;mask:url(/ui/star4.webp) center / 100% 100% luminance;opacity:0;animation:talent-flash .6s ease-out;pointer-events:none}@keyframes talent-flash{0%{opacity:1;transform:scale(.3) rotate(0)}to{opacity:0;transform:scale(1.2) rotate(45deg)}}.picker__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.roll-btn{display:inline-flex;align-items:center;gap:4px}.roll-btn img{width:20px;height:20px;margin:-4px 0 -4px -4px;transition:transform .25s}.roll-btn:hover:not(:disabled) img{transform:rotate(-20deg) scale(1.15)}.roll-btn:disabled{filter:grayscale(.8) brightness(.7);cursor:default}.picker .window__body{position:relative}.roll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:4px;background:radial-gradient(circle at 50% 45%,#0000008c,#000000d9 70%);animation:roll-in .2s ease-out}@keyframes roll-in{0%{opacity:0}}.roll__dice{width:64px;height:64px;animation:roll-dice .45s linear infinite;filter:drop-shadow(0 0 10px rgba(255,209,0,.5))}@keyframes roll-dice{to{transform:rotate(360deg)}}.roll__value{font-family:var(--heading);font-size:54px;line-height:1;color:var(--white);text-shadow:0 2px 0 #000,0 0 16px rgba(255,209,0,.7)}.roll__label{font-family:var(--heading);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}.statusbar{display:block;height:14px}.statusbar>i{position:absolute;left:4px;top:3px;bottom:3px;max-width:calc(100% - 8px);background:url(/ui/statusbar.webp) 0 0 / 100% 100%,#1f9a1f;background-blend-mode:multiply;transition:width .6s cubic-bezier(.2,.8,.2,1)}.statusbar>em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;line-height:1;color:var(--white);text-shadow:0 1px 0 #000}@media(max-width:600px){.levelup__level{font-size:36px}.sound-toggle{margin-left:2px}}@media(max-width:440px){.site-header__inner{gap:6px}.nav .nav__link{--h: 26px;padding:0 8px;font-size:11px}.sound-toggle{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.page,.window,.quiz__ask,.quiz__contenders img,.alerts__item,.motes,.slot__beam,.talent__flash,.roll__dice,.loot-alert__burst{animation:none!important}.motes{display:none}}