*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px;color-scheme:dark}body{margin:0;background:#121719;color:#e7e5df;font:16px/1.6 "Segoe UI",Arial,sans-serif;--gold:#e2bd72;--muted:#aab1b0;--line:#354043;--panel:#1a2225}a{color:inherit;text-decoration:none}a:hover{color:#f6cf86}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default} :focus-visible{outline:3px solid #ffdf94;outline-offset:3px} [hidden]{display:none!important}.shell{width:min(1240px,calc(100% - 8vw));margin:auto}.icon{width:19px;height:19px;flex:none}header{background:#111719;border-bottom:1px solid var(--line)}.bar,.brand,.bar nav,.bar nav a,.install,.brief,.eyebrow,.actions,.action,.sectionhead,.cardactions,.cardactions a,.class-label,.link,.tabs,.sources a,.tools{display:flex;align-items:center}.bar{height:76px;gap:48px}.brand{font:600 25px Georgia,serif;letter-spacing:-1px;gap:11px;white-space:nowrap}.brand em{color:var(--gold);font-style:normal}.bar nav{margin-left:auto;gap:25px}.bar nav a,.install,.tabs a{gap:8px;font-size:14px;font-weight:600;min-height:44px}.install{background:#242b2b;color:#ead3a1;border:1px solid #605944;border-radius:6px;padding:0 15px}.bulletin{background:#1c2325;border-bottom:1px solid #343c3f}.brief{gap:16px;min-height:42px;font-size:13px;color:#c1c6c5}.brief b{display:flex;align-items:center;gap:8px;color:#e2bd72;white-space:nowrap}.brief a .icon,.sources .icon{width:13px;height:13px}.brief button{margin-left:auto;background:transparent;border:0;min-width:44px;height:44px;font-size:22px}.hero{position:relative;isolation:isolate;min-height:344px;display:flex;align-items:center;margin-top:30px;overflow:hidden;border:1px solid #4b4840;border-radius:12px;background:radial-gradient(ellipse at 70% 15%,#56513e,#252b28 45%,#1d2728)}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#1b2426 4%,#1c2527ef 33%,#1c252700 77%)}.hero-art{position:absolute;z-index:-2;right:0;top:0;width:59%;height:100%;object-fit:cover;object-position:50% 29%}.herocopy{width:63%;padding:42px clamp(20px,4vw,62px)}.eyebrow,.class-label,.count,.updateclass{font:700 11px/1.5 "Segoe UI",sans-serif;letter-spacing:1.8px}.eyebrow{color:var(--gold);gap:9px}.eyebrow .icon{width:16px}.hero h1,.specintro h1,.prose h1{font:500 clamp(46px,5.1vw,76px)/1.03 Georgia,serif;letter-spacing:-3px;margin:13px 0}.hero em,.specintro em{font-weight:400;color:#e2c182}.hero p,.specintro p{color:#c8ceca;max-width:460px;font-size:17px;margin:15px 0 24px}.actions,.tools{gap:10px;flex-wrap:wrap}.action{justify-content:center;gap:9px;min-height:46px;padding:9px 17px;border-radius:5px;border:1px solid #54574f;font-size:14px;font-weight:650;background:#252d2d}.gold{background:linear-gradient(#edce8c,#d9b26a);color:#211d15;border-color:#e1c48a}.gold:hover{background:#f1d9a5;color:#211d15}.ghost{background:#202829e6}.action:hover,button:hover{filter:brightness(1.1)}section{margin:44px 0}.sectionhead{justify-content:space-between;gap:14px;margin-bottom:19px}h2,h3{font-family:Georgia,serif;font-weight:500;line-height:1.15}h2{font-size:clamp(28px,3vw,40px);margin:7px 0 13px;letter-spacing:-1.25px}h3{font-size:26px;margin:0 0 10px;letter-spacing:-.7px}.sectionhead h2{margin-bottom:0}.count{color:#c4c7c1;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);padding:5px 10px;border-radius:20px;white-space:nowrap}.cardgrid,.updates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.classcard{border:1px solid #394245;border-radius:8px;overflow:hidden;background:var(--panel);display:flex;flex-direction:column;transition:border-color .16s,transform .16s}.classcard:hover{border-color:#977d50;transform:translateY(-2px)}.portrait{display:block;aspect-ratio:1.45;position:relative;background:#303435;overflow:hidden}.portrait:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#11191ac9)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.class-label{position:absolute;left:15px;bottom:12px;z-index:1;color:#f6e1bf;gap:6px;text-transform:uppercase;text-shadow:0 1px 5px #000}.class-label .icon{width:14px}.cardinfo{padding:18px;flex:1;display:flex;flex-direction:column}.cardinfo h3{font-size:clamp(22px,2vw,30px)}.cardinfo p,.updates p,.stepguide p,.prose p,#sources p,.guidebody p{color:var(--muted)}.cardinfo p{font-size:14px;margin:0 0 15px}.cardactions{margin-top:auto;border-top:1px solid var(--line);padding-top:8px;gap:8px}.cardactions a{flex:1;gap:7px;min-height:44px;font-size:13px;color:#dfc895}.cardactions .icon{width:15px}.updates{grid-template-columns:repeat(2,minmax(0,1fr))}.updates article,.note{border:1px solid var(--line);background:#1a2123;border-radius:7px;padding:20px}.updateclass{text-transform:uppercase;color:var(--gold)}.updates p{margin:7px 0;font-size:15px}.link{color:#e3c585;gap:7px;font-size:14px;min-height:44px}.link .icon{width:15px}footer{background:#0e1416;border-top:1px solid var(--line);margin-top:58px}.foot{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:26px;padding:36px 0}.foot strong{display:block;font-size:14px;color:#e5cea2;margin:4px 0 9px}.foot p,.foot div>a:not(.brand),.credit{font-size:13px;color:var(--muted)}.foot div>a:not(.brand){display:block;padding:5px 0}.credit{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:18px 0}.skip{position:absolute;z-index:4;background:#30393c;left:-300px}.skip:focus{left:5px}.crumb{margin:24px 0;font-size:13px;color:var(--muted)}.specintro{display:flex;gap:20px;align-items:center}.specintro img{object-fit:cover;object-position:center 27%;border-radius:8px}.specintro h1{font-size:clamp(36px,4.3vw,60px)}.specintro p{max-width:none;margin:6px 0}.tabs{gap:22px;border-block:1px solid var(--line);margin-top:20px}.tabs a{display:inline-flex;align-items:center}.training{display:grid;grid-template-columns:minmax(0,72fr) minmax(260px,28fr);border:1px solid var(--line);border-radius:9px;overflow:hidden}.arena{position:relative;isolation:isolate;min-height:325px;padding:clamp(20px,3.5vw,46px);background:#1b2528}.arena-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 32%;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000)}.arena h3{font-size:32px}.arena p{max-width:650px}.stepguide{background:#20292b;border-left:1px solid var(--line);padding:24px}.stepguide h3{font-size:23px;margin-top:17px}.stepguide button,.tools button,.answer,dialog button,#resume a{border:1px solid #56615e;background:#273032;border-radius:5px;min-height:44px;padding:8px 12px}.answers{display:grid;gap:8px}.answer{text-align:left;background:#202a2c}.answer:hover,.answer:focus-visible{border-color:var(--gold)}.answer[aria-pressed=true]{border-color:var(--gold);background:#3a382e}.feedback{padding:12px 14px;background:#222e30;border-left:3px solid var(--gold)}.guidebody{display:grid;grid-template-columns:1fr 1fr;gap:40px}.guidebody li{margin:12px 0}.guidebody li::marker{color:var(--gold)}.guidebody ol,.guidebody ul{padding-left:25px}.sources{display:flex;flex-wrap:wrap;gap:10px}.sources a{gap:8px;color:#e7c88e;min-height:44px;border-bottom:1px solid #544e40}.prose{max-width:800px;padding-block:54px}.prose h2{font-size:26px;margin-top:30px}.prose a,.note a{color:var(--gold);text-decoration:underline}.prose button{min-height:44px;padding:9px;background:#283033;border:1px solid var(--line)}dialog{max-width:min(440px,90vw);background:#20292b;color:#efede6;border:1px solid var(--line);border-radius:10px;padding:26px}dialog::backdrop{background:#0009}#resume:not(:empty){margin-bottom:16px}#resume a{display:inline-flex;align-items:center;color:var(--gold)}@media(max-width:900px){.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:54px}.herocopy{width:65%}.training{grid-template-columns:1fr}.stepguide{border:0;border-top:1px solid var(--line)}.bar{gap:20px}.brief{gap:8px}}@media(max-width:600px){.shell{width:calc(100% - 28px)}.bar{height:60px;gap:8px}.brand{font-size:18px;gap:5px}.brand img{width:32px;height:32px}.bar nav{gap:0}.bar nav a,.install{justify-content:center;width:44px;padding:0}.bar nav span,.install span{display:none}.bar nav a:before{content:none}.hero{min-height:320px;margin-top:16px}.hero-art{width:85%;opacity:.72}.hero:after{background:linear-gradient(90deg,#1c2629e6,#1c262966),linear-gradient(0deg,#192224,transparent 80%)}.herocopy{align-self:flex-end;width:100%;padding:22px 17px}.hero h1{font-size:clamp(40px,9vw,56px)}.hero p{font-size:15px;max-width:310px}.actions .action{font-size:13px;padding:8px 10px}.brief{font-size:12px}.brief b{font-size:0;gap:0}.brief button{flex:none}.cardgrid,.updates{gap:10px}.cardinfo{padding:12px}.cardinfo h3{font-size:22px}.cardinfo p{font-size:13px}.cardactions{flex-wrap:wrap;gap:0}.cardactions a{min-width:58px;gap:3px}.cardactions .icon{width:13px}.class-label{font-size:10px;left:9px;bottom:6px}.sectionhead{align-items:end}section{margin:31px 0}.updates,.guidebody{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr;gap:18px}.credit{display:block}.credit span{display:block}.tabs{gap:12px;flex-wrap:wrap}.tabs a{font-size:13px}.specintro{gap:12px}.specintro img{width:64px;height:80px}.specintro h1{letter-spacing:-1.5px}.specintro p{font-size:14px}.arena{min-height:230px}.stepguide{padding:18px}.guidebody{gap:12px}.sources{display:grid}.brief .notice{line-height:1.3}.tools button{flex:1}.eyebrow{font-size:10px}.prose{padding-block:30px}}@media(max-width:359px){.cardgrid{grid-template-columns:1fr}.actions{gap:6px}.brand{font-size:16px}.cardinfo h3{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::after{transition:none!important;animation:none!important}}
.mode{display:flex;align-items:center;gap:9px;margin:15px 0;min-height:44px;font-size:14px;color:#e5cfa4}.mode input{accent-color:#dfba76;width:19px;height:19px}.state{font-weight:600;color:#e5c68c}.key{display:inline-grid;place-items:center;margin-right:12px;width:25px;height:25px;border:1px solid #69716e;border-radius:4px;color:#e5c68c;font-size:13px}.tools{margin-top:14px}.mobiletip{display:none}.stepguide .tools button{font-size:13px}.notice>a{display:inline}.bulletin a .icon{vertical-align:middle}.brief #bulletins{min-width:0}.updateclass{color:var(--gold)}.cardinfo h3{min-height:1.15em}.bar nav a:focus-visible,.link:focus-visible{border-radius:4px}@media(max-width:900px){.mobiletip{display:block;margin:10px 0}.mobiletip summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--gold)}.stepguide:has(.tools){display:none}}@media(max-width:600px){.brief{padding-block:5px}.brief .notice>a{display:inline-block}.cardinfo h3{min-height:2.3em}.cardactions a{justify-content:center}.credit span{margin-top:5px}.foot div>a:not(.brand){min-height:44px}.bar nav a{font-size:0}}
#combat{--accent:#e4ba70}#combat.frost{--accent:#96d7f2}#combat.venom{--accent:#bcd792}#combat.ember{--accent:#f2ae82}.fighthead,.fight-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.fighthead strong{font:500 24px Georgia,serif}.fighthead span{font:700 15px monospace;color:var(--accent)}#fight-clock{width:100%;height:5px;display:block;margin:10px 0;accent-color:var(--accent)}.stage{position:relative;background:#181f2a;overflow:hidden;border:1px solid #4d5250;border-radius:6px}.stage img{display:block;width:100%;aspect-ratio:2;object-fit:contain;image-rendering:pixelated}.stage span{position:absolute;bottom:9px;left:12px;color:#f7ebd4;font-size:13px;padding:2px 8px;background:#10171cd9;border-radius:3px}#vitals{margin-top:12px;font-weight:700;color:var(--accent)}#auras{font-size:13px;color:#c2cbcc;margin:4px 0 10px}.hotbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.hotbar button{position:relative;display:grid;grid-template-rows:32px auto 16px;align-items:center;text-align:center;gap:5px;border:1px solid #55605c;background:linear-gradient(160deg,#354047,#1d2429);border-radius:6px;padding:9px 4px;color:#ece9da}.hotbar button i{font:25px Georgia,serif;color:var(--accent)}.hotbar kbd{position:absolute;top:3px;left:6px;color:#c6c7bf;font-size:10px}.hotbar strong{font:600 14px/1.2 "Segoe UI",sans-serif}.hotbar small{font-size:11px;color:#bec5bf}.hotbar .recommended{border-color:var(--accent);box-shadow:inset 0 -3px var(--accent)}.hotbar button:active{transform:translateY(1px)}.hotbar button:disabled{opacity:.65}.fight-controls{justify-content:flex-start;flex-wrap:wrap}.fight-controls label{display:flex;align-items:center;min-height:44px;gap:7px}.fight-controls input{accent-color:#dcba76}#combat-feedback{min-height:2.5em;color:#e4d4b8;margin:10px 0}.dummyguide #combat-coach{margin:14px 0;font-size:18px}.quizpanel{border-block:1px solid var(--line);padding:8px 0}.quizpanel>summary{cursor:pointer;min-height:44px;padding:10px 4px;color:#e3c78e}.tools .action.gold{color:#211d15;background:#e2bd72}#mobile-coach{display:none}@media(max-width:900px){.dummyguide{display:none}#mobile-coach{display:block;color:#e4c485;margin:8px 0;font-size:14px}}@media(max-width:600px){#arena,.arena:has(#combat){padding:12px}.hotbar{grid-template-columns:repeat(2,minmax(0,1fr))}.hotbar button{grid-template-rows:auto auto;grid-template-columns:34px 1fr;text-align:left;padding:8px 6px}.hotbar button i{grid-row:span 2;text-align:center}.hotbar kbd{display:none}.hotbar strong{font-size:13px}.stage span{font-size:11px;bottom:4px;left:4px}}
.trainer-specs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.trainer-specs a,.skill-reader{min-height:44px;padding:8px 12px;border:1px solid #54605c;border-radius:5px;background:#202a2d;color:#ede7db}.trainer-specs a[aria-current]{border-color:var(--gold);color:var(--gold)}#combat-coach label{font-size:14px;color:#e4cea5}.skill-reader{width:100%;margin:4px 0 10px;font:inherit}.guide-status{font-size:14px;border-top:1px solid var(--line);padding-top:10px}#combat details{margin-top:16px}#combat summary{min-height:44px;cursor:pointer;padding:8px 0}.hotbar button{grid-template-rows:32px auto auto}.hotbar small{line-height:1.35}#combat-coach a{color:var(--gold)}@media(max-width:900px){#combat>#combat-coach{background:#20292b;border:1px solid var(--line);border-radius:6px;padding:14px;margin-top:12px}.trainer-specs a{flex:1 1 40%;text-align:center}.hotbar button{grid-template-rows:auto auto}}
.fight-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));align-items:stretch}.fight-controls .action,.fight-controls label{min-height:46px;justify-content:center}.fight-controls .action{font-size:14px;gap:7px}.fight-controls .icon{width:18px;height:18px;flex:none}
.mechanic-flow{margin:20px 0;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.mechanic-flow figcaption{color:var(--muted);font-size:13px;margin-bottom:9px}.mechanic-flow ol{display:flex;align-items:stretch;gap:12px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.mechanic-flow li{display:flex;align-items:center;gap:8px;color:#eadbc0}.mechanic-flow li span{border:1px solid #746448;border-radius:50%;min-width:25px;text-align:center;color:var(--gold);font-size:13px}.mechanic-flow li+li:before{content:'→';color:#baa885}.updates article>a:not(.link){color:var(--gold);display:inline-flex;align-items:center;gap:6px;min-height:44px}.updates article>a .icon{width:15px}@media(max-width:600px){.mechanic-flow ol{display:grid;gap:6px}.mechanic-flow li+li:before{display:none}.brief .notice{display:block}.brief .notice[hidden]{display:none!important}}
.bulletin{background:#242c2c;border-block:1px solid #655b41}.brief{min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) 44px;gap:16px}.brief>b{font-size:14px;color:#f4d58e}.ticker-window{min-width:0;overflow:hidden}.ticker-track,.ticker-group{display:flex;width:max-content}.ticker-track{animation:fr-ticker 100s linear infinite}.ticker-group{align-items:center}.ticker-group .notice{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:14px;width:clamp(315px,47vw,670px);min-height:68px;padding:5px 20px;border-left:1px solid #625b4b;line-height:1.35}.notice strong{grid-column:1/-1;color:#e8c478;font-size:12px}.notice>a{font-size:15px;color:#f4f0e3}.notice .official{font-size:12px;color:#e8c478}.brief button{border:1px solid #726748;background:#292f2a;border-radius:6px;color:#efd299}.bulletin:hover .ticker-track,.ticker-paused .ticker-track{animation-play-state:paused}.ticker-window:focus-within{overflow-x:auto}.ticker-window:focus-within .ticker-track{animation:none}.ticker-window:focus-within .ticker-group[aria-hidden]{display:none}@keyframes fr-ticker{0%,4%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media(max-width:650px){.brief{min-height:92px;grid-template-columns:minmax(0,1fr) 44px;gap:5px}.brief>b{display:none}.ticker-group .notice{min-height:86px;width:calc(100vw - 80px);padding:4px 9px;grid-template-columns:1fr}.notice>a{font-size:14px}.notice .official{font-size:12px}.ticker-window{touch-action:pan-y}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto;touch-action:auto}.ticker-group[aria-hidden],#ticker-toggle{display:none}.brief{grid-template-columns:auto minmax(0,1fr)}}@media(max-width:650px) and (prefers-reduced-motion:reduce){.brief{grid-template-columns:minmax(0,1fr)}}