:root{color-scheme:dark;--gold:#d6b44e;--ink:#30251a;--link:#294e66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05090d;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.45}a{color:var(--link)}button,select{font:inherit}.utility{height:27px;background:linear-gradient(#1f2529,#090c0f);border-bottom:2px solid #6d716b;display:flex;justify-content:space-between;align-items:center;padding:0 5%;color:#929b9f;font-size:10px;letter-spacing:1.6px}.utility nav{display:flex;gap:28px}.utility a{color:#b6b6ac;text-decoration:none;font-size:11px}.masthead{height:72px;position:relative;background:repeating-linear-gradient(100deg,transparent 0 23px,#a4a7a21c 25px 27px,transparent 30px 45px),linear-gradient(#38454c,#101d29 42%,#111c27 65%,#49545a 68%,#121b22 78%,#69716a 80%,#1c242b 86%);border-bottom:6px ridge #807853;box-shadow:0 3px 5px #000;z-index:2}.logo{display:block;position:absolute;left:max(calc((100vw - 1148px)/2 + 190px),16px);top:-19px;width:193px;height:106px;background:url('assets/classic-reference.png') -193px -11px/1148px 585px no-repeat;filter:drop-shadow(0 4px 3px #000);z-index:5}.top-controls{position:absolute;right:4%;top:9px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.top-controls select{background:#111c25;border:2px ridge #938975;color:#d6b44e;font-family:Georgia,serif;font-weight:bold;font-size:12px;padding:1px 6px;width:170px}.red-button{display:inline-block;border:3px ridge #84724a;background:linear-gradient(#6d1c14,#270605);color:#ebd383;text-decoration:none;padding:3px 17px;font-family:Georgia,serif;font-weight:bold;font-size:13px;cursor:pointer;box-shadow:0 1px 4px #0008}.world{max-width:1148px;margin:auto;position:relative;display:grid;grid-template-columns:210px 159px minmax(0,1fr);align-items:start;min-height:calc(100vh - 99px)}.character{position:absolute;left:0;top:-20px;width:215px;height:510px;background:url('assets/classic-reference.png') 0 -78px/1148px 585px no-repeat;mask-image:linear-gradient(#000 80%,transparent);pointer-events:none}.sidebar{grid-column:2;position:relative;padding-top:19px;color:#c8ac49;background:linear-gradient(90deg,#0009,#0a0c11dd);border-right:4px ridge #766f4b;min-height:730px}.sidebar details{margin:0 5px 5px 0}.sidebar summary{position:relative;list-style:none;background:linear-gradient(#293a4a,#091828 45%,#040f1a 60%,#20394c);border:3px ridge #65767a;box-shadow:0 0 0 1px #151a19;color:#d5b546;font-family:Georgia,serif;font-size:16px;white-space:nowrap;cursor:pointer;height:31px;line-height:23px}.sidebar summary::-webkit-details-marker{display:none}.sidebar summary:after{content:'+';position:absolute;right:3px;color:#c88d35;font-family:Arial}.sidebar details[open] summary:after{content:'−'}.crest{display:inline-flex;width:23px;height:23px;justify-content:center;color:#e0c989;background:linear-gradient(120deg,#807e6a,#141920);border:1px solid #a6986b;margin-right:3px;vertical-align:top}.menu-items{padding:5px 9px 8px;border:1px solid #4d4f39;background:linear-gradient(90deg,#070909ee,#16140cc7)}.menu-items a{display:block;color:#c9ae50;text-decoration:none;font-size:12px;font-weight:bold;line-height:1.5;text-shadow:1px 1px #000;border-bottom:1px solid #a8903420}.menu-items a:hover,.menu-items a:focus-visible{color:#fff0a9;background:#8b753530}.sidebar-foot{text-align:center;font-family:Georgia,serif;font-size:14px;letter-spacing:2px;color:#b69c57;margin-top:27px}.sidebar-foot span{font-family:Arial;font-size:10px;letter-spacing:0;color:#817953}.parchment{grid-column:3;min-height:900px;padding:17px 21px 0;background:radial-gradient(ellipse at 50% 0,#fff4ce70,transparent 65%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E"),linear-gradient(90deg,#b38c46,#e8d19b 3%,#eed9a5 48%,#e3c58b 97%,#9c7038);border:8px ridge #a28e5d;border-top:5px ridge #af935b;box-shadow:inset 0 0 16px #7349168a,0 0 0 3px #22251e;position:relative}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:16px}.ornate{border:6px ridge #a18e64;border-radius:4px;box-shadow:0 0 0 2px #514d37,inset 0 0 8px #34221190,1px 3px 5px #59401a88}.hero{height:209px;background:url('assets/classic-reference.png') -406px -122px/1148px 585px no-repeat;position:relative;overflow:hidden}.welcome{font-family:Georgia,serif;color:#e0bd51;font-weight:bold;font-size:36px;line-height:1;text-shadow:2px 2px #000;position:absolute;top:6px;left:7px;font-variant:small-caps;background:linear-gradient(90deg,#26100dd9,transparent);padding:0 8px 6px}.welcome span{display:block;font-size:13px;text-align:center;letter-spacing:.4px}.hero-button{position:absolute;top:81px;left:50%;transform:translateX(-50%);width:121px;height:50px;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px;background:linear-gradient(#354a46,#0c211c);border:5px ridge #b8c8ad;color:#efda9a;font-family:Georgia,serif;font-size:12px;text-decoration:none;text-align:center;box-shadow:0 0 18px #a7ffee}.news-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #92743b66;margin:22px 0 20px;padding-bottom:6px}.news-heading h1{font-family:Georgia,serif;font-size:16px;font-weight:normal;margin:0;color:#685125}.news-heading>span{font-size:9px;letter-spacing:1px;color:#836c43}.article{padding:0 10px 24px;margin-bottom:25px;border-bottom:1px solid #91723d69}.category{font-size:10px;letter-spacing:1px;color:#856c3c;display:flex;align-items:center;gap:12px}.blizz{font-family:Impact,Arial,sans-serif;font-size:13px;letter-spacing:-1px;font-style:italic;color:#477d97;text-shadow:1px 1px #fff3c8}h2{font-family:Georgia,serif}.article h2{font-family:Arial,Helvetica,sans-serif;font-size:30px;line-height:1.15;margin:10px 0 7px;letter-spacing:-.6px}.article h2 a{text-decoration:underline;text-underline-offset:3px}.metadata{font-size:11px;margin:0;color:#5c4b2d}.metadata span{padding:0 4px}.article-copy{font-size:16px;line-height:1.55;margin-top:25px}.article-copy p{margin:0 0 14px}.read-more{font-size:13px;font-weight:bold}.read-more span{color:#8d6927}.archive-link{font-size:13px;text-align:right;padding-bottom:25px}.quick-links{background:linear-gradient(90deg,#b49459,#dfc489 8%,#ecd39e 60%,#d0ae70)}.quick-links h2,.realm h2{font-size:17px;line-height:1.1;font-variant:small-caps;margin:0;padding:4px 5px;background:linear-gradient(#b69353,#e4c992);border-bottom:1px solid #9d773c;color:#4e351a;text-shadow:1px 1px #efd59a}.quick-links h2 span,.realm h2 span{color:#7b5b28;margin-right:4px}.quick-links ul{list-style:none;margin:0;padding:1px 9px 10px}.quick-links li{border-bottom:1px solid #9c814752}.quick-links li:last-child{border:0}.quick-links a{display:flex;align-items:center;gap:7px;font-size:12px;min-height:28px;font-weight:bold;color:#556674}.quick-links i{font-style:normal;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:23px;height:23px;background:radial-gradient(circle at 30% 20%,#80b2ba,#16354b 52%,#070f15);border:2px ridge #b6a477;border-radius:50%;color:#dccb84;box-shadow:1px 2px 2px #4c331d88;font-size:16px}.quick-links .green{background:radial-gradient(circle at 35% 20%,#b8d956,#346915 55%,#0a2408);color:#d7e879}.expansion{display:block;height:88px;margin:13px 0 19px;background:url('assets/classic-reference.png') -903px -397px/1148px 585px no-repeat}.realm{background:#dec38b}.realm h2{font-size:15px}.realm-body{padding:14px 10px;font-size:12px;color:#66502c}.realm-body strong{font-size:12px}.realm-body p{margin:10px 0;line-height:1.5}.realm-body a{font-weight:bold}.status-light{display:inline-block;width:8px;height:8px;background:#709629;border-radius:50%;box-shadow:0 0 5px #477321;margin-right:5px}.faction{text-align:center;margin:27px 0;color:#8b723f}.faction>span{font-size:47px;text-shadow:1px 2px #ffecb6,-1px -1px #6d4e25}.faction p{font-family:Georgia,serif;font-size:13px;line-height:1.7;margin-top:0}footer{border-top:1px solid #977c4880;text-align:center;padding:24px 0 18px;font-size:12px;color:#866c3c}footer>a{font-family:Georgia,serif;font-size:17px;text-decoration:none;color:#6e5024}footer span,footer small{display:block;margin-top:7px}footer small{font-size:10px}a:hover{color:#876322}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #d59d30;outline-offset:3px}dialog{color:var(--ink);width:min(550px,calc(100% - 30px));background:linear-gradient(110deg,#edd8a5,#dcc08a);border:7px ridge #a18e64;padding:24px;box-shadow:0 10px 70px #000;max-height:85vh}dialog::backdrop{background:#030a11cf}dialog h2{color:#294e66;font-size:27px;line-height:1.2}dialog p{line-height:1.65}dialog .red-button{margin-top:12px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;color:#745627;font-family:Georgia,serif;font-size:12px;letter-spacing:2px;border-bottom:1px solid #a98b55;padding-bottom:10px}.dialog-heading button{border:0;background:transparent;color:#634822;font-size:28px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1350px){.world{margin-top:0}.masthead .top-controls{right:calc((100vw - 1148px)/2 + 22px)}}@media(max-width:1040px){.world{grid-template-columns:120px 159px minmax(0,1fr)}.character{left:-75px}.logo{left:105px}.parchment{padding:14px 13px}.content-grid{grid-template-columns:minmax(0,1fr) 190px;gap:13px}.hero{background-position:-426px -122px}.article h2{font-size:27px}.news-heading>span{display:none}}@media(max-width:850px){.world{grid-template-columns:160px minmax(0,1fr)}.sidebar{grid-column:1}.character{display:none}.parchment{grid-column:2}.logo{left:0}.content-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:25px}.quick-links{grid-row:span 2}.expansion{margin:0}.faction{display:none}.hero{background-size:1148px 585px}.realm{align-self:start}}@media(max-width:570px){.utility{height:23px;padding:0 12px}.utility>span{font-size:8px;letter-spacing:.7px}.utility nav{gap:12px}.utility nav a{font-size:8px}.utility nav a:last-child{display:none}.masthead{height:100px}.logo{top:-10px;left:8px}.top-controls{right:10px;top:23px}.top-controls select{width:139px}.world{display:block}.sidebar{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px;border-right:0;border-bottom:4px ridge #766f4b}.sidebar details{margin:0}.sidebar summary{font-size:14px}.sidebar details[open]{grid-row:span 2}.sidebar-foot{display:none}.menu-items a{font-size:13px;line-height:1.8}.parchment{padding:12px 10px;min-height:0;border-width:5px}.hero{height:204px;background-position:-427px -122px}.welcome{font-size:30px}.article{padding:0 3px 22px}.article h2{font-size:29px}.article-copy{font-size:16px}.metadata{font-size:12px}.right-column{grid-template-columns:1fr;gap:17px}.quick-links{grid-row:auto}.quick-links a{font-size:14px;min-height:34px}.expansion{width:218px;justify-self:center}.realm h2,.quick-links h2{font-size:19px}.realm-body,.realm-body strong{font-size:14px}}
.server-brand{position:absolute;left:15px;right:15px;bottom:1px;text-align:center;background:linear-gradient(#292018,#070c12);border:2px ridge #9b8352;color:#e5c770;font:700 18px Georgia,serif;letter-spacing:1px;text-shadow:1px 2px #000}.server-features{padding-left:21px;margin:18px 0 24px}.server-features li{margin-bottom:13px;padding-left:3px}.server-features li::marker{color:#806028}.server-promo{background:linear-gradient(110deg,#05111bea,#19382ad9),url(assets/classic-reference.png) -903px -397px/1148px 585px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#e2c16c}.server-promo strong{font:700 22px Georgia,serif;letter-spacing:1px;text-shadow:1px 2px #000}.server-promo span{font:13px Georgia,serif;color:#eedab2}.server-domain{overflow-wrap:anywhere;font-weight:bold}.welcome{font-size:33px}.welcome span{font-size:12px}.utility>span{letter-spacing:1px}@media(max-width:570px){.utility>span{font-size:8px;letter-spacing:0}.welcome{font-size:30px}}
body{background:#000;overflow-x:clip}
.world::before,.world::after{content:"";position:absolute;top:0;width:220px;height:430px;background:url(assets/classic-side-background.png) -75px -30px/300px 524px no-repeat;pointer-events:none;mask-image:linear-gradient(to bottom,#000 0%,#000 38%,transparent 85%),linear-gradient(to right,transparent,#000 18%,#000 82%,transparent);mask-composite:intersect}
.world::before{right:100%;transform:scaleX(-1)}
.world::after{left:100%}
.character{mask-image:linear-gradient(to bottom,#000 65%,transparent 97%),linear-gradient(to right,transparent,#000 14%);mask-composite:intersect}
@media(max-width:1148px){.world::before,.world::after{display:none}}
.character{top:-39px;left:0;width:210px;height:515px;background:url(assets/classic-left-reference.png) 0 -60px/369px 575px no-repeat;mask-image:linear-gradient(to bottom,#000 94%,transparent 100%);mask-composite:add}.sidebar{padding-top:0;min-height:600px;background:linear-gradient(90deg,#020607e8,#080b0dd9);border-right:5px ridge #847851}.sidebar summary{font-family:Arial,Helvetica,sans-serif;font-size:13px;height:28px;line-height:21px;font-weight:bold}.sidebar .menu-items{padding:4px 8px 6px;background:linear-gradient(90deg,#070b0ce8,#080c0df0)}.sidebar .menu-items a{font-size:11px;line-height:15px;white-space:nowrap;border-bottom:0}.sidebar details{margin-bottom:4px}.sidebar-foot{margin-top:24px}.sidebar .crest{width:21px;height:21px}.logo{top:-27px}@media(max-width:1040px) and (min-width:851px){.world{grid-template-columns:210px 159px minmax(0,1fr)}.character{left:0}.logo{left:190px}.content-grid{grid-template-columns:minmax(0,1fr)}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:15px}}@media(max-width:850px){.character{display:none}.logo{left:0}}@media(max-width:570px){.sidebar{padding:8px;min-height:0}.sidebar .menu-items a{font-size:13px;line-height:1.8;white-space:normal}.logo{top:-10px}}
.character{top:0;height:500px;background-position:0 -60px;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%),linear-gradient(to right,transparent,#000 9%,#000 100%);mask-composite:intersect}.logo{top:-19px}.sidebar{padding-top:19px}@media(max-width:570px){.logo{top:-10px}.sidebar{padding-top:8px}}
.character{display:none}.world::before{display:block;left:-220px;right:auto;top:0;width:430px;height:502px;background:url(assets/azeroth-seamless-left.png) center top/430px 502px no-repeat;transform:none;mask-image:linear-gradient(to right,transparent,#000 8%,#000),linear-gradient(to bottom,#000 85%,transparent);mask-composite:intersect}@media(max-width:850px){.world::before{display:none}}
.progression{font-size:16px}.launch-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.launch-dates>div{padding:14px 12px;background:#b78c3620;border:1px solid #9e7e48;box-shadow:inset 0 0 12px #97723618}.launch-dates time{display:block;font:700 21px Georgia,serif;color:#294e66}.launch-dates strong,.launch-dates span{display:block;margin-top:6px}.launch-dates strong{font-size:14px}.launch-dates span{font-size:14px}.level-steps{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:24px 0}.level-steps span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px ridge #ac915b;background:linear-gradient(#e7cf93,#c7a867);font:700 22px Georgia,serif;color:#4d361d}.level-steps i{font-style:normal;color:#84622e}.raid-preparation{padding:14px 16px;border-left:4px solid #8e672e;background:#ac79391b}.raid-preparation h3{font:700 20px Georgia,serif;margin:0 0 8px;color:#6d4b20}.raid-preparation p{margin:0;line-height:1.55}.phase-heading{font:700 22px Georgia,serif;color:#6d4b20;margin:26px 0 15px}.content-phases{list-style:none;padding:0;margin:0}.content-phases li{position:relative;padding:13px 0 13px 19px;border-left:2px solid #a38348;border-bottom:1px solid #98783c40}.content-phases li:before{content:"";position:absolute;left:-5px;top:20px;width:8px;height:8px;border-radius:50%;background:#8a642c;box-shadow:0 0 0 3px #e5ce98}.content-phases li>span{font-size:11px;font-weight:bold;letter-spacing:1px;color:#82622c}.content-phases h4{font:700 18px Georgia,serif;color:#294e66;margin:4px 0}.content-phases p{font-size:14px;line-height:1.5;margin:0}.schedule-note{font-size:12px;color:#6c542f;line-height:1.5;margin-top:18px}@media(max-width:570px){.launch-dates{grid-template-columns:1fr}.level-steps span{width:36px;height:36px;font-size:20px}}
.client-download{font-size:15px;padding:8px 16px;margin-top:8px}
.download-promo strong{font-size:18px;letter-spacing:0}.download-promo span{font-size:11px;margin-top:6px}.download-promo:hover{filter:brightness(1.2);color:#ffecaa}
.discord-highlight{display:flex;align-items:center;flex-direction:column;text-align:center;padding:17px 12px 15px;margin:0 0 18px;background:radial-gradient(ellipse at top,#53578a70,transparent 70%),linear-gradient(145deg,#222d45,#171725 70%);color:#f1dfb0;text-decoration:none;transition:filter .15s,box-shadow .15s}.discord-highlight>svg{width:45px;height:45px;color:#b8b9ff;margin-bottom:8px;filter:drop-shadow(0 0 8px #747cf766)}.discord-kicker{font-size:9px;letter-spacing:1.2px;color:#cdc0a1}.discord-highlight>strong{font:700 24px Georgia,serif;color:#f3d17b;text-shadow:1px 2px #000;margin:5px 0 8px}.discord-description{font-size:12px;line-height:1.5;color:#d1d0e0}.discord-action{display:block;width:100%;margin-top:14px;padding:9px 3px;background:linear-gradient(#7078c1,#434a8b);border:2px ridge #a59b76;font-size:11px;font-weight:bold;letter-spacing:.4px;color:#fff7d7;box-shadow:0 2px 5px #0006}.discord-highlight:hover,.discord-highlight:focus-visible{color:#f1dfb0;filter:brightness(1.15);box-shadow:0 0 0 2px #a18e64,0 0 20px #666bc24d}@media(max-width:850px){.discord-highlight{margin:0;grid-column:1/-1}.discord-highlight>svg{width:40px;height:40px}.discord-action{max-width:230px}.discord-description{font-size:14px}}
dialog pre{font:15px Consolas,monospace;background:#302b20;color:#f6dfa2;border:2px ridge #a38955;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}