@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Marcellus&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";:root{--stone-void:#04070a;--stone-black:#070c12;--stone-dark:#0d151d;--stone:#12202b;--stone-light:#24404f;--iron:#365260;--arcane:#3fb8c8;--arcane-bright:#7fe3ef;--arcane-deep:#1d6f7e;--arcane-glow:#3fb8c88c;--silver:#c4d2da;--silver-bright:#eef4f7;--silver-deep:#7f929c;--parchment:#dfe8ec;--parchment-dim:#b9c9d0;--ink:#10202a;--ink-soft:#33505c;--gold:#cbb06a;--gold-bright:#e6d194;--gold-deep:#8a733a;--text:#cfdbe2;--text-dim:#8ca0ab;--text-faint:#5c6f79;--alliance:#4a76c4;--alliance-gold:#d4b048;--horde:#a33127;--horde-dark:#6b1f18;--blood:#7a2820;--verdant:#6a7d3a;--radius:3px;--maxw:940px;--font-display:"Cinzel", Georgia, serif;--font-head:"Marcellus", Georgia, serif;--font-body:"EB Garamond", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--stone-black);background-image:radial-gradient(at 50% -10%,#3fb8c81a,#0000 55%),radial-gradient(at 50% 120%,#000000b3,#0000 60%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000024 0 2px,#0000 2px 5px);background-attachment:fixed;margin:0;font-size:19px;line-height:1.7}a{color:var(--arcane);text-decoration:none;transition:color .15s}a:hover{color:var(--arcane-bright);text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);font-weight:700;line-height:1.15}.overline{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.28em;color:var(--arcane);margin:0 0 14px;font-size:.78rem}.site-header{z-index:50;border-bottom:1px solid var(--arcane-deep);backdrop-filter:blur(6px);background:linear-gradient(#12100df7,#0a0908f0);position:sticky;top:0;box-shadow:0 2px #0009,0 10px 30px #00000080}.site-header .wrap{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);text-transform:uppercase;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.logo .mark{color:var(--arcane);font-size:1.2rem}.logo em{color:var(--arcane);font-style:normal}.nav{gap:30px;display:flex}.nav a{color:var(--text-dim);font-family:var(--font-head);letter-spacing:.03em;font-size:.98rem;position:relative}.nav a small{font-family:var(--font-body);letter-spacing:.04em;color:var(--text-faint);text-transform:none;margin-top:-3px;font-size:.72rem;display:block}.nav a:hover{color:var(--arcane)}.nav a:hover small{color:var(--text-dim)}.hero{text-align:center;padding:90px 0 56px;position:relative;overflow:hidden}.hero-art{z-index:0;background: linear-gradient(180deg, #070c1273 0%, #070c1247 32%, #070c12d1 82%, var(--stone-black) 100%), radial-gradient(ellipse at 50% 26%, #3fb8c81f, transparent 62%), url(/art/wow/cinematic/forever-cinematic-still-3.webp);background-position:50% 34%;background-size:cover,cover,cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.hero>.wrap{z-index:1;position:relative}.hero h1{text-shadow:0 2px 20px #000000b3;margin:0 0 20px;font-size:clamp(2.2rem,6vw,3.9rem)}.hero h1 .gold{color:var(--arcane-bright);text-shadow:0 0 24px var(--arcane-glow)}.hero .lede{font-family:var(--font-body);color:var(--text-dim);max-width:640px;margin:0 auto 34px;font-size:1.28rem;font-style:italic}.hero .orn-divider{color:var(--arcane);width:300px;height:24px;margin:0 auto 30px;display:block}.btn{font-family:var(--font-head);letter-spacing:.05em;border-radius:var(--radius);cursor:pointer;color:var(--stone-void);border:1px solid var(--arcane);background:linear-gradient(180deg, var(--silver-bright), var(--silver) 45%, var(--silver-deep));box-shadow:0 1px 0 #fff6 inset, 0 0 22px var(--arcane-glow), 0 6px 18px #00000080;text-transform:uppercase;padding:15px 34px;font-size:1rem;transition:box-shadow .2s,transform .12s;display:inline-block}.btn:hover{color:var(--stone-void);box-shadow:0 1px 0 #ffffff80 inset, 0 0 34px var(--arcane-glow), 0 8px 22px #0000008c;background:linear-gradient(180deg, #fff, var(--silver-bright) 45%, var(--arcane-bright));transform:translateY(-1px)}.btn.secondary{background:linear-gradient(180deg, var(--stone-light), var(--stone-dark));color:var(--text);border:1px solid var(--iron);box-shadow:inset 0 1px #ffffff0d,0 6px 18px #0006}.btn.secondary:hover{color:var(--silver-bright);border-color:var(--arcane-deep)}.btn-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn small{font-family:var(--font-body);text-transform:none;letter-spacing:.02em;opacity:.7;margin-top:2px;font-size:.72rem;display:block}section{padding:56px 0;position:relative}.section-head{text-align:center;margin-bottom:40px}.section-head h2{margin:0 0 10px;font-size:clamp(1.6rem,4vw,2.3rem)}.section-head .sub{color:var(--text-dim);margin:0;font-size:1.1rem;font-style:italic}.section-head .orn-divider{color:var(--arcane-deep);width:260px;height:20px;margin:14px auto 0;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.plate{background:linear-gradient(180deg, var(--stone) 0%, var(--stone-dark) 100%);border:1px solid var(--stone-light);border-radius:var(--radius);padding:28px 26px;transition:border-color .18s,transform .18s,box-shadow .18s;position:relative;box-shadow:inset 0 1px #ffffff0a,0 10px 26px #00000073}.plate:before{content:"";pointer-events:none;border:1px solid #c8a24a24;border-radius:2px;position:absolute;inset:5px}a.plate:hover,.plate.hover:hover{border-color:var(--arcane-deep);transform:translateY(-3px);box-shadow:inset 0 1px #ffffff0d,0 16px 34px #0000008c}.plate h3{font-family:var(--font-head);color:var(--silver-bright);letter-spacing:.02em;margin:0 0 10px;font-size:1.3rem}.plate p{color:var(--text-dim);margin:0;font-size:1.02rem}a.plate{color:inherit;display:block}.plate .medallion{width:60px;height:60px;color:var(--arcane);background:radial-gradient(circle at 40% 30%, var(--stone-light), var(--stone-void));border:1px solid var(--arcane-deep);border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;display:flex;box-shadow:0 2px 8px #00000080,inset 0 1px #ffffff0f}.parchment{background:radial-gradient(ellipse at 30% 20%, #ffffff80, transparent 60%), linear-gradient(160deg, var(--parchment), var(--parchment-dim));color:var(--ink);border:1px solid var(--arcane-deep);border-radius:var(--radius);margin:26px 0;padding:22px 26px;font-style:italic;position:relative;box-shadow:0 8px 24px #0006,0 0 0 4px #0a090866}.parchment:after{content:"";border-radius:var(--radius);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #7a592c40}.parchment strong{color:var(--ink);font-style:normal}.parchment .attribution{text-align:right;color:var(--ink-soft);margin-top:10px;font-size:.9rem;font-style:normal;display:block}.prose{padding:50px 0 90px}.prose h1{margin:0 0 6px;font-size:clamp(2rem,5vw,3rem)}.prose .meta{color:var(--arcane);font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem}.prose>.lede{color:var(--text-dim);margin:0 0 10px;font-size:1.2rem;font-style:italic}.prose h2{font-family:var(--font-head);color:var(--silver-bright);border-bottom:1px solid var(--stone-light);margin:46px 0 14px;padding-bottom:8px;font-size:1.6rem}.prose h3{font-family:var(--font-head);color:var(--text);margin:30px 0 8px;font-size:1.2rem}.prose ul,.prose ol{padding-left:24px}.prose li{margin:8px 0}.prose li strong{color:var(--silver-bright);font-weight:600}.warn{border-left:3px solid var(--blood);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-dim);background:linear-gradient(90deg,#7a282024,#0000);margin:22px 0;padding:14px 20px}.warn strong{color:#d99}.pill{font-family:var(--font-head);letter-spacing:.04em;background:var(--stone-dark);border:1px solid var(--iron);color:var(--text-dim);border-radius:999px;margin:3px 3px 3px 0;padding:4px 12px;font-size:.8rem;display:inline-block}.pill.role{border-color:var(--arcane-deep);color:var(--arcane)}.pill.good{border-color:var(--verdant);color:#a9bd6a}.whatis{background:linear-gradient(180deg, var(--stone), var(--stone-dark));border:1px solid var(--stone-light);border-radius:var(--radius);grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:32px;padding:32px;display:grid;box-shadow:0 10px 30px #00000073}.whatis-logo{filter:drop-shadow(0 0 24px #3fb8c840);width:100%;height:auto}.whatis-body h2{font-family:var(--font-head);color:var(--silver-bright);margin:0 0 12px;font-size:1.5rem}.whatis-body p{color:var(--text-dim);margin:0 0 12px}.whatis-links{font-family:var(--font-head);gap:22px;display:flex}@media (width<=640px){.whatis{text-align:center;grid-template-columns:1fr}.whatis-links{justify-content:center}}.zone-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:24px 0;display:grid}.zone-shot{border-radius:var(--radius);border:1px solid var(--stone-light);position:relative;overflow:hidden;box-shadow:0 6px 18px #0006}.zone-shot img{object-fit:cover;width:100%;height:180px;transition:transform .3s;display:block}.zone-shot:hover img{transform:scale(1.05)}.zone-shot figcaption{font-family:var(--font-head);color:var(--silver-bright);background:linear-gradient(#0000,#04070ae6);padding:18px 14px 8px;font-size:.92rem;position:absolute;bottom:0;left:0;right:0}.gallery-credit{color:var(--text-faint);margin-top:10px;font-size:.82rem;font-style:italic}.site-footer{border-top:1px solid var(--arcane-deep);color:var(--text-faint);text-align:center;background:linear-gradient(#0000,#00000080);padding:40px 0;font-size:.92rem}.site-footer .orn-divider{color:var(--arcane-deep);width:220px;height:20px;margin:0 auto 18px;display:block}.site-footer p{margin:4px 0;font-style:italic}.site-footer .disclaimer{color:var(--text-faint);margin-top:14px;font-size:.82rem;font-style:normal}@media (width<=640px){body{font-size:18px}.nav{gap:16px}.nav a small{display:none}}#starfield{z-index:-1;pointer-events:none;opacity:.9;position:fixed;inset:0}.rune-ring{pointer-events:none;border:1px solid #3fb8c82e;border-radius:50%;animation:60s linear infinite spin;position:absolute;box-shadow:inset 0 0 30px #3fb8c814}.rune-ring:before{content:"";border:1px dashed #7fe3ef38;border-radius:50%;animation:90s linear infinite reverse spin;position:absolute;inset:8px}.rune-ring.slow{animation-duration:120s}@keyframes spin{to{transform:rotate(360deg)}}.pulse-glow{animation:4.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 18px #3fb8c840,0 2px 8px #00000080,inset 0 1px #ffffff0f}50%{box-shadow:0 0 34px #3fb8c88c,0 2px 8px #00000080,inset 0 1px #ffffff1a}}.hero-disc{z-index:0;pointer-events:none;background:radial-gradient(circle,#3fb8c829 0%,#3fb8c80d 40%,#0000 68%);width:min(560px,82vw);height:min(560px,82vw);animation:6s ease-in-out infinite pulse-disc;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes pulse-disc{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}a.plate:after,.plate.hover:after{content:"";border-radius:var(--radius);pointer-events:none;transition:box-shadow .2s;position:absolute;inset:-1px;box-shadow:0 0 #3fb8c800}a.plate:hover:after,.plate.hover:hover:after{box-shadow:0 0 26px #3fb8c847}.logo .mark{animation:5s ease-in-out infinite mark-pulse;display:inline-block;position:relative}@keyframes mark-pulse{0%,to{text-shadow:0 0 6px var(--arcane-glow)}50%{text-shadow:0 0 16px var(--arcane-glow)}}@media (prefers-reduced-motion:reduce){.rune-ring,.rune-ring:before,.pulse-glow,.hero-disc,.logo .mark{animation:none!important}.reveal{opacity:1;transition:none;transform:none}#starfield{display:none}}