@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#080e17;--panel:#111b28;--text:#f1f0e9;--muted:#a4b2c2;--gold:#d5b573;--ice:#86ceec;--line:#263342;--heading:'Cinzel',Georgia,serif;--body:'Inter',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.8 var(--body)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{text-decoration:none;color:inherit}a:hover{color:var(--ice)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ice);outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:var(--gold);color:#111;padding:12px}.skip:focus{top:10px}.site-header{position:absolute;top:20px;left:2.5%;width:95%;height:78px;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:linear-gradient(120deg,#121d2bf5,#111924ee);border:1px solid #71809655;border-radius:4px;box-shadow:0 10px 45px #0006;backdrop-filter:blur(18px)}.brand{display:flex;gap:11px;align-items:center;font:800 21px/1 var(--heading);letter-spacing:1px;color:var(--text)}.brand small{display:block;font:600 10px/1.2 var(--body);letter-spacing:3.1px;margin-top:7px;color:var(--gold)}.rune{font:44px/1 Georgia,serif;color:var(--ice);text-shadow:0 0 17px #70cfff66}.site-header nav{display:flex;gap:29px;align-items:center;font-size:12px;font-weight:600;color:#d1d8e0}.site-header nav a{padding-block:28px;border-bottom:2px solid transparent}.site-header nav a:hover{border-color:var(--gold);color:#fff}.menu-toggle{display:none}.wc-button{position:relative;display:inline-flex;min-height:55px;align-items:center;justify-content:center;gap:16px;padding:16px 27px;border:1px solid #b49050;border-top-color:#e9d79c;border-bottom:3px solid #5b431d;background:linear-gradient(180deg,#987438 0%,#725322 7%,#473116 48%,#684718 51%,#8c6530 100%);box-shadow:inset 0 0 0 3px #201910,inset 0 0 0 4px #a0854c88,0 4px 14px #0007;color:#fff2c8;font:700 12px/1.4 var(--heading);letter-spacing:1px;text-shadow:0 2px 2px #000;cursor:pointer;transition:filter .2s,transform .2s;isolation:isolate}.wc-button:before,.wc-button:after{content:'◆';position:absolute;left:7px;top:50%;transform:translateY(-50%);font-size:6px;color:#d5b573}.wc-button:after{left:auto;right:7px}.wc-button:hover{filter:brightness(1.25);color:#fff8dd;transform:translateY(-2px)}.wc-button:active{transform:translateY(1px)}.wc-button.secondary{background:linear-gradient(#263541,#101c26 48%,#1c2b38 51%,#263d4d);border-color:#61859c;border-top-color:#9cbcd2;border-bottom-color:#1a2d3c;box-shadow:inset 0 0 0 3px #0a131d,inset 0 0 0 4px #7992a555,0 4px 14px #0006;color:#d8edf7}.small-button{min-height:42px;padding:11px 21px;font-size:10px;letter-spacing:.5px}.hero{min-height:850px;height:min(940px,100svh);position:relative;overflow:hidden;background:#122c40;display:flex;align-items:center}.hero-scene{position:absolute;inset:-4%;background:url('lich-king-icecrown.png') center 47%/cover no-repeat;animation:drift 24s ease-in-out infinite alternate;will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#060b15ec 0%,#070d16c9 31%,#0b17283b 62%,#05101d14),linear-gradient(0deg,#080e17 0%,transparent 35%,#07101b44 90%)}#snow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65}.hero-content{position:relative;z-index:2;margin:120px auto 90px;width:86%;max-width:1400px}.kicker{font:700 10px/1.7 var(--body);letter-spacing:2.2px;color:var(--gold);margin:0 0 23px}.game-mark{width:280px;text-align:center;line-height:1;color:#c8b57d;filter:drop-shadow(0 3px 6px #000);margin-bottom:33px}.game-mark>span{font:800 24px/1 var(--heading);letter-spacing:4px;display:block}.game-mark i{font:italic 15px Georgia;letter-spacing:0}.game-mark strong{font:900 42px/1 var(--heading);letter-spacing:-2px;display:block;color:#efdfaa;text-shadow:1px 2px #302719,-1px -1px #e6d6ab,0 3px 8px #000}.game-mark small{display:block;color:#cce8f4;font:700 11px/1.5 var(--heading);letter-spacing:1.2px;border-top:1px solid #a4ac9566;border-bottom:1px solid #a4ac9566;padding:5px 0;margin-top:7px;background:linear-gradient(90deg,transparent,#1b3e54aa,transparent)}h1{font:800 clamp(38px,4vw,64px)/1.17 var(--heading);letter-spacing:-1.8px;margin:0 0 22px;max-width:790px;text-shadow:0 3px 16px #000}h1 em{color:var(--ice);font-style:normal}.hero-description{font-size:16px;line-height:1.8;color:#d1dce7;max-width:500px;text-shadow:0 2px 4px #000}.actions{display:flex;gap:15px;flex-wrap:wrap;margin:29px 0 24px}.hero-footnote{font-size:8px;letter-spacing:1.2px;color:#c0cbd5}.hero-footnote span{margin-inline:9px;font-size:6px;color:var(--gold)}.hero-bottom{position:absolute;z-index:3;bottom:25px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.6px;color:#9aaec0}.phase-light{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5a96e;margin-right:8px;box-shadow:0 0 12px #c5a96e77}.hero-divider{padding-inline:15px;color:#667782}.hero-bottom button{border:1px solid #586c7f77;background:#0d192988;color:#bdcedd;font-size:9px;letter-spacing:.6px;padding:8px 12px;cursor:pointer}.realm-bar{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #44556a6b;background:linear-gradient(#1b2839,#101b29);padding:29px max(5%,calc((100vw - 1450px)/2));box-shadow:0 -10px 35px #0005;position:relative}.realm-bar>div{border-right:1px solid #6b7c8e33;padding:0 26px;text-align:center}.realm-bar>div:last-child{border:0}.realm-bar span{font-size:8px;letter-spacing:2px;color:#8295ab;display:block;margin-bottom:6px}.realm-bar strong{font:600 14px var(--heading);color:#d9e2eb}.realm-bar small{font-size:10px;color:#8cabc1}.realm-bar b{font-size:20px;color:var(--gold);font-weight:600}.section{max-width:1540px;margin:auto;padding:105px 7%}h2{font:600 clamp(30px,3vw,45px)/1.3 var(--heading);letter-spacing:-1px;margin:0 0 25px}h2 em{color:var(--gold);font-style:normal}.section p{color:var(--muted)}.realm-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center}.section-intro p:not(.kicker){font-size:14px;line-height:1.95}.section-intro .kicker{color:var(--gold);font-size:9px}.arrow-link{font-size:9px;font-weight:700;letter-spacing:1.5px;color:var(--gold);display:inline-flex;align-items:center;gap:22px;margin-top:20px}.realm-image{position:relative;border:1px solid #5a6a75;box-shadow:0 17px 50px #0006;aspect-ratio:1.36;overflow:hidden}.realm-image:before{content:'';position:absolute;inset:5px;border:1px solid #d4b87c33;z-index:2;pointer-events:none}.realm-image img{width:100%;height:100%;object-fit:cover;object-position:45%;transition:transform .7s}.realm-image:hover img{transform:scale(1.04)}.realm-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#06101df5)}.realm-image>div{position:absolute;z-index:1;bottom:28px;left:30px;right:20px}.realm-image span{font-size:8px;letter-spacing:2px;color:var(--gold);display:block;margin-bottom:7px}.realm-image strong{font:500 20px var(--heading)}.legends{padding-top:25px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-top h2{margin:0}.section-top>p{font-size:12px;margin:0 0 5px}.boss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.boss-card{position:relative;min-height:520px;border:1px solid #46576a;overflow:hidden;background:#111e2d;box-shadow:0 12px 30px #0004;transition:transform .3s,border-color .3s}.boss-card:hover{transform:translateY(-7px);border-color:#b49c65}.boss-card:before{content:'';position:absolute;inset:5px;border:1px solid #b1ac832e;pointer-events:none;z-index:3}.boss-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1422 8%,#0b1422e8 37%,#0b142215 90%)}.boss-card img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:50% 20%;transition:transform 1s}.boss-card.arthas img{object-position:49%}.boss-card:hover img{transform:scale(1.05)}.boss-content{position:absolute;bottom:0;z-index:2;padding:30px 27px;width:100%}.boss-zone{font-size:8px;color:#b4d4e8;letter-spacing:1.7px}.boss-content h3{font:600 28px var(--heading);margin:10px 0 13px;color:#eee9d9}.boss-content p{font-size:12px;line-height:1.85;color:#b1c0d1;margin:0 0 22px}.story-link{padding:0;border:0;background:none;color:var(--gold);font-size:9px;font-weight:600;letter-spacing:1.3px;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:18px}.story-link:hover{color:#ffe3a7}.editorial-note{font-size:10px;text-align:right;margin-top:15px;color:#8598aa!important}.oath-section{background:radial-gradient(ellipse at top,#263b5177,transparent 60%),linear-gradient(#13202e,#0b1420);border-block:1px solid #6c7e9266;padding:70px 7%;position:relative}.oath-heading{text-align:center}.ornament{font-size:10px;color:#6d6047;letter-spacing:4px;display:block;margin-bottom:20px}.oath-heading h2{margin-bottom:17px}.oath-heading>p:last-child{color:#a6b7c7;font-size:13px;margin-bottom:0}.oath-heading .kicker{font-size:9px;margin-bottom:13px}.oath-grid{max-width:1220px;margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr)}.oath-grid article{text-align:center;padding:0 40px;border-right:1px solid #62758b33}.oath-grid article:last-child{border:0}.oath-icon{font:32px var(--heading);color:var(--gold);display:grid;place-items:center;width:65px;height:65px;border:1px solid #826a3e;margin:0 auto 23px;background:linear-gradient(145deg,#273542,#101923);box-shadow:inset 0 0 0 4px #0f1823,0 0 0 1px #111;transform:rotate(0deg)}.oath-grid h3{font:600 18px var(--heading);margin:0 0 14px}.oath-grid p{color:var(--muted);font-size:12px;line-height:1.9}.download-section{display:grid;grid-template-columns:1fr .95fr;gap:10%;align-items:start}.download-intro{font-size:14px;line-height:1.9}.client-spec{border-left:2px solid var(--gold);padding:3px 0 3px 20px;margin:30px 0}.client-spec span,.client-unavailable span{font-size:8px;letter-spacing:1.5px;color:#96b3c8}.client-spec strong{display:block;font:500 19px var(--heading);margin-top:6px}.client-spec p{font-size:11px;margin:6px 0 0}.download-panel{display:flex;gap:15px;padding:20px;border:1px solid #5c6d7b;background:linear-gradient(120deg,#1a2939,#0f1c2b);align-items:center;flex-wrap:wrap}.download-icon{font-size:29px;color:var(--gold)}.download-panel>div{flex:1}.download-panel strong{font-size:13px}.download-panel p{font-size:10px;margin:3px 0 0}.download-panel .wc-button{font-size:9px;padding:11px 18px}.small-print{font-size:10px!important;line-height:1.8!important;color:#93a6ba!important}.client-unavailable{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.client-unavailable p{font-size:11px;margin:5px 0}.journey-steps{padding-top:14px}.journey-steps>div{display:flex;gap:23px;padding:28px 0;border-bottom:1px solid var(--line)}.journey-steps>div:first-child{padding-top:0}.journey-steps>div:last-child{border:0}.journey-steps>div>span{font:500 24px var(--heading);color:#546e85;line-height:1.5}.journey-steps h3{font:600 19px var(--heading);margin:0 0 12px}.journey-steps p{font-size:12px;line-height:1.9}.journey-steps strong{font-weight:500;color:#d1dce8}.journey-steps section{min-width:0}.realmlist-label{font-size:7px;color:#bcaa80;letter-spacing:.8px}.code-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#030a12;border:1px solid #364d62;padding:10px 12px;margin:10px 0}code{font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;color:#b3ddf5}.code-row button{background:transparent;border:0;color:var(--gold);font-size:8px;letter-spacing:1px;cursor:pointer}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;padding-top:0}.faq>div>p:not(.kicker){font-size:12px}.faq-items details{border-bottom:1px solid var(--line)}summary{position:relative;list-style:none;font-size:13px;font-weight:500;cursor:pointer;padding:22px 27px 22px 0}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;color:var(--gold);font-size:21px;top:14px}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:1.9;padding-right:25px}.final-banner{position:relative;background:linear-gradient(90deg,#060e1be8,#0713229c,#08101b88),url('lich-king-icecrown.png') center 57%/cover;padding:90px 7%;border-block:1px solid #596c8166;text-align:center}.final-banner .kicker{font-size:8px}.final-banner h2{font-size:42px;text-shadow:0 3px 12px #000}.final-banner .wc-button{margin-top:10px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px}footer{padding:47px 7% 30px;background:#060b12}footer .brand{font-size:17px}footer .brand small{font-size:8px;letter-spacing:2.8px}footer .rune{font-size:36px}footer nav{display:flex;gap:25px;font-size:11px;color:#a1b2c3}footer>p{font-size:9px;color:#7f90a1;line-height:1.9;margin:0 0 20px;max-width:850px}footer>small{font-size:7px;letter-spacing:1.4px;color:#687c90}dialog{position:fixed;max-width:min(720px,90vw);max-height:85svh;background:linear-gradient(135deg,#1c2c3f,#0b1523);color:var(--text);border:1px solid #b59962;padding:50px;box-shadow:0 25px 100px #000a;overflow:auto}dialog::backdrop{background:#020710cc;backdrop-filter:blur(8px)}dialog h2{font-size:36px}dialog p{color:#bac9d8;font-size:14px;line-height:1.9}dialog a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}#close-story{position:absolute;right:16px;top:8px;font-size:30px;color:#adbfce;background:none;border:0;cursor:pointer}.paused .hero-scene{animation-play-state:paused}@keyframes drift{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.09) translateX(-1.2%)}}
@media(min-width:1800px){.hero-content{max-width:1500px}.hero{max-height:1050px}.site-header{left:max(2.5%,calc((100% - 1700px)/2));width:min(95%,1700px)}}
@media(max-width:1100px){.site-header{padding:0 19px}.site-header nav{gap:17px;font-size:11px}.brand{font-size:18px}.brand small{font-size:8px}.site-header .wc-button{font-size:9px;padding:11px 16px}.hero{min-height:790px}.hero-content{width:87%;margin-top:140px}h1{font-size:49px}.hero-scene{background-position:57%}.realm-bar>div{padding:0 12px}.realm-bar strong{font-size:12px}.section{padding-block:75px}.realm-section{gap:5%}.boss-grid{gap:14px}.boss-card{min-height:510px}.boss-content{padding:25px 22px}.boss-content h3{font-size:24px}.oath-grid article{padding-inline:25px}.download-section{gap:6%}.faq{padding-top:0}.footer-top{flex-wrap:wrap}}
@media(max-width:760px){html{scroll-padding-top:20px}.site-header{top:12px;left:4%;width:92%;height:70px;padding:0 16px}.brand{font-size:17px;gap:8px}.brand small{font-size:7px;letter-spacing:2.7px}.rune{font-size:35px}.site-header>.wc-button{display:none}.menu-toggle{display:block;border:1px solid #5c7488;background:#132233;color:#c3d3de;width:39px;height:35px;font-size:18px;cursor:pointer}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:#111c2bf8;border:1px solid #4f6478;padding:10px 20px;box-shadow:0 20px 35px #0006}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:14px 0}.hero{height:auto;min-height:850px;align-items:flex-start}.hero-content{margin:137px 0 115px;width:100%;padding:0 7%}.hero-scene{inset:-4% -36%;background-position:56% 38%;opacity:.88}.hero-shade{background:linear-gradient(90deg,#07101cc9,#07101b42),linear-gradient(0deg,#080e17 3%,#080e1744 50%,#07101b66 90%)}.hero-content>.kicker{font-size:7px;letter-spacing:1.6px;max-width:250px}.game-mark{width:235px;margin-bottom:35px}.game-mark strong{font-size:35px}.game-mark>span{font-size:20px}.game-mark small{font-size:9px}h1{font-size:clamp(31px,8.8vw,53px);line-height:1.23;letter-spacing:-1.3px}.hero-description{font-size:14px;max-width:330px}.actions{flex-direction:column;align-items:flex-start;gap:13px}.actions .wc-button{min-width:250px;font-size:10px;min-height:51px}.hero-footnote{font-size:6px;letter-spacing:.6px;max-width:320px;line-height:2.3}.hero-footnote span{margin-inline:4px}.hero-bottom{bottom:22px;gap:15px;align-items:flex-end;font-size:8px}.hero-bottom>div{max-width:190px;line-height:2}.hero-divider{display:none}.hero-bottom button{font-size:7px;padding:8px;flex-shrink:0}.realm-bar{grid-template-columns:1fr 1fr;padding:0 6%}.realm-bar>div{padding:20px 8px;border-bottom:1px solid #6b7c8e33}.realm-bar>div:nth-child(2){border-right:0}.realm-bar>div:nth-child(3),.realm-bar>div:nth-child(4){border-bottom:0}.realm-bar span{font-size:7px}.realm-bar strong{font-size:10px}.realm-bar small{font-size:8px}.section{padding:60px 7%}.realm-section{grid-template-columns:1fr;gap:35px}h2{font-size:31px}.kicker{font-size:8px;letter-spacing:1.6px}.section-intro p:not(.kicker){font-size:13px}.realm-image{aspect-ratio:1.4}.realm-image>div{left:23px;bottom:24px}.realm-image strong{font-size:16px}.legends{padding-top:10px}.section-top{display:block}.section-top>p{margin-top:20px;font-size:11px}.boss-grid{grid-template-columns:1fr;gap:22px}.boss-card{min-height:470px}.boss-card img{object-position:50% 30%}.boss-card.arthas img{object-position:50%}.boss-content{padding:29px}.boss-content h3{font-size:29px}.boss-content p{max-width:460px}.editorial-note{text-align:left;font-size:9px}.oath-section{padding:55px 7%}.oath-heading h2{font-size:29px}.oath-heading>p:last-child{font-size:12px}.oath-grid{grid-template-columns:1fr;margin-top:35px;gap:28px}.oath-grid article{border-right:0;border-bottom:1px solid #62758b33;padding:0 10px 25px}.oath-icon{margin-bottom:18px}.oath-grid p{max-width:400px;margin:auto}.download-section{grid-template-columns:1fr;gap:35px}.download-intro{font-size:13px}.client-spec strong{font-size:17px}.download-panel{padding:16px;gap:10px}.download-panel .wc-button{width:100%;margin-top:8px}.journey-steps{padding-top:0}.faq{grid-template-columns:1fr;gap:15px;padding-top:0}.faq>div>p:not(.kicker){font-size:12px}.faq h2{margin-bottom:17px}summary{font-size:12px}.final-banner{padding:70px 7%}.final-banner h2{font-size:30px}.final-banner .kicker{font-size:7px;letter-spacing:1px}.final-banner .wc-button{font-size:10px}.footer-top{gap:25px;display:flex;flex-direction:column;align-items:flex-start}footer nav{gap:20px;font-size:10px}footer .story-link{font-size:8px}dialog{padding:42px 25px 25px}dialog h2{font-size:27px}dialog p{font-size:12px}code{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene{animation:none!important}#snow{display:none}*{transition:none!important}}