#experienceHud{position:absolute;left:0;bottom:calc(100% + 5px);width:100%;height:29px;min-height:0;padding:0 12px;border:1px solid #826542;border-radius:2px;background:#130f12e8;color:#eadac3;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;display:flex;align-items:center;gap:14px;pointer-events:auto;cursor:pointer;overflow:hidden;text-shadow:0 1px 2px #000}
#experienceHud[hidden],.skillsOverlay[hidden]{display:none!important}#experienceHud .xpFill{position:absolute;inset:0;background:linear-gradient(90deg,#642832aa,#b1804688);transform-origin:left;transform:scaleX(0);transition:transform .25s linear;pointer-events:none}#experienceHud span:not(.xpFill){position:relative}#experienceHud .xpPoints{margin-left:auto;font-size:10px;letter-spacing:.06em}#experienceHud.hasPoints{border-color:#ebba69;color:#ffe6ac}#experienceHud:hover{background:#342026}
.skillsOverlay{position:fixed;inset:0;z-index:1600;background:#0b080bef;display:grid;place-items:center;padding:20px;color:#e8dcca;font-family:Georgia,serif}
.skillsPanel{width:min(1220px,100%);max-height:94vh;display:flex;flex-direction:column;border:1px solid #7c5a3c;background:radial-gradient(ellipse at top left,#3e24272b,transparent 65%),#151013;box-shadow:0 20px 70px #000}
.skillsHeader{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:23px 28px;border-bottom:1px solid #66432f}.skillsHeader small,.skillDetail>small{color:#bc9560;letter-spacing:.17em;font:11px system-ui}.skillsHeader h1{font-size:30px;font-weight:normal;margin:6px 0}.skillsSummary{font:12px system-ui;letter-spacing:.08em;color:#e8be7d;margin:7px 0 0}
.skillsOverlay button{font-family:inherit;cursor:pointer;border-radius:2px}.skillsClose{background:#261a1d;border:1px solid #80603f;color:#e0caaa;padding:12px;font:12px system-ui!important}.skillsClose:hover{background:#503031}
.skillsContent{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;padding:24px 28px;overflow:auto;overscroll-behavior:contain}.skillsGraph{position:relative;min-width:0;align-self:start}.skillsLinks{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.skillsLinks path{fill:none;stroke:#795d45;stroke-width:1.3;opacity:.5}.skillsLinks path.satisfied{stroke:#c7a26e;opacity:.9}
.skillsBranches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px}.skillsBranch{position:relative;display:flex;flex-direction:column;gap:18px}.skillsBranch h2{margin:0 0 1px;color:var(--branch);font:16px Georgia,serif;letter-spacing:.03em;text-align:center}.skillNode{position:relative;min-height:56px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a49a91;background:#211a1d;border:1px solid #4d3c35;line-height:1.2}.skillName{font-size:13px}.skillRank{font:10px system-ui;letter-spacing:.1em}.skillNode.available{border-color:var(--branch);color:#eddfc9}.skillNode.learned{background:#3d2928;border-color:#b78b52;color:#f9d9a4}.skillNode.selected{outline:2px solid #ffe2ad;outline-offset:3px;color:#fff1d3}.skillNode.excluded{background:repeating-linear-gradient(135deg,#20181a,#20181a 5px,#27191c 5px,#27191c 6px);color:#a98181}.skillsCross{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;padding-top:22px}.skillsCross h2{grid-column:1/-1;font-size:13px;text-transform:uppercase;letter-spacing:.13em}
.skillDetail{border-left:1px solid #66432f;padding:8px 0 0 24px;align-self:start;position:sticky;top:0}.skillDetail h2{font-size:27px;color:#f1d1a0;font-weight:normal;margin:10px 0 18px}.skillDetail p{font:14px/1.65 system-ui;margin:12px 0}.skillRequirements{color:#b9aba0}.skillExclusive{padding:10px 12px;border-left:2px solid #c37a59;background:#59242655;color:#e9b7a0;font-size:12px!important}.skillStatus{color:#b6c7ae;font-size:12px!important;min-height:40px}.skillLearn{width:100%;padding:13px 9px;border:1px solid #dfab60;background:#6c322a;color:#fff0d1;font:600 11px system-ui!important;letter-spacing:.05em}.skillLearn:disabled{opacity:.45;cursor:default}.skillNotice{color:#eed19d;min-height:40px;font-size:12px!important}.skillsFoot{border-top:1px solid #4b332a;padding:13px 28px;font:11px/1.5 system-ui;color:#bda995}.skillsOverlay button:focus-visible{outline:2px solid #fff1bb;outline-offset:3px}
@media(max-width:950px){.skillsContent{grid-template-columns:minmax(0,1fr);gap:22px}.skillDetail{position:static;border-left:0;border-top:1px solid #66432f;padding:18px 0 0}.skillDetail h2{font-size:23px;margin:7px 0}.skillDetail p{margin:9px 0}.skillStatus,.skillNotice{min-height:0}.skillsPanel{max-height:96dvh}.skillsContent{padding:20px}.skillsHeader{padding:17px 20px}}
@media(max-width:540px){.skillsOverlay{padding:6px}.skillsHeader{padding:14px;gap:8px;align-items:flex-start}.skillsHeader h1{font-size:22px}.skillsHeader small{font-size:9px}.skillsSummary{font-size:10px}.skillsClose{font-size:10px!important;padding:10px 6px}.skillsContent{padding:20px 14px}.skillsBranches{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 20px}.skillNode{min-height:58px}.skillName{font-size:14px}.skillsCross{gap:12px}.skillsFoot{padding:10px 14px}#experienceHud{gap:8px;padding:0 6px;font-size:10px}#experienceHud .xpPoints{font-size:9px}}
.skillsBranch:not(.skillsCross){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:20px repeat(3,minmax(66px,auto));gap:22px 10px}.skillsBranch:not(.skillsCross)>h2,.skillsBranch:not(.skillsCross)>.skillNode:nth-child(2),.skillsBranch:not(.skillsCross)>.skillNode:nth-child(3){grid-column:1/-1}.skillsBranch:not(.skillsCross)>.skillNode:nth-child(4){grid-column:1;grid-row:4}.skillsBranch:not(.skillsCross)>.skillNode:nth-child(5){grid-column:2;grid-row:4}.skillsBranch>[data-skill=reserve]{grid-column:1!important;grid-row:3}.skillsBranch>[data-skill=grenadier]{grid-column:2!important;grid-row:3!important}.skillsLinks path.selected{stroke:#ffe4aa;stroke-width:2;opacity:1}.skillsBranch:not(.skillsCross) .skillName{font-size:12px;text-transform:none}.skillsBranch:not(.skillsCross) .skillRank{font-size:9px}.skillsCross{padding-top:28px}
@media(prefers-reduced-motion:reduce){#experienceHud .xpFill{transition:none}}
.skillName{max-width:100%;overflow-wrap:anywhere;text-align:center}
#experienceHud.hasPoints{box-shadow:0 0 0 1px #ebba6944,inset 0 0 16px #e8ac3320}
#experienceHud.hasPoints .xpPoints{display:flex;align-items:center;gap:7px;padding:4px 7px;border:1px solid #cda055;background:#573913;color:#fff0c7;border-radius:3px;white-space:nowrap}
#experienceHud.hasPoints .xpPoints::before{content:'◆';font-size:11px;color:#ffd778}
#experienceHud.pointGain7{animation:skillPointGain7 .8s ease-out 1}
.skillGainNotice7{position:fixed;z-index:45;top:14%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:min(360px,86vw);padding:16px 22px;border:1px solid #d0a35e;border-top:2px solid #ffe2a0;background:linear-gradient(135deg,#38231af5,#181216f5);box-shadow:0 8px 30px #0008;color:#ffe9bb;text-align:center;pointer-events:none;text-shadow:0 1px 2px #000}
.skillGainNotice7[hidden]{display:none!important}.skillGainNotice7 strong{font:22px Georgia,serif;letter-spacing:.08em}.skillGainNotice7 span{font:700 12px system-ui;letter-spacing:.05em;color:#ffcf79}.skillGainNotice7 small{font:11px system-ui;color:#d4c4ad}
@keyframes skillPointGain7{0%{box-shadow:0 0 16px #ffc55dcc}100%{box-shadow:0 0 0 1px #ebba6944,inset 0 0 16px #e8ac3320}}
@media(max-width:540px){#experienceHud.hasPoints .xpPoints{gap:4px;padding:3px 4px;letter-spacing:0}.skillGainNotice7{top:12%;padding:12px}}
@media(prefers-reduced-motion:reduce){#experienceHud.pointGain7{animation:none}}