#bellarion-life .skills-scene{background:linear-gradient(#19150fe0,#19150f66),var(--nomad-art) center/cover;border:1px solid #927348;border-radius:8px;padding:24px;color:#f2dfba}#bellarion-life .skills-title{text-align:center;margin-bottom:20px}#bellarion-life .skills-title h3{font-size:30px}#bellarion-life .skills-layout{display:grid;grid-template-columns:minmax(220px,1fr) minmax(200px,1.15fr) minmax(220px,1fr);gap:24px;align-items:center}#bellarion-life .skills-branches{display:flex;flex-direction:column;gap:24px}#bellarion-life .skill-branch{position:relative;background:#241e17ef;border:1px solid #967443;padding:16px;border-radius:7px}#bellarion-life .skills-branches.left .skill-branch:after{content:"";position:absolute;left:100%;top:50%;width:24px;height:1px;background:#b58b4f}#bellarion-life .skills-branches.right .skill-branch:before{content:"";position:absolute;right:100%;top:50%;width:24px;height:1px;background:#b58b4f}#bellarion-life .skill-heading{display:flex;gap:9px;align-items:center;margin-bottom:8px}#bellarion-life .skill-heading h4{font-size:21px}#bellarion-life .skill-value{margin-left:auto;white-space:nowrap;font-size:12px;color:#ebc887}#bellarion-life .skill-node-list{list-style:none;padding:0;margin:18px 0 12px;display:flex;align-items:flex-start;gap:0}#bellarion-life .skill-node{flex:1;text-align:center;position:relative;font-size:11px;color:#b3a284}#bellarion-life .skill-node:not(:last-child):after{content:"";position:absolute;left:65%;top:17px;width:70%;height:1px;background:#685136}#bellarion-life .skill-node .node-circle{position:relative;z-index:1;width:35px;height:35px;display:grid;place-items:center;margin:0 auto 6px;background:#30271b;border:1px solid #725d3e;border-radius:50%}#bellarion-life .skill-node.unlocked .node-circle{background:#d2ae67;color:#20190f;border-color:#f5d291}#bellarion-life .skill-node.current .node-circle{border:2px solid #e3bc76;color:#f2d79d;box-shadow:0 0 10px #dca74c20}#bellarion-life .skill-node span{display:block}#bellarion-life .skill-progress{height:6px;background:#5e4b32;border-radius:5px;overflow:hidden;margin:8px 0}#bellarion-life .skill-progress div{height:100%;background:#dbb674}#bellarion-life .skill-next{font-size:12px;color:#e2c797}#bellarion-life .skill-avatar-column{text-align:center;align-self:center}#bellarion-life .skill-avatar-column .avatar-portrait{width:100%;max-width:340px;margin:auto}#bellarion-life .skill-avatar-column h4{font:400 29px Georgia,serif;letter-spacing:.13em}#bellarion-life .skill-base-note{font-size:12px;margin-top:12px;color:#cbbb9d}#bellarion-life .skill-help{font-size:12px;color:#caba9c;text-align:center;margin-top:24px}#bellarion-life .skill-reward-label{color:#ddbe80;font-size:12px;display:block}#bellarion-life .attribute-panel .permanent-note{font-size:11px;color:#ddbe80;padding-top:4px}#bellarion-life .attribute-panel .skill-tree-link{margin-top:16px;width:100%;font-size:13px}
@media(max-width:950px){#bellarion-life .skills-layout{grid-template-columns:minmax(180px,1fr) minmax(150px,.9fr) minmax(180px,1fr);gap:14px}#bellarion-life .skill-branch{padding:12px}#bellarion-life .skill-heading{flex-wrap:wrap}#bellarion-life .skill-value{margin-left:0}#bellarion-life .skills-branches.left .skill-branch:after,#bellarion-life .skills-branches.right .skill-branch:before{width:14px}}
@media(max-width:700px){#bellarion-life .skills-layout{grid-template-columns:1fr}#bellarion-life .skill-avatar-column{grid-row:1}#bellarion-life .skill-avatar-column .avatar-portrait{width:250px}#bellarion-life .skills-branches.left .skill-branch:after,#bellarion-life .skills-branches.right .skill-branch:before{display:none}#bellarion-life .skills-scene{padding:18px 12px}}