#masteries{grid-template-columns:minmax(270px,1fr) minmax(290px,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:16px 24px;align-content:stretch;overflow:hidden}
#masteries .ms-head{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:rgba(22,24,27,.96);padding:8px 12px;z-index:2}
#masteries .ms-head p{margin:0;flex:1;font:700 14px/1.5 var(--ui)}
#masteries .ms-tree,#masteries .ms-detail{min-width:0;min-height:0;overflow-y:auto;scroll-padding:8px}
#masteries .ms-list{display:grid;gap:7px;padding:12px}
#masteries .ms-path{margin:14px 0 6px;font:900 18px var(--ui);color:var(--ef-yellow)}
#masteries .ms-node{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 10px;border:1px solid #77756b;background:#25272b;color:var(--ef-white);font:700 15px var(--ui);text-align:left;cursor:pointer}
#masteries .ms-node small{font-size:12px;color:var(--ef-dim);white-space:nowrap}
#masteries .ms-node[aria-pressed=true]{border-color:var(--ef-yellow);background:#424338}
#masteries .ms-node:focus-visible,#masteries button:focus-visible{outline:3px solid var(--ef-yellow);outline-offset:2px}
#masteries .ms-detail .ef-box{padding:18px;line-height:1.6}
#masteries h2{font:900 22px var(--ui);margin:0 0 12px}
#masteries p{font:700 14px/1.6 var(--ui);color:var(--ef-white)}
#masteries .ms-note{color:var(--ef-dim)}
#masteries .ms-status{color:var(--ef-yellow);min-height:44px}
#masteries .ms-actions{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0;padding-left:26px}
#masteries .ms-actions .ef-btn{min-width:132px;min-height:40px;font-size:15px}
#masteries .ms-confirm{border:2px solid var(--ef-yellow);padding:14px;margin-top:16px}
#masteries [hidden]{display:none!important}
#masteries .ms-message{grid-column:1/-1;min-height:24px;margin:0}
@media(max-width:760px){#masteries.on{display:flex;flex-direction:column;gap:14px;overflow-y:auto;padding-bottom:24px}#masteries .ms-head{position:sticky;top:0;flex:0 0 auto;order:0}#masteries .ms-message{order:3;flex:0 0 auto}#masteries .ms-detail{order:1;overflow:visible;flex:0 0 auto}#masteries .ms-tree{order:2;overflow:visible;flex:0 0 auto}#masteries .ms-head p{flex-basis:60%;font-size:12px}}