.path-list{display:grid;gap:7px}.path-option{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #2e3a40;background:rgba(12,18,23,.76);text-align:left}.path-option span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #657078;color:#d6c083;font-family:"ZCOOL XiaoWei"}.path-option h4{margin:0;color:#e2e6df;font-size:.8rem}.path-option p{margin:3px 0 0;color:#8b989c;font-size:.68rem}.path-option button{border:1px solid #806a3c;background:transparent;color:#dbbd78;padding:5px 8px;font-size:.65rem}.path-option.selected{border-color:#9a7c43;background:rgba(100,75,29,.18)}.path-option button:disabled{border-color:#3a464a;color:#788489}
.skill-section{margin-top:18px}.skill-role{margin:0 0 9px;color:#8b989c;font-size:.7rem;line-height:1.55}.skill-list{display:grid;gap:7px}.skill-card{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid #344349;background:rgba(12,18,23,.8)}.skill-card>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #6b7b80;color:#d6c083}.skill-card h4{margin:0;color:#e2e6df;font-size:.78rem}.skill-card p{margin:3px 0 6px;color:#8b989c;font-size:.66rem}.skill-card em{display:block;height:3px;background:#273238}.skill-card em i{display:block;height:100%;background:#b99652}.skill-card>b{color:#cfb576;font-size:.65rem}.skill-card.locked{opacity:.45}.mutation-passives{display:grid;gap:5px;margin-top:9px;padding:10px;border-left:2px solid #9b78c1;background:rgba(63,42,83,.22);font-size:.68rem}.mutation-passives b{color:#d4b7ef}.mutation-passives span{color:#9fa6aa}
.skill-card button{border:1px solid #806a3c;background:rgba(120,91,35,.18);color:#dbbd78;padding:5px 7px;font-size:.62rem}.skill-card button:disabled{opacity:.55}
.element-guide{margin:10px 0 14px;padding:10px;border:1px solid #34474b;background:rgba(12,25,29,.78)}.element-guide b,.element-guide small{display:block}.element-guide b{color:#d9c690;font-size:.72rem}.element-guide small{margin-top:3px;color:#829295;font-size:.58rem;line-height:1.45}.element-guide p{display:flex;align-items:center;gap:4px;margin:9px 0 0;overflow-x:auto;color:#78898c;font-size:.62rem;white-space:nowrap}.element-guide p span{padding:3px 5px;border:1px solid #3e5054}.element-guide p span.mine{border-color:#b89650;color:#f0cf83;background:rgba(151,104,33,.18)}.element-guide p i{color:#68797c;font-style:normal}