/* A quiet application shell; the talent artwork carries the game identity. */
:root{--bg:#151a1e;--panel:#20282e;--border:#3c4850;--ink:#edf1f2;--muted:#bcc7ca;--gold:#92cbd1;--action:#a4d6dc;--surface:#1c2429;--line:#3c4850;color-scheme:dark}
html{scroll-padding-top:16px}
body{background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
::selection{background:#6da6ad;color:#0d1a1d}
a{color:#aad7db;text-underline-offset:3px}
:focus-visible{outline:2px solid #a4dce2;outline-offset:3px}
header{background:#11171a;border-bottom:1px solid #354148;padding:0 4%}
.header-inner{max-width:1500px;min-height:68px;gap:32px}
.header-inner .brand{font:700 15px/1.1 system-ui,sans-serif;letter-spacing:.04em;color:#eef3f2}
.header-inner .brand img{width:46px;height:46px;object-fit:contain;animation:none}
.brand-sub{font:600 9px/1 system-ui,sans-serif;letter-spacing:.18em;color:#b3c0c3;margin-top:5px}
.header-inner nav.desktop-nav{position:static;display:flex;flex:1;align-self:stretch;justify-content:flex-start;gap:26px;margin:0;padding:0;background:none;border:0;box-shadow:none;width:auto}
.desktop-nav a{color:#c6d0d1;font-size:13px;font-weight:500;border:0;border-bottom:2px solid transparent;padding:0 2px;text-decoration:none}
.desktop-nav a:hover,.desktop-nav a[aria-current]{color:#f2f8f7;border-color:#8ac4c9}
.menu-toggle{display:none}
main{max-width:1600px;padding:0 4%}
button,input,select{font-family:inherit}
h1,h2,h3{font-family:inherit;letter-spacing:normal}
.calc-heading{padding:25px 0 19px;align-items:end;border:0}
.calc-heading:after{display:none}
.calc-heading h1{font:700 27px/1.2 system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 5px;color:var(--ink)}
.calc-heading h1 em{font:inherit;color:inherit}
.calc-heading p:last-child{font-size:13px;color:var(--muted);margin:0}
.calc-edition{font:500 12px/1.4 system-ui,sans-serif;letter-spacing:0;color:#c0ccce;text-align:right}
.calc-edition small{font:400 11px/1.4 system-ui,sans-serif;color:#aebbc0}
.class-label{font:600 12px/1.4 system-ui,sans-serif;letter-spacing:0;color:#dae3e4;margin:0 0 8px}
.class-label span:last-child{font-weight:400;letter-spacing:0;color:#acb9bc;font-size:11px}
.class-picker{gap:4px;margin-bottom:12px}
.class-picker a,.class-picker a[aria-current]{min-height:52px;gap:8px;padding:8px 9px;background:#20292d;border:1px solid #3c4850;border-radius:3px;color:#d0d9da;font-size:12px;box-shadow:none;transform:none}
.class-picker a:hover{background:#2b383b;border-color:#80989a;transform:none}
.class-picker a[aria-current]{border-color:var(--class-color);background:#2c3a36;color:#f3f8f4;box-shadow:inset 0 -2px var(--class-color)}
.class-picker a[aria-current]:after{display:none}
.class-picker img{width:32px;height:32px;border:0;box-shadow:none}
.snapshot-notice{padding:9px 12px;margin:0;background:#282d2c;border:1px solid #6a6a55;color:#e4e4d4;font-size:12px;line-height:1.5}
.snapshot-notice strong{color:#f3edd5}
.calc-meta{padding:11px 0;gap:12px}
.calc-meta p,.calc-meta p span{color:#c1cbca;font-size:12px}
.compare-toggle{border:0;background:transparent;color:#d4dddd;font-size:12px;font-weight:500;min-height:38px;padding:6px 2px}
.compare-toggle:hover,.compare-toggle:has(input:checked){background:transparent;color:#edf7f7}
.compare-toggle input{accent-color:#94cbd0}
.calculator-workspace{gap:10px 12px;grid-template-columns:minmax(0,1fr) 270px}
.build-toolbar{gap:24px;padding:14px 16px 17px;background:#202a2e;border:1px solid #46565a;border-radius:3px;box-shadow:none}
.build-toolbar:before{display:none}
.chosen-class{min-width:150px;gap:10px}
.chosen-class img{border:1px solid #758783;box-shadow:none}
.chosen-class h2{font:700 18px/1.2 system-ui,sans-serif;color:var(--class-color);margin:0 0 4px}
.chosen-class p{font:12px/1.2 system-ui,sans-serif;letter-spacing:.04em;color:#cad6d4}
.level-control{border-color:#52615f;padding-left:20px}
.level-control label{font:600 11px/1.3 system-ui,sans-serif;letter-spacing:0;color:#c5d0d0;max-width:75px}
.level-control input{background:#151c1f;border:1px solid #607276;border-radius:3px;color:#f1f5f4;font-size:15px}
.points-remaining strong{font:700 26px/1 system-ui,sans-serif;color:#e9f3ee}
.points-remaining>div{font:600 10px/1.3 system-ui,sans-serif;letter-spacing:.03em;color:#d3e0dc}
.points-remaining small{font:400 11px/1.3 system-ui,sans-serif;color:#b8c7c4;margin-top:3px}
.toolbar-actions{gap:6px}
.calc-button{min-height:38px;padding:8px 12px;background:#303b3f;border:1px solid #627276;border-radius:3px;box-shadow:none;color:#edf2f1;font-size:12px;text-shadow:none}
.calc-button:hover{background:#405054;border-color:#9bb4b6}
.calc-button:disabled{color:#aab7b7;opacity:.55}
.gold-button,.primary{background:#a4d6dc;border-color:#a4d6dc;color:#112225;text-shadow:none;font-weight:700}
.gold-button:hover,.primary:hover{background:#c0e6e9;border-color:#c0e6e9;color:#112225}
.point-progress{background:#162125;height:3px}.point-progress span{background:var(--class-color)}
.wow-trees{gap:8px}
.wow-tree{border:1px solid #53615a;background:#19211e;box-shadow:none}
.wow-tree:before,.wow-tree:after{display:none}
.tree-title{height:54px;padding:10px 12px;background:#26322c;border-bottom:1px solid #53615a;gap:9px}
.tree-title>img{width:28px;height:28px;border:0}
.tree-title h2{font:600 14px/1.2 system-ui,sans-serif;color:#edf2e9}
.tree-title>span{font:600 14px system-ui,sans-serif;color:#d5e2d8;font-variant-numeric:tabular-nums}
.tree-reset{color:#d0dad1}
.tree-footer{background:#202a25;border-color:#53615a;color:#c5d0c7;font-size:11px}
.talent-grid{box-shadow:none}
.talent-node.is-locked>img{filter:grayscale(.65) brightness(.62)}
.talent-name{font-size:9px;line-height:1.2;color:#f4f6eb;letter-spacing:0}
.is-locked .talent-name{color:#d5dcd0}
.talent-inspector{background:#20292d;border:1px solid #46565a;border-radius:3px;box-shadow:none;padding:20px;scrollbar-color:auto}
.inspector-empty{padding-top:0;text-align:left}
.inspector-empty h2{font:700 17px/1.3 system-ui,sans-serif;color:#eef4f3;margin:0 0 10px}
.inspector-empty p:not(.eyebrow){font-size:13px;color:#c0cccc;line-height:1.6}
.inspector-empty img{width:130px;margin:22px 0 0}
.detail-heading h3{font:700 17px/1.25 system-ui,sans-serif;color:#edf3eb}
.detail-heading span,.detail-heading small,.detail-requirements,.detail-source{color:#c4d0cb;font-size:11px}
.detail-label{color:#bbc9c4;font-size:10px;letter-spacing:.06em}
.rank-effect{font-size:13px;line-height:1.6;color:#edf0db}
.requirement-message{color:#f0b8a8;font-size:12px}
.calc-bottom p{font-size:12px;color:#c3d0c9}
.data-strip,.update-rail{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:16px 0;margin:12px 0 24px}
.data-seal{display:none}.data-strip p,.data-strip strong{font-size:13px;color:#e1e9e5}.data-strip p span{font-size:12px;color:#b8c7c4}
.update-rail{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:12px}.update-rail span{color:#c8d3d0;font-weight:700;letter-spacing:0}
.update-rail a{font-size:12px;color:#aad7db}
.calc-guide h2,.calculator-faq h2{font:700 22px/1.3 system-ui,sans-serif;color:#edf3f0}
.calc-guide h3{font:700 15px/1.4 system-ui,sans-serif;color:#e1e9e4}
.calc-guide p,.calculator-faq details p{font-size:13px;color:#c0ccc4;line-height:1.7}
.calc-guide .eyebrow,.calculator-faq .eyebrow,.page-heading .eyebrow,.legacy-faq .eyebrow,.prose>.eyebrow{display:none}
.calculator-faq summary,.talent-reference summary{font-size:13px;color:#dce9e4}
.talent-reference{background:#1b2525;border-color:#465651}
.talent-reference h2,.talent-reference dt{font-family:system-ui,sans-serif}
.talent-reference dd{font-size:13px;color:#c1cdc5}
.builds-dialog{background:#20292d;border:1px solid #607276;color:#edf3f2;border-radius:3px;box-shadow:0 14px 36px #0009}
.builds-dialog::backdrop{background:#080d0dcc;backdrop-filter:none}
.builds-dialog h2{font:700 21px system-ui,sans-serif}
.page-heading{padding:36px 0 22px;margin-bottom:20px;border-color:var(--line)}
.page-heading h1,.prose h1{font:700 30px/1.2 system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 10px}
.page-heading .intro{font-size:14px;color:var(--muted)}
.guide-grid{display:block;margin:0 0 60px}
.guide-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr) auto;gap:16px;align-items:baseline;padding:20px 4px;background:transparent;border:0;border-bottom:1px solid var(--line);box-shadow:none;transform:none}
.guide-card:hover{background:#ffffff08;transform:none}
.guide-card h2{font:700 17px/1.3 system-ui,sans-serif;margin:0;grid-column:1}
.guide-card p{font-size:13px;color:var(--muted);margin:0;grid-column:2}
.guide-card .tag,.guide-number{display:none}.guide-card .text-link{font-size:12px;grid-column:3}
.prose{color:#d2dcda;line-height:1.75;max-width:72ch}.prose h2{font:700 21px/1.3 system-ui,sans-serif}.prose .lead{font:18px/1.6 system-ui,sans-serif;color:#e2ebe8}
.source-box,.article-sidebar{background:#202b2e;border:1px solid #46565a;box-shadow:none}
.legacy-summary,.legacy-toolbar,.legacy-tree{background:#20292d;border-color:#46565a;box-shadow:none}
.legacy-summary strong,.legacy-toolbar strong,.legacy-tree h2{font-family:system-ui,sans-serif}
.legacy-tree>header{background:#293632;border-color:#46565a}.legacy-perk{background:#202d29;border-color:#43544a}
.legacy-perk-copy b{font:600 14px system-ui,sans-serif;color:#e7eee7}.legacy-perk-copy small{font-size:11px;color:#c1cdc5}
footer{border-color:#3c4850;color:#b7c5c1}footer .brand{font-family:system-ui,sans-serif}footer a{color:#c6d6d3}
@media(max-width:1200px){.calculator-workspace{grid-template-columns:minmax(0,1fr) 235px}.class-picker a{flex-direction:column;gap:4px;min-height:65px}.talent-name{font-size:8px}}
@media(max-width:1000px){.calculator-workspace{grid-template-columns:1fr}.talent-inspector{min-height:0}.inspector-empty img{margin:0}.desktop-nav{gap:15px!important}}
@media(max-width:720px){
 header{padding:0 4%}.header-inner{min-height:60px;padding:0;flex-wrap:nowrap}.header-inner .brand img{width:42px;height:42px}
 .header-inner nav.desktop-nav{display:none}.menu-toggle{display:flex;margin-left:auto}.menu-toggle span{background:#d0dbd8}
 .calc-heading{padding:20px 0 16px}.calc-heading h1{font-size:23px;line-height:1.2}.calc-heading p:last-child{font-size:13px}.calc-edition{display:none}
 .class-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.class-picker a{flex-direction:row;min-height:46px;padding:6px 8px;gap:8px;font-size:11px}.class-picker img{width:27px;height:27px}
 .class-label,.class-label span:last-child{font-size:11px}.snapshot-notice{font-size:12px;padding:10px 12px}.calc-meta{gap:3px}.calc-meta p{font-size:11px}
 .calculator-workspace{grid-template-areas:"summary" "tabs" "trees" "inspector";gap:8px}.build-toolbar{padding:14px 12px 17px;gap:12px}
 .chosen-class h2{font-size:17px}.chosen-class img{width:36px;height:36px}.level-control label{font-size:10px}.level-control input{font-size:15px}
 .points-remaining strong{font-size:24px}.points-remaining>div,.points-remaining small{font-size:10px}.toolbar-actions .calc-button{font-size:11px;min-height:40px}
 .mobile-tree-tabs button{background:#202a2d;color:#c5d0cf;border-color:#536461;font-size:11px}.mobile-tree-tabs button[aria-pressed=true]{color:#eef8f3;background:#30423a;border-color:#aac9a9}.mobile-tree-tabs span{color:#dfebdf}
 .tree-title h2{font-size:16px}.talent-name{font-size:10px}.has-selection .talent-inspector{background:#20292d;border-color:#829f9e;max-height:45vh}.has-selection .detail-actions{background:#20292d}
 .guide-card{grid-template-columns:1fr;gap:5px;padding:17px 3px}.guide-card h2,.guide-card p,.guide-card .text-link{grid-column:1}.guide-card .text-link{margin-top:4px}
 .page-heading h1,.prose h1{font-size:25px}.update-rail{gap:8px 16px}.update-rail span{width:100%}
}
@media(max-width:360px){.class-picker a{gap:5px;padding:6px;font-size:10px}.class-picker img{width:24px;height:24px}.toolbar-actions{max-width:none}.talent-name{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.legacy-perk.is-locked,.legacy-perk.is-placeholder{opacity:1}
.legacy-perk.is-locked img,.legacy-perk.is-placeholder img{filter:grayscale(.65) brightness(.65)}
.legacy-perk.is-locked .legacy-perk-copy b,.legacy-perk.is-placeholder .legacy-perk-copy b{color:#c6d1cb}
.legacy-perk.is-locked .legacy-perk-copy small,.legacy-perk.is-placeholder .legacy-perk-copy small{color:#b7c3bd}
.legacy-perk-copy i{color:#c2cdb5;font-size:10px}