/* 22 Oct (owner): РМ — a new hero of any level with its cards and collections on sliders (client/js/client/80-rm-ui.js) */
#rmBox{margin-top:2px}
#rmBox .rmHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0 1px}
#rmBox .rmHead>span{font:600 12px var(--f-ui);color:var(--ink)}
#rmBox .rmHead>b{font:600 12px var(--f-ui);color:var(--gold);text-align:right}
#mside #rmBox input[type=range]{display:block;width:100%;margin:0;padding:0;border:0;background:none;accent-color:var(--gold);height:22px}
#mside #rmBox input[type=number]{width:62px;padding:3px 6px;font:600 13px var(--f-ui);text-align:center}
#rmBox .rmPre{margin:8px 0 2px}
#rmBox .rmPre .btn{flex:1;white-space:nowrap;padding:6px 4px}
#rmBox .rmPre .btn.half{box-shadow:inset 0 -2px 0 var(--gold)}
#rmBox .rmChips{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 2px}
#rmBox .rmChip{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border:1px solid var(--line);font:600 11px var(--f-ui);color:var(--c)}
#rmBox .rmChip i{width:8px;height:8px;border-radius:50%;background:var(--c)}
#rmBox .rmChip.z{opacity:.4}
#rmBox .rmMarks{display:flex;flex-wrap:wrap;gap:2px 10px;margin:0 0 2px;font-size:11px;color:var(--dim)}
#rmBox .rmMarks span{cursor:pointer;border-bottom:1px dotted var(--dim)}
#rmBox .rmMarks span.on{color:var(--gold);border-bottom-color:var(--gold)}
#rmBox .rmGear,#rmBox .rmPow{margin:6px 0 0;color:var(--ink);font-size:12px}
#rmBox .rmPow{margin-top:2px}
#rmBox .rmGear b,#rmBox .rmPow b{color:var(--gold);font-weight:600}
#rmBox .rmHint{margin:6px 0 0;color:var(--dim);font-size:11px}
#rmBox .rmOff{color:var(--ember2)}