#skill-loadout{display:grid;gap:16px;margin-top:18px}.loadout-group{min-width:0;border:1px solid #ffffff14;border-radius:16px;padding:12px;background:#0c151e66}.loadout-group .loadout-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.loadout-group h3{margin:0;font-size:15px}.loadout-group h3 small{font-size:12px;color:#aebcca;margin-left:8px}.loadout-group .loadout-heading>span{font-size:11px;color:#92a5b6}.loadout-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.loadout-slots.active,.loadout-slots.ultimate{grid-template-columns:1fr}.loadout-slot{display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-width:0;min-height:76px;padding:10px;color:#ebeff5;background:#17232e;border:1px dashed #526475;border-radius:12px;cursor:pointer}.loadout-slot.filled{border-style:solid;border-color:#526475}.loadout-slot:hover,.loadout-slot:focus-visible{border-color:var(--slot-color);outline:2px solid #b9d9e2;outline-offset:2px}.loadout-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;font-size:24px;color:var(--slot-color)}.loadout-icon svg{width:100%;height:100%}.loadout-copy{flex:1;min-width:0}.loadout-copy b{display:block;font-size:13px;overflow-wrap:anywhere;line-height:1.5}.loadout-copy small{display:block;font-size:11px;color:#a6b6c6;line-height:1.6}.loadout-edit{font-size:10px;color:#b6c9d4}.loadout-slots.passive .loadout-slot{flex-wrap:wrap;gap:6px}.loadout-slots.passive .loadout-edit{display:none}.orb-drawer{border-top:1px solid #ffffff20;padding-top:8px}.orb-drawer>summary{font-weight:bold;color:#dbb9f3}#skill-clock{font-size:12px;color:#9db1c1}#loadout-picker{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:16px;border:1px solid #68839a;border-radius:18px;background:#14202b;color:#eef0f4}#loadout-picker::backdrop{background:#02070dcc}#loadout-picker>.loadout-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}#loadout-picker h2{font-size:18px;margin:0}#loadout-picker p{font-size:12px;line-height:1.7;color:#b5c4d1}#loadout-picker .btn{min-height:44px}#loadout-picker footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.loadout-choices{display:grid;gap:8px}.loadout-choices>button{display:flex;gap:12px;align-items:center;min-height:72px;width:100%;padding:12px;text-align:left;background:#21313f;border:1px solid #4a6073;border-radius:12px;color:#edf2f7;cursor:pointer}.loadout-choices>button>span:last-child{min-width:0;overflow-wrap:anywhere}.loadout-choices small{display:block;color:#afc3d3;font-size:12px;line-height:1.6;margin-top:3px}.loadout-choices button:disabled{opacity:.5;cursor:default}.loadout-choices button:focus-visible{outline:2px solid #f4d591}.loadout-empty{padding:20px;text-align:center}@container(min-width:560px){.loadout-slots.active{grid-template-columns:repeat(3,minmax(0,1fr))}.loadout-slots.active .loadout-slot{flex-wrap:wrap}.loadout-slots.active .loadout-edit{display:none}.loadout-slots.passive{grid-template-columns:repeat(4,minmax(0,1fr))}}

#combat-skills .loadout-group h3{margin:0;font-size:14px}#combat-skills .loadout-group{padding:10px}#combat-skills .loadout-group .loadout-heading{margin-bottom:10px}