.talents-panel{margin:28px 0 8px;padding:18px;background:#0e2024;border:1px solid #ffffff12}.talents-panel h3{font:400 21px var(--serif);color:#e3ede6;margin:8px 0 7px}.talents-note{font-size:12px;color:#8fa59e;margin:0 0 17px}.talent-trees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.talent-tree{min-width:0;background:linear-gradient(160deg,#14292c,#0d1d21);border:1px solid #ffffff12;padding:13px}.talent-tree h3{font:400 17px var(--serif);color:#b6e8d8;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #ffffff12}.talent-list{display:grid;gap:5px}.talent-card{display:flex;align-items:center;gap:8px;min-width:0;background:#ffffff05;padding:6px 7px;border:1px solid #ffffff08}.talent-card img{width:25px;height:25px;object-fit:cover;border-radius:2px;background:#203436;flex:none}.talent-name{font-size:10px;line-height:1.3;color:#c9d5cf;min-width:0;flex:1}.talent-rank{font-size:10px;white-space:nowrap;color:#80d9c1;font-variant-numeric:tabular-nums}.section-body [data-tooltip][data-tip-open=true]:after{content:attr(data-tooltip);position:absolute;z-index:6;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(240px,75vw);background:#e0eee7;color:#0a1918;padding:6px 9px;font-size:11px;line-height:1.4;border-radius:2px;box-shadow:0 5px 18px #0008}.section-body img[data-tooltip]{position:relative}.copy-manual{outline:1px dashed #70d9c3}@media(max-width:680px){.talent-trees{grid-template-columns:1fr}.talent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.talent-card{padding:6px}}@media(prefers-reduced-motion:reduce){.back-top{transition:none}}

[hidden]{display:none!important}
.section-body [data-tooltip][data-tip-open="true"]:after{content:attr(data-tooltip);position:absolute;z-index:6;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(240px,75vw);background:#e0eee7;color:#0a1918;padding:6px 9px;font-size:11px;line-height:1.4;border-radius:2px;box-shadow:0 5px 18px #0008}
.section-body img[data-tooltip]{position:relative}
.copy-manual{outline:1px dashed #70d9c3}
@media(prefers-reduced-motion:reduce){.back-top{transition:none}}

.variant-tabs{overflow-x:auto;overflow-y:clip;padding-top:4px;margin-top:-4px}
.spell-tooltip{position:fixed;z-index:40;max-width:min(240px,75vw);padding:7px 10px;background:#e0eee7;color:#0a1918;border:1px solid #70d9c3;border-radius:2px;box-shadow:0 5px 18px #0008;font-size:12px;line-height:1.4;pointer-events:none}

/* Mobalytics-style guide surface: compact, flat, and content-first. */
:root{color-scheme:dark;--ink:#ceced6;--muted:#a9a9b8;--deep:#12121f;--deep2:#1a1a29;--panel:#232333;--line:#363647;--teal:#38c6f4;--gold:#f2bf43;--serif:Arial,Helvetica,sans-serif;--sans:Arial,Helvetica,sans-serif}
html,body{background:#12121f;color:#ceced6;font-family:Arial,Helvetica,sans-serif;line-height:1.55}
.topbar{height:54px;padding:0 max(calc((100vw - 1080px)/2),24px);background:#12121f;border-bottom:1px solid #2c2c3d}
.brand{font-size:13px;letter-spacing:0;color:#fff;gap:10px}.brand-mark{display:none}.brand-sub{display:inline;margin:0 0 0 8px;font-size:10px;letter-spacing:0;color:#7e7e8f}.top-link{font-size:11px;color:#a9a9b8}.top-link:hover{color:#fff}
.hero{min-height:0;padding:30px 0 20px;background:#12121f;overflow:visible;max-width:1074px;margin:0 auto}.hero:after{display:none}.hero-inner{max-width:none}.eyebrow{font-size:11px;letter-spacing:.04em;color:#a9a9b8;font-weight:400;gap:8px}.eyebrow-line{display:none}.class-badge{width:24px;height:24px;border-radius:4px;vertical-align:middle}.hero h1{font:700 30px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:#fff;margin:12px 0 10px}.hero h1 em{font-style:normal;color:#fff}.hero-copy{max-width:790px;color:#ceced6;font-size:14px;line-height:1.65}.hero-meta{margin-top:14px;color:#a9a9b8;font-size:11px;gap:9px}.meta-rune{display:none}.hero-cta{margin-top:14px;padding:8px 12px;background:#232333;border:1px solid #414152;color:#ceced6;font-size:11px}.hero-cta:hover{background:#363647;color:#fff}.hero-art,.hero-bottom{display:none}
.guide-shell{max-width:1074px;margin:0 auto;padding:0 0 70px;background:#12121f;min-height:0}.guide-heading{display:none}.lead-content{max-width:790px}.guide-section{padding:17px 0 20px;border-bottom:1px solid #2c2c3d;scroll-margin-top:70px}.guide-section:first-child{padding-top:8px}.section-kicker{display:none}.guide-section h2{font:700 21px/1.35 Arial,Helvetica,sans-serif;letter-spacing:0;color:#fff;margin:0 0 12px}.section-body{font-size:14px;line-height:1.65;color:#ceced6}.section-body h3{font:700 17px/1.45 Arial,Helvetica,sans-serif;color:#fff;margin:22px 0 8px}.section-body h4{font-size:15px;color:#fff;margin:18px 0 7px}.section-body p{margin:0 0 13px}.section-body ul,.section-body ol{padding-left:22px;margin:10px 0 16px}.section-body li{margin:6px 0;padding-left:2px}.section-body li::marker{color:#a9a9b8}.section-body a{color:#85d0ff;text-decoration:underline;text-decoration-color:#5e5e70}.section-body a:hover{color:#fff}.section-body strong{color:#e7e7ed}.section-body blockquote{background:#1a1a29;border-left:3px solid #f2bf43;color:#ceced6}
.variant-tabs{max-width:790px;margin:18px 0 0;padding:0;border-bottom:1px solid #363647;gap:0;overflow-x:auto;overflow-y:hidden}.variant-tab{font-size:13px;color:#a9a9b8;padding:11px 16px;border-bottom:2px solid transparent}.variant-tab[aria-selected=true]{color:#fff;border-color:#f2bf43}.variant-tab small{color:#7e7e8f}.utility-row{max-width:790px;margin:14px 0 0}.contents-toggle{background:#1a1a29;border:1px solid #363647;color:#ceced6}.contents-icon,.chevron{color:#a9a9b8}.search-box{border-color:#363647;background:#1a1a29;color:#a9a9b8}.search-box input{font-size:12px}.search-status{max-width:790px;margin:7px 0;color:#a9a9b8}.reading-layout{max-width:1074px;margin:0;display:grid;grid-template-columns:minmax(0,790px) 150px;gap:58px}.article-column{min-width:0}.reading-rail{top:76px;border-left-color:#363647}.rail-label{color:#7e7e8f}.reading-rail nav a{font-size:11px;color:#a9a9b8;border-left-color:transparent}.reading-rail nav a:hover,.reading-rail nav a.active{color:#fff;border-left-color:#f2bf43}.contents-popover{background:#1a1a29;border-color:#363647}.contents-popover a{color:#ceced6}.contents-popover a:hover{color:#85d0ff;background:#232333}
.section-body img.spell-icon{width:22px;height:22px;max-width:22px;object-fit:cover;vertical-align:-5px;border-radius:2px;box-shadow:none;margin:0 2px}.section-body img:not(.spell-icon){max-width:100%;height:auto}.section-body pre{background:#0b0b14;border:1px solid #363647;padding:14px 94px 14px 16px;color:#ceced6;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.copy-macro{top:8px;right:8px;border-color:#494958;background:#232333;color:#ceced6;font-size:11px}.copy-macro:hover{background:#363647}.walkthrough-tabs{border-color:#363647}.walkthrough-tab{font-size:13px;color:#a9a9b8}.walkthrough-tab[aria-selected=true]{color:#fff;border-color:#f2bf43}.walkthrough-panel{padding-top:14px}.empty-results{border-color:#414152;color:#a9a9b8}.empty-results strong{font:700 20px Arial,sans-serif;color:#fff}
.talents-panel{margin:22px 0 10px;padding:16px;background:#1a1a29;border:1px solid #363647;border-radius:4px}.talents-panel h3{font:700 18px Arial,Helvetica,sans-serif;color:#fff;margin:7px 0}.talents-note{color:#a9a9b8;font-size:12px}.talent-trees{gap:8px}.talent-tree{background:#12121f;border:1px solid #363647;border-radius:3px;padding:10px}.talent-tree h3{font:700 14px Arial,Helvetica,sans-serif;color:#ceced6;margin:0 0 8px;padding-bottom:8px;border-color:#2c2c3d}.talent-card{background:#1a1a29;border:1px solid #2c2c3d;border-radius:2px}.talent-name{color:#ceced6;font-size:11px}.talent-rank{color:#a9a9b8}.site-footer{background:#12121f;border-top:1px solid #2c2c3d}.footer-mark{display:none}.site-footer strong{font-size:11px}.site-footer p{color:#7e7e8f}.site-footer>a{color:#85d0ff}.back-top{background:#232333;border-color:#494958;color:#ceced6}.progress-track{background:#363647}.progress-track i{background:#f2bf43}.skip-link{background:#f2bf43;color:#12121f}
@media(max-width:800px){.topbar{padding:0 18px}.hero{padding:24px 18px 18px}.guide-shell{padding:0 18px 54px}.guide-heading{display:none}.lead-content,.variant-tabs,.utility-row,.search-status{max-width:none}.reading-layout{display:block}.reading-rail{display:none}.variant-tabs{margin-right:-18px}.talent-trees{grid-template-columns:1fr}.talent-list{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{padding:22px 18px}}
@media(max-width:430px){.hero h1{font-size:26px}.hero-meta{font-size:10px}.variant-tab{padding:10px 12px;font-size:12px}.utility-row{gap:8px}.contents-toggle{padding:7px 8px}.search-box{width:auto;flex:1}.search-box kbd{display:none}.section-body{font-size:14px}.guide-section h2{font-size:19px}.section-body pre{padding:42px 12px 12px}.talents-panel{padding:12px}}

/* Match the reference guide's two-column stack of framed article cards. */
.hero{max-width:1040px;margin:22px auto 18px;padding:20px;background:#232333;border:1px solid #32323f;border-radius:6px}
.hero-inner{max-width:none}.hero .eyebrow{color:#a9a9b8}.hero h1{font-size:23px;line-height:1.35;margin:9px 0 12px;letter-spacing:0}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 12px}.hero-tags span{display:inline-flex;align-items:center;min-height:24px;padding:2px 9px;border:1px solid #363647;border-radius:4px;background:#1a1a29;color:#ceced6;font-size:11px}.hero-meta{margin:0;color:#ceced6;font-size:12px}.hero .meta-separator{color:#7e7e8f}.guide-shell{max-width:1040px;padding:0 0 60px}.reading-layout{max-width:none;grid-template-columns:minmax(0,660px) minmax(270px,340px);gap:20px;align-items:start}.article-column{width:100%}.lead-content{max-width:none}.guide-section{padding:0;margin:0 0 20px;background:#232333;border:1px solid #32323f;border-radius:6px;overflow:visible}.guide-section:first-child{padding-top:0}.card-heading{padding:14px 20px;border-bottom:1px solid #32323f}.card-heading h2{margin:0;color:#fff;font:700 16px/1.4 Arial,Helvetica,sans-serif;letter-spacing:0}.guide-section h2{font-size:16px}.guide-section>.section-body{padding:18px 20px 20px}.guide-section>.section-body>p:last-child{margin-bottom:0}.section-body{font-size:14px;line-height:1.65}.section-body p{margin:0 0 14px}.section-body p:last-child{margin-bottom:0}.section-body img.spell-icon{width:22px;height:22px;max-width:22px;min-width:22px;height:22px;vertical-align:-5px}.section-body #overview> a,.section-body a[href^="#"]{color:#38c6f4}.section-body>.variant-help{margin:0 0 12px;color:#a9a9b8;font-size:12px}.variants-card .section-body{padding:16px 20px}.variants-card .variant-tabs{max-width:none;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;border-bottom:0;gap:8px}.variants-card .variant-tab{background:#2c2c3d;border:1px solid #414152;border-radius:4px;margin:0;padding:9px 14px;color:#ceced6;font-weight:600}.variants-card .variant-tab[aria-selected=true]{background:#363647;border-color:#f2bf43;color:#fff;box-shadow:inset 0 -2px #f2bf43}.variants-card .variant-tab small{color:#a9a9b8}.utility-row{max-width:none;margin:0 0 14px;justify-content:flex-end}.contents-wrap{display:none}.search-box{width:260px}.search-status{max-width:none}.reading-rail{position:sticky;top:14px;border:0;padding:0}.toc-card{background:#232333;border:1px solid #32323f;border-radius:6px;overflow:hidden}.toc-card .card-heading{padding:16px 20px}.reading-rail nav{padding:8px 14px 14px;max-height:calc(100vh - 110px);overflow:auto}.reading-rail nav a{font-size:13px;padding:8px 10px;margin:2px 0;border:0;border-radius:4px;color:#ceced6}.reading-rail nav a:hover,.reading-rail nav a.active{background:#363647;color:#f2bf43;border-left:0}.reading-rail nav a.active{box-shadow:inset 2px 0 #f2bf43}.talents-panel{margin:20px 0 4px;background:#1a1a29;border-color:#32323f;border-radius:5px;padding:14px}.talent-tree{background:#232333}.talent-card{background:#1a1a29}.talents-panel h3{font-size:16px}.walkthrough-panel{padding-top:14px}.guide-articles>.guide-section .section-body{padding-top:18px}.guide-articles>.guide-section .walkthrough-panel .section-body{padding:0}.contents-popover{display:none!important}
#overview .section-body>a{display:inline-block;margin:5px 8px 0 0;padding:5px 9px;border:1px solid #363647;border-radius:4px;background:#1a1a29;text-decoration:none;font-size:12px;color:#38c6f4}
@media(max-width:820px){.hero,.guide-shell{max-width:680px}.reading-layout{display:flex;flex-direction:column;gap:0}.article-column,.reading-rail{width:100%}.reading-rail{display:none}.contents-wrap{display:block}.utility-row{justify-content:space-between}.contents-popover[hidden]{display:none!important}.contents-popover:not([hidden]){display:block!important}.search-box{width:min(300px,52vw)}}
@media(max-width:520px){.hero{margin:12px 12px 16px;padding:16px}.guide-shell{padding:0 12px 42px}.hero h1{font-size:20px}.hero-tags{gap:5px}.hero-tags span{font-size:10px;padding:2px 7px}.guide-section{margin-bottom:14px}.card-heading{padding:12px 14px}.guide-section>.section-body{padding:14px}.variants-card .section-body{padding:14px}.variants-card .variant-tabs{margin-right:-14px}.variant-tab{font-size:11px}.utility-row{gap:8px}.contents-toggle{font-size:10px;padding:7px}.search-box{flex:1;min-width:0}.talent-list{grid-template-columns:1fr}.site-footer{padding:18px 12px}}
.toc-back{display:block;text-align:center;padding:12px;border-top:1px solid #32323f;color:#ceced6;font-weight:600;font-size:12px}.toc-back:hover{background:#2c2c3d;color:#fff}
.hero{width:min(660px,calc(100% - 24px));margin:22px 0 18px max(calc((100vw - 1040px)/2),12px)}.hero h1{font-size:22px;line-height:1.35}.guide-section h2{margin:0}
@media(max-width:820px){.hero{width:calc(100% - 24px);margin:12px auto 16px}}