.zones{--z-gold:#dabc80;--z-gold-deep:#bb9557;--z-ink:#e9ddc6;--z-muted:#aeb5b5;--z-line:#8c754345;--z-panel:#111c22;--z-gutter:clamp(20px, 4vw, 64px);color:var(--z-ink);background:#0d1418;overflow-x:clip}.zones-data-bridge{max-width:1440px;padding:70px var(--z-gutter) 100px;border-top:1px solid #ab8e5b55;justify-content:space-between;align-items:end;gap:35px;margin:0 auto;display:flex}.zones-data-bridge>div{max-width:670px}.zones-data-bridge h2{font:400 clamp(34px, 5vw, 60px)/1.1 var(--display);color:#f4e8d3;margin:12px 0}.zones-data-bridge p:not(.mirage-eyebrow){color:#b8c2bc;line-height:1.7}.zones-data-bridge a{color:#f0dfbc;border:1px solid #dabc80;flex:none;align-items:center;gap:20px;padding:16px 22px;text-decoration:none;display:inline-flex}.zones-data-bridge a:hover{background:#dabc801c}.zones-data-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}@media (max-width:700px){.zones-data-bridge{display:block}.zones-data-bridge a{margin-top:22px}.zones-data-links{justify-content:flex-start}}html.zones-locked{overflow:hidden}.zones .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zones a:focus-visible,.zones button:focus-visible{outline-offset:3px;outline:2px solid #eec986}.zones button{font:inherit;color:inherit}.zones-loop{background:#0a1116;position:absolute;inset:0;overflow:hidden}.zones-loop img,.zones-loop video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.zones-loop video{opacity:0;transition:opacity .6s}.zones-loop video.is-playing{opacity:1}.zones-hero{isolation:isolate;flex-direction:column;justify-content:flex-end;height:min(100svh,940px);min-height:640px;display:flex;position:relative;overflow:hidden}.zones-hero-media{z-index:-2;background:#0a1116;position:absolute;inset:0}.zones-hero-media .zones-loop{opacity:0;transition:opacity 1.4s,transform 9s cubic-bezier(.2,.5,.3,1);transform:scale(1.08)}.zones-hero-media .zones-loop.is-current{opacity:1;transform:scale(1)}.zones-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#05080ab3,#05080a40 22%,#05080a00 36%),linear-gradient(#0d141800 52%,#0d1418d9 84%,#0d1418 98%),linear-gradient(90deg,#0a1218cc,#0a121866 38%,#0a121800 62%),radial-gradient(at 50% 45%,#0000 55%,#05080a99);position:absolute;inset:0}.zones-hero-inner{width:100%;max-width:1560px;padding:0 var(--z-gutter) 44px;margin:0 auto}.zones-hero-inner>*{max-width:760px}.zones-hero .mirage-eyebrow{letter-spacing:3px;color:var(--z-gold);font-size:max(11px, var(--text-min))!important}.zones-rule{background:linear-gradient(90deg,#d2ae68,#d2ae6800);width:210px;height:1px;margin:18px 0 22px;display:block;position:relative}.zones-rule:after{content:"";background:#0d1418;border:1px solid #d2ae68;width:7px;height:7px;position:absolute;top:50%;left:0;translate:0 -50%;rotate:45deg}.zones-hero h1{font:400 clamp(46px, 6.2vw, 100px)/1.02 var(--display);letter-spacing:-1.5px;color:#f5ead4;text-wrap:balance;text-shadow:0 2px 20px #000b,0 0 60px #0007;margin:0}.zones-lede{color:#d3d6d1;text-shadow:0 1px 10px #000;margin:22px 0 0;font-size:17px;line-height:1.7}.zones-hero-actions{flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:32px;display:flex}.zones-hero-actions .mirage-cta{cursor:pointer;text-transform:uppercase;gap:14px}.zones-ghost{font-size:max(11px, var(--text-min));letter-spacing:2px;text-transform:uppercase;color:var(--z-gold);align-items:center;gap:10px;display:inline-flex}.zones-ghost svg{transition:transform .25s}.zones-ghost:hover svg{transform:translate(4px)}.zones-rise{animation:1s cubic-bezier(.2,.65,.3,1) both zones-rise}.zones-hero-inner>:nth-child(2){animation-delay:80ms}.zones-hero-inner>:nth-child(3){animation-delay:.16s}.zones-hero-inner>:nth-child(4){animation-delay:.28s}.zones-hero-inner>:nth-child(5){animation-delay:.4s}@keyframes zones-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.zones-rail{background:linear-gradient(#0d141800,#0d1418aa);border-top:1px solid #d2ae6833}.zones-rail-inner{max-width:1560px;padding:0 var(--z-gutter);align-items:stretch;gap:20px;margin:0 auto;display:flex}.zones-rail-list{flex:1;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;display:grid}.zones-rail-list button{text-align:left;cursor:pointer;opacity:.6;background:0 0;border:0;align-items:center;gap:18px;padding:22px 20px 24px 0;transition:opacity .3s;display:flex;position:relative}.zones-rail-list button+button{border-left:1px solid #d2ae681f;padding-left:24px}.zones-rail-list button:hover,.zones-rail-list button[aria-pressed=true]{opacity:1}.zones-rail-num{font:30px/1 var(--display);color:var(--z-gold);min-width:34px}.zones-rail-list strong{font:400 21px/1.2 var(--display);color:#f0e5cf;display:block}.zones-rail-list small{font-size:max(10px, var(--text-min));letter-spacing:1.5px;text-transform:uppercase;color:#9ea6a6;margin-top:4px;display:block}.zones-rail-progress{transform-origin:0;background:linear-gradient(90deg,#b8894a,#f0cf8a);height:2px;position:absolute;top:-1px;left:0;right:0;transform:scaleX(0);box-shadow:0 0 12px #e0b96e}.zones-rail-list button+button .zones-rail-progress{left:0}.zones-rail-list button[aria-pressed=true] .zones-rail-progress{transform:scaleX(1)}.zones-hero[data-running] .zones-rail-list button[aria-pressed=true] .zones-rail-progress{animation:8s linear both zones-progress}@keyframes zones-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.zones-pause{color:#ead8b2;cursor:pointer;background:#0b141ecc;border:1px solid #d2ae6855;flex-shrink:0;align-self:center;place-items:center;width:36px;height:36px;display:grid}.zones-credit{top:96px;right:var(--z-gutter);font-size:max(9px, var(--text-min));color:#c7c9c4b0;text-shadow:0 1px 4px #000;margin:0;position:absolute}.zones-section{max-width:1560px;padding:110px var(--z-gutter) 0;margin:0 auto}.zones-section:focus{outline:none}.zones-heading{max-width:720px;margin-bottom:56px}.zones-heading.is-split{justify-content:space-between;align-items:flex-end;gap:40px;max-width:none;display:flex}.zones-heading.is-split>p,.zones-heading.is-split>blockquote{max-width:480px}.zones-heading h2{font:400 clamp(34px, 3.6vw, 56px)/1.1 var(--display);letter-spacing:-.5px;color:#eee2c9;margin:12px 0 0}.zones-heading>p:not(.mirage-eyebrow),.zones-heading.is-split>p{color:var(--z-muted);margin:16px 0 0;font-size:15px;line-height:1.8}.zones .mirage-eyebrow{color:var(--z-gold);text-shadow:none}.zones blockquote{border-left:1px solid #d2ae6880;margin:0;padding-left:22px}.zones blockquote p{font:italic 400 17px/1.7 var(--display);color:#d6ccb6;margin:0}.zones cite{font-style:normal;font-size:max(10px, var(--text-min));letter-spacing:2px;text-transform:uppercase;color:#97a0a1;margin-top:10px;display:block}.zones cite:before{content:"— "}.zones-land{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(36px,5vw,90px);display:grid;position:relative}.zones-land+.zones-land{margin-top:120px}.zones-land.is-flipped{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.zones-land.is-flipped .zones-land-media{order:2}.zones-land-media{aspect-ratio:16/9;cursor:pointer;background:#0a1116;width:100%;padding:0;display:block;position:relative}.zones-land-media:before,.zones-land-media:after{transition:transform .9s cubic-bezier(.2,.65,.3,1) .3s}.zones-atlas[data-motion-ready] .zones-land-media:before,.zones-atlas[data-motion-ready] .zones-land-media:after{transform:scale(0)}.zones-atlas[data-motion-ready] .is-visible .zones-land-media:before,.zones-atlas[data-motion-ready] .is-visible .zones-land-media:after{transform:scale(1)}.zones-land-media .zones-loop{transition:transform 1.2s cubic-bezier(.2,.65,.3,1)}.zones-land-media:hover .zones-loop{transform:scale(1.03)}.zones-play,.zones-card-play{z-index:1;color:#1b1208;background:radial-gradient(#f6dca0,#d6a95c);border-radius:50%;place-items:center;transition:transform .35s,box-shadow .35s,opacity .35s;display:grid;position:absolute;box-shadow:0 0 0 6px #e0b96e33,0 10px 30px #000a}.zones-play{width:58px;height:58px;padding-left:3px;bottom:24px;right:24px}.zones-land-media:hover .zones-play,.zones-land-media:focus-visible .zones-play{transform:scale(1.08);box-shadow:0 0 0 10px #e0b96e40,0 0 40px #e0b96e80}.zones-land-copy{position:relative}.zones-numeral{z-index:-1;font:220px/1 var(--display);color:#d2ae680f;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:-70px;right:0}.zones-kicker{font-size:max(10px, var(--text-min));letter-spacing:2px;text-transform:uppercase;color:#9ea6a6;align-items:center;gap:14px;margin:0;display:flex}.zones-kicker b{color:#ffead9;background:#883421;padding:5px 9px;font-weight:600}.zones-land h3{font:400 clamp(42px, 4.6vw, 76px)/1 var(--display);letter-spacing:-1px;color:#f3e7cf;margin:18px 0 26px}.zones-facts{flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none;display:flex}.zones-facts li{color:#cbc3b1;border:1px solid #7e705266;padding:6px 11px;font-size:12px}.zones-facts a{color:var(--z-gold)}.zones-watch{letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-top:30px;padding:0;display:inline-flex;font-size:max(11px, var(--text-min))!important;color:var(--z-gold)!important}.zones-watch:hover{color:#f4d999!important}.zones-announced{border-top:1px solid var(--z-line);align-items:baseline;gap:40px;margin-top:90px;padding-top:30px;display:flex}.zones-announced ul{flex-wrap:wrap;gap:16px 48px;margin:0;padding:0;list-style:none;display:flex}.zones-announced li{align-items:baseline;gap:14px;display:flex}.zones-announced strong{font:400 22px var(--display);color:#e9ddc6}.zones-announced span{color:#9ea6a6;font-size:13px}.zones-filters{flex-wrap:wrap;gap:4px 28px;margin:-24px 0 26px;display:flex}.zones-filters button{letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;display:inline-flex;color:#a6adae!important;font-size:max(11px, var(--text-min))!important}.zones-filters button:before{content:"";background:#6f7472;width:6px;height:6px;transition:background .25s,box-shadow .25s,transform .35s;transform:rotate(45deg)}.zones-filters button[aria-pressed=true]{color:#ecdcbb!important}.zones-filters button[aria-pressed=true]:before{background:#be6a3b;transform:rotate(225deg)scale(1.25);box-shadow:0 0 9px #d9913c}.zones-filters small{font-size:max(10px, var(--text-min));color:#8f989a}.zones-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;display:grid}.zones-card{aspect-ratio:16/10;isolation:isolate;text-align:left;cursor:pointer;background:#0a1116;border:1px solid #78684a4d;align-items:flex-end;padding:0;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.zones-card .zones-loop{z-index:-2;transition:transform .9s cubic-bezier(.2,.65,.3,1)}.zones-card:after{content:"";z-index:-1;background:linear-gradient(#0000 30%,#06101860 58%,#060e16f0);transition:opacity .4s;position:absolute;inset:0}.zones-card:hover,.zones-card:focus-visible{border-color:var(--z-gold-deep);box-shadow:0 30px 60px -30px #000,0 0 36px -10px #d9a44a66}.zones-card:hover .zones-loop,.zones-card:focus-visible .zones-loop{transform:scale(1.04)}.zones-card:hover:after{opacity:.75}.zones-card-copy{width:100%;padding:22px 24px;display:block}.zones-card-meta{font-size:max(10px, var(--text-min));letter-spacing:1.5px;text-transform:uppercase;color:#b9bdb6;gap:8px;display:flex}.zones-card strong{font:400 28px/1.15 var(--display);color:#f2e6cf;text-shadow:0 2px 14px #000c;margin-top:8px;display:block}.zones-card-note{color:#cdb88f;margin-top:8px;font-size:12px;display:block}.zones-card-play{opacity:0;width:38px;height:38px;padding-left:2px;top:18px;right:18px;transform:scale(.8)}.zones-card:hover .zones-card-play,.zones-card:focus-visible .zones-card-play{opacity:1;transform:scale(1)}.zones-effects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;display:grid}.zones-effects-grid .zones-card{aspect-ratio:16/8}.zones-adventure{padding-bottom:120px}.zones-ladder{--name:280px;background:var(--z-panel);border:1px solid #7e70523d;padding:34px 32px 26px;position:relative}.zones-axis{height:18px;margin-left:var(--name);font-size:max(10px, var(--text-min));color:#8f989a;position:relative}.zones-axis span{position:absolute;translate:-50%}.zones-ladder ol{margin:8px 0 0;padding:0;list-style:none}.zones-dungeon{grid-template-columns:var(--name) minmax(0, 1fr);border-top:1px solid #7a725124;align-items:center;min-height:58px;display:grid}.zones-dungeon-name strong,.zones-dungeon-name a{font:400 19px/1.3 var(--display);color:#e9ddc6;display:block}.zones-dungeon-levels{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zones-dungeon-name a:hover{color:#f4d999}.zones-dungeon-name small{font-size:max(11px, var(--text-min));color:#929b9e}.zones-track{background:repeating-linear-gradient(90deg,#8c754326 0 1px,#0000 1px 20%);height:100%;min-height:58px;display:block;position:relative}.zones-bar{transform-origin:0;background:linear-gradient(90deg,#9c7440,#e5c07a);height:12px;position:absolute;top:50%;translate:0 -50%;box-shadow:0 0 16px #d9a44a55}.zones-bar>span{font-size:max(11px, var(--text-min));white-space:nowrap;color:#d8c49c;position:absolute;top:50%;left:calc(100% + 12px);translate:0 -50%}.zones-dungeon:nth-last-child(-n+2) .zones-bar>span{left:auto;right:calc(100% + 12px)}.zones-atlas[data-motion-ready] .zones-ladder .zones-bar{transition:transform .9s cubic-bezier(.2,.65,.3,1);transition-delay:calc(var(--i) * 70ms + .2s);transform:scaleX(0)}.zones-atlas[data-motion-ready] .zones-ladder.is-visible .zones-bar{transform:scaleX(1)}.zones-raids{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.zones-raids:focus{outline:none}.zones-raid{background:radial-gradient(ellipse at 100% 0%, #88342133, transparent 60%), var(--z-panel);border:1px solid #7e70523d;flex-direction:column;gap:10px;padding:30px 32px;transition:border-color .3s,transform .3s;display:flex;position:relative}.zones-raid:hover{border-color:var(--z-gold-deep);transform:translateY(-3px)}.zones-raid strong{font:400 32px/1.15 var(--display);color:#eee2c9}.zones-raid>span:last-child{color:var(--z-gold);align-items:center;gap:8px;font-size:12px;display:inline-flex}.zones-theatre{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--z-ink);background:#05080af5;border:0;margin:0;padding:0}.zones-theatre::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080acc}.zones-theatre[open]{justify-content:center;align-items:center;animation:.35s zones-fade;display:flex}@keyframes zones-fade{0%{opacity:0}}.zones-theatre-inner{width:min(1400px,100%,177.778dvh - 408.889px);min-width:min(100%,320px);padding:0 20px}.zones-theatre header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.zones-theatre h2{font:400 clamp(28px, 3vw, 44px)/1.1 var(--display);color:#f3e7cf;margin:6px 0 0}.zones-icon{cursor:pointer;background:#0b141e;border:1px solid #d2ae6855;place-items:center;width:42px;height:42px;display:grid;color:#ead8b2!important}.zones-theatre-video{aspect-ratio:16/9;background:#000;border:1px solid #bb955755;width:100%;animation:.45s cubic-bezier(.2,.65,.3,1) zones-rise;display:block;box-shadow:0 40px 100px #000}.zones-theatre footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:16px;display:grid}.zones-step{text-align:left;cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;padding:8px 0;display:inline-flex;color:#e3d7bc!important;font:400 17px var(--display)!important}.zones-step.is-next{text-align:right;justify-self:end}.zones-step small{font:max(10px, var(--text-min))/1.4 var(--font-body,inherit);letter-spacing:1.5px;text-transform:uppercase;color:#8f989a;display:block}.zones-step svg{color:var(--z-gold)}.zones-theatre-mid{justify-items:center;gap:10px;display:grid}.zones-clips{gap:8px;display:flex}.zones-clips button{aspect-ratio:16/9;opacity:.55;cursor:pointer;background:#000;border:1px solid #7e705266;width:72px;padding:0;transition:opacity .25s,border-color .25s}.zones-clips button[aria-pressed=true],.zones-clips button:hover{opacity:1;border-color:#e0b96e}.zones-clips img{object-fit:cover;width:100%;height:100%}.zones-theatre-credit{font-size:max(10px, var(--text-min));color:#8f989a;margin:0}.zones-theatre-credit a{color:#bba67b}.zones-atlas[data-motion-ready] .motion-reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.65,.3,1),border-color .35s,box-shadow .35s;transform:translateY(34px)}.zones-atlas[data-motion-ready] .motion-reveal.is-visible{opacity:1;transform:none}@media (max-width:1000px){.zones-land,.zones-land.is-flipped{grid-template-columns:minmax(0,1fr);gap:30px}.zones-land.is-flipped .zones-land-media{order:0}.zones-land+.zones-land{margin-top:90px}.zones-numeral{font-size:150px;top:-40px}.zones-heading.is-split{flex-direction:column;align-items:flex-start;gap:20px}.zones-ladder{--name:210px;padding-inline:22px}}@media (max-width:700px){.zones-hero{height:auto;min-height:min(100svh,760px)}.zones-hero-inner{padding-top:150px}.zones-lede{font-size:15px}.zones-rail-list{grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.zones-rail-list button{padding:18px 0;display:none}.zones-rail-list button[aria-pressed=true]{display:flex}.zones-rail-list button+button{border-left:0;padding-left:0}.zones-credit{top:84px}.zones-section{padding-top:80px}.zones-heading{margin-bottom:36px}.zones-announced{flex-direction:column;gap:16px;margin-top:60px}.zones-announced li{flex-direction:column;gap:2px}.zones-ladder{padding:22px 16px 16px}.zones-axis{margin-left:0}.zones-dungeon{grid-template-columns:minmax(0,1fr);padding:12px 0 4px}.zones-track{min-height:34px}.zones-dungeon-levels{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.zones-bar>span{display:none}.zones-raids{grid-template-columns:minmax(0,1fr)}.zones-raid strong{font-size:26px}.zones-theatre footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zones-theatre-mid{grid-area:1/1/auto/-1}.zones-step{font-size:15px!important}}@media (prefers-reduced-motion:reduce){.zones-rise,.zones-theatre[open],.zones-theatre-video{animation:none}.zones-hero-media .zones-loop,.zones-hero-media .zones-loop.is-current{transition:opacity .2s;transform:none}.zones-atlas[data-motion-ready] .motion-reveal{opacity:1;transform:none;transition:none!important}.zones-land-media:before,.zones-land-media:after,.zones-card .zones-loop,.zones-land-media .zones-loop{transition:none}}